Compare commits
10 commits
e43dd0a6ef
...
d010edf7d8
Author | SHA1 | Date | |
---|---|---|---|
|
d010edf7d8 | ||
|
3b44b1949c | ||
7bccd8fba0 | |||
3e0be11835 | |||
49366dc20f | |||
a7b35b386c | |||
7472c73182 | |||
0d91cb7c54 | |||
71c495a905 | |||
f66e417151 |
2 changed files with 84 additions and 46 deletions
|
@ -13,7 +13,7 @@
|
|||
|
||||
<img src="tickleiste.png" width= "100%" height= "auto">
|
||||
<form>
|
||||
<input type="text" pattern="[0-9a-f]" placeholder="TickleistenID" id="D">
|
||||
<input type="text" pattern="[a-f0-9]" placeholder="TickleistenID" id="D">
|
||||
<input type="button" class="sub" value="Tickleiste ändern" id="tickLeistenId">
|
||||
</form>
|
||||
<form>
|
||||
|
|
|
@ -4,27 +4,37 @@ let changeTickButton = document.getElementById("changeTick");
|
|||
let changeIdButton = document.getElementById("tickLeistenId");
|
||||
let reloadButton = document.getElementById("reload");
|
||||
let saveButton = document.getElementById("save");
|
||||
let url = "wss://nerfingen.de/tickLeisteSocket/";
|
||||
var players = [];
|
||||
let Id = Math.floor(Math.random()*10000000000000000).toString(16)
|
||||
var ws = new WebSocket("wss://nerfingen.de:8080/" + Id);
|
||||
let Id = "Test" //Math.floor(Math.random()*10000000000000000).toString(16)
|
||||
var ws = new WebSocket(url + Id);
|
||||
document.getElementById("p4").innerHTML = "" + Id;
|
||||
|
||||
|
||||
/* Handles Events from Server */
|
||||
ws.onmessage = function(evt){
|
||||
ws.onmessage = function(evt) {messageHandling(evt)};
|
||||
|
||||
|
||||
|
||||
function messageHandling(evt){
|
||||
var msg = evt.data;
|
||||
var obj = JSON.parse(msg);
|
||||
var valid = false;
|
||||
|
||||
/*Changes Tick of one Player in players. Updates the Playerlist and current Player.*/
|
||||
if (obj.eventType == "SetPlayerTickE") {
|
||||
valid = true;
|
||||
for (i = 0; i < players.length; i++){
|
||||
for (var i = 0; i < players.length; i++){
|
||||
if (players[i].UUID == obj.playerUUID){
|
||||
if (obj.tick.tickType == "Tick"){
|
||||
players[i].Tick = obj.tick.tickValue;
|
||||
}
|
||||
else {
|
||||
players[i].Tick = obj.tick.tickType;
|
||||
}
|
||||
var pl = players[i];
|
||||
players.splice(i,1);
|
||||
AddPlayer(pl);
|
||||
break;
|
||||
}
|
||||
}
|
||||
PlayerList();
|
||||
|
@ -40,7 +50,7 @@ ws.onmessage = function(evt){
|
|||
newPlayer.Tick = obj.tick.tickValue;
|
||||
}
|
||||
else {
|
||||
newPlayer.Tick = tickType;
|
||||
newPlayer.Tick = obj.tick.tickType;
|
||||
}
|
||||
AddPlayer(newPlayer);
|
||||
PlayerList();
|
||||
|
@ -50,11 +60,17 @@ ws.onmessage = function(evt){
|
|||
if (obj.eventType == "InitializeTickLeisteE") {
|
||||
valid = true;
|
||||
players = [];
|
||||
for (i = 0; i<obj.tickLeiste.length;i++){
|
||||
for (j =0;j<obj.tickLeiste[i][1].length;j++ ){
|
||||
for (var i = 0; i<obj.tickLeiste.length;i++){
|
||||
for (var j =0;j<obj.tickLeiste[i][1].length;j++){
|
||||
if (obj.tickLeiste[i][0].tickType == "Tick"){
|
||||
AddPlayer({Tick: obj.tickLeiste[i][0].tickValue, UUID: obj.tickLeiste[i][1][j][0], Name: obj.tickLeiste[i][1][j][1]});
|
||||
}
|
||||
else {
|
||||
AddPlayer({Tick: obj.tickLeiste[i][0].tickType, UUID: obj.tickLeiste[i][1][j][0], Name: obj.tickLeiste[i][1][j][1]});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
PlayerList();
|
||||
CurrentPlayer();
|
||||
|
||||
|
@ -62,7 +78,7 @@ ws.onmessage = function(evt){
|
|||
/*Changes the Name of a Player in players. Updates the Playerlist and current Player*/
|
||||
if (obj.eventType == "ChangeNameE") {
|
||||
valid = true;
|
||||
for (i = 0; i < players.length; i++){
|
||||
for (var i = 0; i < players.length; i++){
|
||||
if (players[i].UUID == obj.playerUUID){
|
||||
players[i].Name = obj.playerName;
|
||||
}
|
||||
|
@ -73,7 +89,7 @@ ws.onmessage = function(evt){
|
|||
/*Removes one Player from players. Updates the Playerlist and current Player*/
|
||||
if (obj.eventType == "RemovePlayerE") {
|
||||
valid = true;
|
||||
for (i = 0; i < players.length; i++){
|
||||
for (var i = 0; i < players.length; i++){
|
||||
if (players[i].UUID == obj.playerUUID){
|
||||
players.splice(i,1);
|
||||
}
|
||||
|
@ -94,20 +110,25 @@ addButton.onclick = function() {
|
|||
var type = "";
|
||||
if (document.getElementById("A2").value == "Abwarten") {
|
||||
type = "Abwarten";
|
||||
ws.send('{"requestType" : "AddPlayerTickR", "playerName" : "' + document.getElementById("A1").value + '" , "tick" : {"tickType" : "' + type + '"}}');
|
||||
}
|
||||
else {
|
||||
if (document.getElementById("A2").value == "Bereithalten") {
|
||||
type = "Bereithalten";
|
||||
ws.send('{"requestType" : "AddPlayerTickR", "playerName" : "' + document.getElementById("A1").value + '" , "tick" : {"tickType" : "' + type + '"}}');
|
||||
}
|
||||
else {
|
||||
type = "Tick";
|
||||
}
|
||||
ws.send('{"requestType" : "AddPlayerTickR", "playerName" : "' + document.getElementById("A1").value + '" , "tick" : {"tickType" : "' + type + '", "tickValue" : ' + document.getElementById("A2").value + '}}');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*When the Button is clicked, a RemovePlayerR request is send to the server.*/
|
||||
deleteButton.onclick = function() {
|
||||
var UUID = "";
|
||||
for (i = 0; i < players.length; i++){
|
||||
for (var i = 0; i < players.length; i++){
|
||||
if (players[i].Name == document.getElementById("B").value){
|
||||
UUID = players[i].UUID;
|
||||
}
|
||||
|
@ -120,28 +141,30 @@ changeTickButton.onclick = function() {
|
|||
var UUID = "";
|
||||
var Tick = document.getElementById("C2").value;
|
||||
var type = "";
|
||||
for (i = 0; i < players.length; i++){
|
||||
for (var i = 0; i < players.length; i++){
|
||||
if (players[i].Name == document.getElementById("C1").value){
|
||||
UUID = players[i].UUID;
|
||||
if (players[i].tick == "Abwarten" || players[i].tick == "Bereithalten"){
|
||||
type = players[i].Tick;
|
||||
if (Tick == "Abwarten" || Tick == "Bereithalten"){
|
||||
ws.send('{"requestType" : "SetPlayerTickR", "playerUUID" : "' + UUID + '", "tick" : {"tickType" : "' + Tick + '"}}');
|
||||
break;
|
||||
}
|
||||
else {
|
||||
type = "Tick";
|
||||
}
|
||||
}
|
||||
}
|
||||
/*console.log(Tick);
|
||||
console.log('{"requestType" : "SetPlayerTickR", "playerUUID" : "' + UUID + '", "tick" : {"tickType" : "' + type + '", "tickValue" : ' + Tick + '}}');*/
|
||||
ws.send('{"requestType" : "SetPlayerTickR", "playerUUID" : "' + UUID + '", "tick" : {"tickType" : "' + type + '", "tickValue" : ' + Tick + '}}');
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*When the Button is clicked, a new WebSocket connection is opened with the new ID*/
|
||||
changeIdButton.onclick = function() {
|
||||
Id = document.getElementById("D").value;
|
||||
newId = document.getElementById("D").value;
|
||||
ws.close();
|
||||
ws = new WebSocket("wss://nerfingen.de:8080/" + Id);
|
||||
document.getElementById("p4").innerHTML = "" + Id;
|
||||
ws = new WebSocket(url + newId);
|
||||
document.getElementById("p4").innerHTML = "" + newId;
|
||||
ws.onmessage = function(evt) {messageHandling(evt)};
|
||||
}
|
||||
|
||||
/*When the Button is clicked, a TickLeisteR request is send to the server.*/
|
||||
|
@ -157,7 +180,7 @@ saveButton.onclick = function(){
|
|||
/*Updates the Playerlist according to the content of players.*/
|
||||
function PlayerList(){
|
||||
var content = "";
|
||||
for (i = 0; i < players.length; i++){
|
||||
for (var i = 0; i < players.length; i++){
|
||||
content = content + players[i].Name + " " + players[i].Tick + "<br>";
|
||||
}
|
||||
document.getElementById("p3").innerHTML = content;
|
||||
|
@ -169,38 +192,53 @@ function CurrentPlayer(){
|
|||
document.getElementById("p2").innerHTML = players[0].Name;
|
||||
document.getElementById("p1").innerHTML = "" + players[0].Tick;
|
||||
}
|
||||
else{
|
||||
document.getElementById("p2").innerHTML = "-";
|
||||
document.getElementById("p1").innerHTML = "-";
|
||||
}
|
||||
}
|
||||
|
||||
function AddPlayer(player){
|
||||
var hinzugefügt = false;
|
||||
if (player.length == 0){
|
||||
if (players.length == 0){
|
||||
players.push(player);
|
||||
}
|
||||
else {
|
||||
var added = false;
|
||||
if (player.Tick == "Abwarten"){
|
||||
players.push(player);
|
||||
}
|
||||
else {
|
||||
if (player.Tick == "Bereithalten"){
|
||||
for (i = players.length; i>0;i++){
|
||||
for (var i = players.length; i>0;i--){
|
||||
if (players[i-1].Tick != "Abwarten"){
|
||||
players.splice(i,0,player);
|
||||
hinzugefügt = true;
|
||||
added = true;
|
||||
break;
|
||||
}
|
||||
if (i == 1 && hinzugefügt == false){
|
||||
if (i == 1 && added == false){
|
||||
players.splice(0,0,player);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
for (i = 0; i<players.length;i++){
|
||||
for (var i = 0; i<players.length;i++){
|
||||
if (players[i].Tick == "Abwarten" || players[i].Tick == "Bereithalten"){
|
||||
players.splice(i,0,player);
|
||||
added = true;
|
||||
break
|
||||
}
|
||||
else {
|
||||
if (player.Tick < players[i].Tick){
|
||||
players.splice(i,0,player);
|
||||
hinzugefügt = true;
|
||||
added = true;
|
||||
break;
|
||||
}
|
||||
if (i == players.length -1 && hinzugefügt == false){
|
||||
if (i == (players.length -1) && added == false){
|
||||
players.push(player);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -228,11 +266,11 @@ function loadFile(input){
|
|||
|
||||
|
||||
|
||||
function initializeJSONFormat(arr) {
|
||||
function initializeJSONFormat(arr) { // JSON ändern
|
||||
var tick = -999;
|
||||
var tickleiste = "";
|
||||
var type = "";
|
||||
for (i=0;i<arr.length;i++){
|
||||
for (var i=0;i<arr.length;i++){
|
||||
if (arr[i].Tick == "Abwarten" || arr[i].Tick == "Bereithalten"){
|
||||
type = arr[i].Tick;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue