Uplandustries/WebConsole-Client-v2.4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Now it is easier to add new servers to Web Interface. Updated README.

Browse Source
This commit is contained in:
Carlos 2019-08-15 16:10:20 +02:00
parent e869d3e581
commit 953877b0c2
3 changed files with 46 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -2,7 +2,9 @@
WebConsole is a Spigot plugin for Minecraft 1.8-1.14 that enables you to view your server console and manage your server from anywhere. It creates a WebSocket server in the background used by the web interface to send commands, receive your console log and manage your server.
Dont worry about privacy or security: all data is stored in your browser offline and your PC will connect directly to your minecraft server. No intermediary web servers, just you and your server.
Dont worry about privacy or security: all data is stored in your browser offline and your PC will connect directly to your minecraft server. No intermediary web servers, just you and your MC server.
![Screenshot](https://i.imgur.com/Zx1a8HG.png)
## Plugin installation
@ -19,7 +21,7 @@ Dont worry about privacy or security: all data is stored in your browser offline
> port: 8080
> password: yourPasswordGoesHere
Fill `host`, `port` and `password` values. They are, respectively, the IP and port your server is listening at and the login password. Password will be asked every time you connect to your server.
Fill `host`, `port` and `password` values. They are, respectively, your server IP, a port where to run this plugin (cannot be the port you are using for Minecraft) and the login password. Password will be asked every time you connect to WebConsole.
#### SSL Configuration
@ -58,9 +60,9 @@ WebConsole does not support PEM certificates, so you will need to convert it to
## Using web interface
1. Download web interface from [Releases](https://github.com/mesacarlos/WebConsole/releases)
1. Download web interface (client.zip) from [Releases](https://github.com/mesacarlos/WebConsole/releases)
2. If you want, you can host it in a web server, or use it offline. That's up to you.
3. To start adding servers, click on `Your servers`, and then `Add server`. Fill Server name and URI and you are ready to go. You will be prompted for password when connecting.
3. To start adding servers, click on `Your servers`, and then `Add server`. Fill Server name, IP and port, and you are ready to go. You will be prompted for password when connecting.
## Technical information

14
client/index.html
View File

@ -119,8 +119,16 @@
<input type="text" class="form-control" id="server-name">
</div>
<div class="form-group">
<label for="server-uri" class="col-form-label">Server URI:</label>
<input type="text" class="form-control" id="server-uri" placeholder="ws://localhost:8080">
<label for="server-ip" class="col-form-label">Server IP:</label>
<input type="text" class="form-control" id="server-ip" placeholder="ws://localhost:8080">
</div>
<div class="form-group">
<label for="server-port" class="col-form-label">Server port:</label>
<input type="text" class="form-control" id="server-port" placeholder="8080">
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="server-ssl">
<label class="form-check-label" for="server-ssl">Server is SSL enabled</label>
</div>
</form>
</div>
@ -187,7 +195,7 @@
<!-- Webpage footer -->
<footer class="footer mt-auto py-3">
<div class="container">
<span class="text-muted">WebConsole 1.1.0 - <a href="https://github.com/mesacarlos/WebConsole">GitHub</a></span>
<span class="text-muted">WebConsole v1.1 - <a href="https://github.com/mesacarlos/WebConsole">GitHub</a></span>
</div>
</footer>

34
client/scripts/WebConsoleJqueryHandler.js
View File

@ -18,12 +18,21 @@ $(document).ready(function() {
$("#saveAndConnectServerButton").click(function() {
//Save server
var name = $("#server-name").val();
var uri = $("#server-uri").val();
var wcIp = $("#server-ip").val();
var wcPort = $("#server-port").val();
var wcSsl = $("#server-ssl").prop('checked');
var uri;
if(wcSsl){
uri = "wss://" + wcIp + ":" + wcPort;
}else{
uri = "ws://" + wcIp + ":" + wcPort;
}
persistenceManager.saveServer(new WSServer(name, uri));
//Empty all modal values
$("#server-name").val("");
$("#server-uri").val("");
$("#server-ip").val("");
$("#server-port").val("");
//Update GUI serverlist
updateServerList();
@ -77,8 +86,24 @@ $('#passwordModal').on('hidden.bs.modal', function (e) {
* On send command button click
*/
$("#sendCommandButton").click(function() {
connectionManager.sendConsoleCmd($('#commandInput').val());
$('#commandInput').val('');
connectionManager.sendConsoleCmd($("#commandInput").val());
$("#commandInput").val('');
});
/**
* Enter key on command input
*/
$("#commandInput").on('keypress', function (e) {
if(e.which === 13){
//Disable textbox to prevent multiple submit
$(this).attr("disabled", "disabled");
//Send command
sendCommandButton.click();
//Enable the textbox again.
$(this).removeAttr("disabled");
}
});
/**
@ -95,4 +120,3 @@ $("#navbarHomeLink").click(function() {
backToHomepage();
});