mirror of
https://github.com/daniviga/django-ram.git
synced 2025-08-04 13:17:50 +02:00
972 lines
28 KiB
JavaScript
972 lines
28 KiB
JavaScript
/*
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or$("#log-box").append("<br>"+data+"<br>");
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
Authors: Fred Decker
|
|
Mani Kumar
|
|
Matt
|
|
|
|
This is part of the DCC++ EX Project for model railroading and more.
|
|
For more information, see us at dcc-ex.com.
|
|
*/
|
|
window.cv=0;
|
|
window.speed=0;
|
|
window.direction=1;
|
|
window.server="";
|
|
window.port=4444;
|
|
window.speedStep = 1;
|
|
window.functions = {
|
|
"f0": 0,
|
|
"f1": 0,
|
|
"f2": 0,
|
|
"f3": 0,
|
|
"f4": 0,
|
|
"f5": 0,
|
|
"f6": 0,
|
|
"f7": 0,
|
|
"f8": 0,
|
|
"f9": 0,
|
|
"f10": 0,
|
|
"f11": 0,
|
|
"f12": 0,
|
|
"f13": 0,
|
|
"f14": 0,
|
|
"f15": 0,
|
|
"f16": 0,
|
|
"f17": 0,
|
|
"f18": 0,
|
|
"f19": 0,
|
|
"f20": 0,
|
|
"f21": 0,
|
|
"f22": 0,
|
|
"f23": 0,
|
|
"f24": 0,
|
|
"f25": 0,
|
|
"f26": 0,
|
|
"f27": 0,
|
|
"f28": 0
|
|
};
|
|
window.isStopped = true;
|
|
let port;
|
|
let emulatorMode;
|
|
let reader;
|
|
let inputDone;
|
|
let outputDone;
|
|
let inputStream;
|
|
let outputStream;
|
|
|
|
let pressed = false;
|
|
|
|
|
|
// Enables and disables ui elements
|
|
|
|
function uiDisable (status) {
|
|
/*document.getElementById('ex-locoid').disabled = status
|
|
document.getElementById('power-switch').disabled = status
|
|
document.getElementById('button-sendCmd').disabled = status
|
|
document.getElementById('dir-f').disabled = status
|
|
document.getElementById('dir-S').disabled = status*/
|
|
//document.getElementById('dir-b').disabled = status
|
|
$("#ex-locoid").prop('disabled', status)
|
|
$("#power-switch").prop('disabled', status)
|
|
$("#button-sendCmd").prop('disabled', status)
|
|
$("#dir-f").prop('disabled', status)
|
|
$("#dir-S").prop('disabled', status)
|
|
$("#dir-b").prop('disabled', status)
|
|
if (status){
|
|
//$("#throttle").roundSlider("disable");
|
|
//toggleThrottleState(false)
|
|
$("#button-getloco").trigger("click");
|
|
} else {
|
|
//$("#throttle").roundSlider("enable");
|
|
//toggleThrottleState(true)
|
|
//$("#button-getloco").trigger("click");
|
|
}
|
|
}
|
|
|
|
// Returns given function current value (0-disable/1-enable)
|
|
function getFunCurrentVal(fun){
|
|
return window.functions[fun];
|
|
}
|
|
// Set given function current value with given value (0/1)
|
|
function setFunCurrentVal(fun, val){
|
|
window.functions[fun]=val;
|
|
}
|
|
// Set given CV value
|
|
function setCV(val){
|
|
window.cv = val;
|
|
console.log("Set Cab Address: "+val);
|
|
}
|
|
// Get stored CV value
|
|
function getCV(){
|
|
return window.cv
|
|
}
|
|
|
|
// Set Speed value
|
|
function setSpeed(sp){
|
|
window.speed=sp;
|
|
}
|
|
|
|
// Get Speed value
|
|
function getSpeed(){
|
|
return parseInt(window.speed);
|
|
}
|
|
|
|
// Set Direction
|
|
function setDirection(dir){
|
|
window.direction=dir;
|
|
}
|
|
|
|
// Get Direction value
|
|
function getDirection(dir){
|
|
return window.direction;
|
|
}
|
|
|
|
// Handling Disabling functionality for Knob Type throttle (it will not Out of the box)
|
|
function toggleKnobState(ele, state) {
|
|
if(!state){
|
|
ele.addClass("disabled");
|
|
}else{
|
|
ele.removeClass("disabled");
|
|
}
|
|
}
|
|
function loadMapData(map){
|
|
data = [];
|
|
if (map == "Default") {
|
|
data = { mname: "Default", fnData: fnMasterData };
|
|
} else {
|
|
data = getStoredMapData(map);
|
|
}
|
|
$("#mapping-panel").empty();
|
|
$("#mapping-panel").append(
|
|
'<div class="settings-subheading row">' +
|
|
'<div class="column-7 pl0"><div class="map-name-heading">' +
|
|
map +
|
|
"</div></div>" +
|
|
'<div class="column-3 pr0">' +
|
|
'<input type="hidden" id="cur-map-val" cur-map="'+map+'"/>' +
|
|
'<a href="#" class="option-btn waste-bin" id="delete-map"> 🗑</a>' +
|
|
'<a href="#" class="option-btn" id="import-map"> ↓</a>' +
|
|
'<a href="#" class="option-btn" id="export-cur-map"> ↑</a>' +
|
|
'<a href="#" class="option-btn" id="edit-cur-map">✎</a>' +
|
|
"</div>" +
|
|
"</div>"
|
|
);
|
|
$("#mapping-panel").append(
|
|
'<div class="row settings-group fnhead">' +
|
|
'<div class="column-2">Function</div>'+
|
|
'<div class="column-4">Name</div>'+
|
|
'<div class="column-2">Type</div>' +
|
|
'<div class="column-2">Visible</div>' +
|
|
'</div>'
|
|
);
|
|
container = $('<div class="maps-content"></div>').appendTo("#mapping-panel");
|
|
$.each(data.fnData, function (key, value) {
|
|
container.append(
|
|
'<div class="row settings-group" id="'+key+'">' +
|
|
'<div class="column-2 caplitalize">'+key+'</div>'+
|
|
'<div class="column-4">'+value[2]+'</div>'+
|
|
'<div class="column-2">'+ (value[1] == 1 ? '<span class="pill red">Momentary</span>' : '<span class="pill green">Latching</span>') +'</div>' +
|
|
'<div class="column-2">'+ (value[3] == 1 ? '<span class="pill green">Visible</span>' : '<span class="pill">Hidden</span>') +'</div>' +
|
|
'</div>'
|
|
);
|
|
});
|
|
|
|
}
|
|
function loadLocomotives(){
|
|
locos = getLocoList();
|
|
$("#locomotives-panel").empty();
|
|
$.each(locos, function (key, value) {
|
|
$("#locomotives-panel").append(
|
|
'<div class="row settings-group" id="'+key+'">'+
|
|
'<div class="column-1 sno"><p>' + (key + 1) + "</p></div>" +
|
|
'<div class="column-7 loco-details">' +
|
|
'<div class="row">' +
|
|
'<div class="column-7"><p class="ac-loco-name column-10">' +
|
|
value.name +
|
|
"</p></div>" +
|
|
'<div class="column-2 cv-num"><p><small>CV </small>' +
|
|
value.cv +
|
|
"</p></div>" +
|
|
"</div>" +
|
|
'<div class="row sub-text">' +
|
|
'<div class="column-3"><p>' + value.type + '</p></div>' +
|
|
'<div class="column-3">' +
|
|
(value.decoder == "" ? '<p class="nd">Undefined</p>' : "<p>" + value.decoder + "</p>") +
|
|
"</div>" +
|
|
'<div class="column-3">' +
|
|
(value.brand == "" ? '<p class="nd">Undefined</p>' : "<p>" + value.brand + "</p>") +
|
|
"</div></div></div>" +
|
|
'<div class="column-2 asst-map"><div class="row">' +
|
|
'<div class="column-7"><p class="muted">Map</p><p>' +
|
|
value.map +
|
|
"</p></div>" +
|
|
'<div class="column-3 prh"><a href="#" loco-id="'+key+'" data-loco="'+
|
|
value.name+'" class="edit-cur-loco"> ✎ </a></div></div>' +
|
|
"</div></br>"
|
|
);
|
|
});
|
|
}
|
|
//Initialization routine for Throttle screen
|
|
function setThrottleScreenUI() {
|
|
loadmaps();
|
|
loadButtons({ mname: "default", fnData: fnMasterData });
|
|
controller = getPreference("scontroller");
|
|
$("#throttle-selector").val(controller).trigger("change");
|
|
setspeedControllerType(controller);
|
|
|
|
// Show and hide debug console based on preference set in earlier session
|
|
if (getPreference("dbugConsole") == null) {
|
|
setPreference("dbugConsole", true);
|
|
}
|
|
if(getPreference("dbugConsole")) {
|
|
$("#debug-console").show()
|
|
$("#console-toggle").prop("checked", true);
|
|
}else{
|
|
$("#debug-console").hide();
|
|
$("#console-toggle").prop("checked", false);
|
|
}
|
|
|
|
$(".dir-toggle").addClass("forward");
|
|
|
|
// Set theme
|
|
if (getPreference("theme") == null) {
|
|
setPreference("theme", "simple");
|
|
}else{
|
|
theme = getPreference("theme");
|
|
$("#theme-selector").val(theme).trigger("change");
|
|
if (theme != "simple") {
|
|
$("link[title*='theme']").remove();
|
|
$("head").append(
|
|
'<link rel="stylesheet" type="text/css" title="theme" href="css/themes/'+theme+'.css">'
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Change the Speed controller type
|
|
function setspeedControllerType(pref){
|
|
// Set saved throttle or use circular throttle as default
|
|
$(".speedController").hide();
|
|
switch (pref) {
|
|
case "vertical":
|
|
console.log("Vertical Speed Controller");
|
|
$("#vertical-throttle").show();
|
|
break;
|
|
case "knob":
|
|
console.log("Knob Speed Controller");
|
|
$("#knobthrottle").show();
|
|
break;
|
|
case "circular":
|
|
console.log("Circular Speed Controller");
|
|
$("#circular-throttle").show();
|
|
break;
|
|
case "default":
|
|
case null:
|
|
case undefined:
|
|
console.log("Fallback Speed Controller");
|
|
$("#vertical-throttle").show();
|
|
setPreference("scontroller", "vertical");
|
|
$("#throttle-selector").val("vertical").trigger("change");
|
|
}
|
|
}
|
|
|
|
// Enabling/disabling Speed Controllers
|
|
function toggleThrottleState(state){
|
|
if(state){
|
|
$("#circular-throttle").roundSlider("enable");
|
|
$("#v-throttle").slider("enable");
|
|
toggleKnobState($("#knobthrottle"), true);
|
|
}else{
|
|
$("#circular-throttle").roundSlider("disable");
|
|
$("#v-throttle").slider("disable");
|
|
toggleKnobState($("#knobthrottle"), false);
|
|
}
|
|
}
|
|
|
|
/**********************************************************
|
|
* This function will
|
|
1. Send Speed command
|
|
2. Set speed value of all the available sliders/controllers
|
|
3. Set respctive speed number
|
|
************************************************************/
|
|
function setSpeedofControllers(){
|
|
spd = getSpeed();
|
|
|
|
if(!isStopped){
|
|
writeToStream("t 01 " + getCV() + " " + spd + " " + getDirection());
|
|
}
|
|
// Circular
|
|
$("#circular-throttle").roundSlider("setValue", spd);
|
|
|
|
// Vertical
|
|
$("#v-throttle").val(spd).change();
|
|
$("#v-throttle").slider("option", "value", spd);
|
|
$("#speed-indicator").html(spd);
|
|
|
|
// Knob
|
|
$("#knob-value").html(spd);
|
|
knob.val(spd).change();
|
|
}
|
|
|
|
// This function will generate commands for each type of function
|
|
function generateFnCommand(clickedBtn){
|
|
|
|
func = clickedBtn.attr('name'); // Gives function name (F1, F2, .... F28)
|
|
eventType = clickedBtn.data("type"); // Gives type of button (Press/Hold or Toggle)
|
|
btnPressed = clickedBtn.attr("aria-pressed");
|
|
//console.log("Function Name=>"+func+" , Button Type=>"+eventType+" , Button Pressed=>"+btnStatus);
|
|
|
|
switch(func){
|
|
case "f0":
|
|
case "f1":
|
|
case "f2":
|
|
case "f3":
|
|
case "f4":
|
|
{
|
|
if(btnPressed=="true"){
|
|
sendCommandForF0ToF4(func,1);
|
|
}else{
|
|
sendCommandForF0ToF4(func,0);
|
|
}
|
|
break;
|
|
}
|
|
case "f5":
|
|
case "f6":
|
|
case "f7":
|
|
case "f8":
|
|
{
|
|
if(btnPressed=="true"){
|
|
sendCommandForF5ToF8(func,1);
|
|
}else{
|
|
sendCommandForF5ToF8(func,0);
|
|
}
|
|
break;
|
|
}
|
|
case "f9":
|
|
case "f10":
|
|
case "f11":
|
|
case "f12":
|
|
{
|
|
if(btnPressed=="true"){
|
|
sendCommandForF9ToF12(func,1);
|
|
}else{
|
|
sendCommandForF9ToF12(func,0);
|
|
}
|
|
break;
|
|
}
|
|
case "f13":
|
|
case "f14":
|
|
case "f15":
|
|
case "f16":
|
|
case "f17":
|
|
case "f18":
|
|
case "f19":
|
|
case "f20":
|
|
{
|
|
if(btnPressed=="true"){
|
|
sendCommandForF13ToF20(func,1);
|
|
}else{
|
|
sendCommandForF13ToF20(func,0);
|
|
}
|
|
break;
|
|
}
|
|
case "f21":
|
|
case "f22":
|
|
case "f23":
|
|
case "f24":
|
|
case "f25":
|
|
case "f26":
|
|
case "f27":
|
|
case "f28":
|
|
{
|
|
if(btnPressed=="true"){
|
|
sendCommandForF21ToF28(func,1);
|
|
}else{
|
|
sendCommandForF21ToF28(func,0);
|
|
}
|
|
break;
|
|
}
|
|
default:
|
|
{
|
|
alert("Invalid Function");
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
var mode = 0;
|
|
// Left Menu
|
|
$("#nav-open").on("click", function () {
|
|
$("#side-menu").show().animate({ left: 0 });
|
|
});
|
|
$("#nav-close").on("click", function () {
|
|
$("#side-menu").animate({ left: -260 }, function(){
|
|
$("#side-menu").hide();
|
|
});
|
|
});
|
|
|
|
|
|
|
|
$("#info-tooltip").tooltip({
|
|
content:
|
|
"<p>DCC++ EX Web Throttle<br>(WebThrottle-EX)</p><hr><p>Version: "+version+"</p><p><b>Credits</b><br> Fred Decker <br> Mani Kumar <br> Matt H</p>",
|
|
show: {
|
|
effect: "slideDown",
|
|
delay: 100,
|
|
},
|
|
classes: {
|
|
"ui-tooltip": "credits-tooltip",
|
|
},
|
|
position: {
|
|
my: "left top",
|
|
at: "left bottom",
|
|
},
|
|
});
|
|
|
|
// Load function map, buttons throttle etc
|
|
setThrottleScreenUI();
|
|
$("#throttle-selector").on("change", function (e) {
|
|
selectedval = $(this).val();
|
|
console.log(selectedval);
|
|
setPreference("scontroller", selectedval);
|
|
setspeedControllerType(selectedval);
|
|
});
|
|
|
|
$("#theme-selector").on("change", function (e) {
|
|
selectedval = $(this).val();
|
|
console.log(selectedval);
|
|
setPreference("theme", selectedval);
|
|
$("link[title*='theme']").remove();
|
|
if (selectedval != "simple") {
|
|
$("head").append(
|
|
'<link rel="stylesheet" type="text/css" title="theme" href="css/themes/' +
|
|
selectedval +
|
|
'.css">'
|
|
);
|
|
}
|
|
});
|
|
|
|
// Connect command station
|
|
$("#button-connect").on("click", function () {
|
|
toggleServer($(this));
|
|
});
|
|
|
|
// Disconnect command station
|
|
$("#button-disconnect").on("click", function () {
|
|
disconnectServer();
|
|
});
|
|
|
|
// Aquire loco of given CV
|
|
$("#button-getloco").on("click", function () {
|
|
acButton = $(this);
|
|
isAcquired = $(this).data("acquired");
|
|
// Parse int only returns number if the string is starting with Number
|
|
locoid_input = parseInt($("#ex-locoid").val());
|
|
|
|
if (locoid_input != 0) {
|
|
if (isAcquired == false && getCV() == 0) {
|
|
setCV(locoid_input);
|
|
$("#loco-info").html("Acquired Locomotive: " + locoid_input);
|
|
acButton.data("acquired", true);
|
|
acButton.html('<span class="icon-cross"></span>');
|
|
toggleThrottleState(true);
|
|
} else {
|
|
currentCV = getCV();
|
|
$("#ex-locoid").val(0);
|
|
setCV(0);
|
|
$("#loco-info").html("Released Locomotive: " + currentCV);
|
|
acButton.data("acquired", false);
|
|
acButton.html('<span class="icon-circle-right"></span>');
|
|
toggleThrottleState(false);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Switch ON/OFF power of the Command station
|
|
$("#power-switch").on("click", function () {
|
|
pb = $(this).is(":checked");
|
|
|
|
if (pb == true) {
|
|
writeToStream("1");
|
|
$("#power-status").html("On");
|
|
} else {
|
|
writeToStream("0");
|
|
$("#power-status").html("Off");
|
|
}
|
|
});
|
|
////////////////////////////////////
|
|
$("#v-throttle").slider({
|
|
orientation: "vertical",
|
|
min: 0,
|
|
max: 126,
|
|
disabled: true,
|
|
range: "max",
|
|
slide: function (event, ui) {
|
|
$("#speed-indicator").html(ui.value);
|
|
setSpeed(ui.value);
|
|
setSpeedofControllers();
|
|
},
|
|
});
|
|
|
|
/////////////////////////////////////////*/
|
|
knob = $(".rotarySwitch").rotaryswitch({
|
|
minimum: 0,
|
|
maximum: 126,
|
|
step: 2,
|
|
beginDeg: 210,
|
|
lengthDeg: 295,
|
|
minimumOverMaximum: true,
|
|
showMarks: true,
|
|
themeClass: "big light",
|
|
});
|
|
toggleKnobState($("#knobthrottle"), false);
|
|
knob.on("change", function () {
|
|
oldValue = getSpeed();
|
|
kval = knob.val();
|
|
$("#knob-value").html(kval);
|
|
setSpeed(kval);
|
|
// Below condition is to avoid infinite loop
|
|
// that triggers change() event indifinitely
|
|
if (oldValue != kval) {
|
|
setSpeedofControllers();
|
|
} else {
|
|
writeToStream(
|
|
"t 01 " + getCV() + " " + getSpeed() + " " + getDirection()
|
|
);
|
|
}
|
|
//console.log( "t 01 " + getCV() + " " + getSpeed() + " " + getDirection());
|
|
});
|
|
|
|
/////////////////////////////////////////////
|
|
// Speed (round) Slider allows user to change the speed of the locomotive
|
|
Tht = $("#circular-throttle").roundSlider({
|
|
width: 20,
|
|
radius: 116,
|
|
value: speed,
|
|
circleShape: "pie",
|
|
handleShape: "dot",
|
|
startAngle: 315,
|
|
lineCap: "round",
|
|
sliderType: "min-range",
|
|
showTooltip: true,
|
|
editableTooltip: false,
|
|
handleSize: "+18",
|
|
max: "126",
|
|
disabled: true,
|
|
update: function (slider) {
|
|
setSpeed(slider.value);
|
|
setSpeedofControllers();
|
|
//console.log("t 01 "+getCV()+" "+getSpeed()+" "+getDirection());
|
|
},
|
|
valueChange: function (slider) {
|
|
//setSpeed(slider.value);
|
|
//writeToStream("t 01 "+getCV()+" "+getSpeed()+" "+getDirection());
|
|
// console.log("This event is similar to 'update' event, in addition it will trigger even the value was changed through programmatically also.");
|
|
},
|
|
});
|
|
|
|
// Allows user to change the direction of the loco and STOP.
|
|
$(".dir-btn").on("click", function () {
|
|
if (getCV() != 0){
|
|
current = $(this);
|
|
dir = current.attr("aria-label");
|
|
$(".dir-btn").removeClass("selected");
|
|
current.addClass("selected", 200);
|
|
console.log(dir);
|
|
$(".dir-toggle").removeClass("forward backward stop");
|
|
$(".dir-toggle").addClass(dir);
|
|
// Do direction stuff here
|
|
switch (dir) {
|
|
case "forward": {
|
|
isStopped = false;
|
|
setDirection(1);
|
|
setSpeedofControllers();
|
|
writeToStream("t 01 " + getCV() + " " + getSpeed() + " 1");
|
|
break;
|
|
}
|
|
case "backward": {
|
|
isStopped = false;
|
|
setDirection(0);
|
|
setSpeedofControllers();
|
|
writeToStream("t 01 " + getCV() + " " + getSpeed() + " 0");
|
|
break;
|
|
}
|
|
case "stop": {
|
|
isStopped = true;
|
|
dir = getDirection();
|
|
setSpeed(0);
|
|
setSpeedofControllers();
|
|
writeToStream("t 01 " + getCV() + " 0 " + dir);
|
|
break;
|
|
}
|
|
}
|
|
}else{
|
|
console.log("No loco acquired");
|
|
}
|
|
});
|
|
|
|
$("#emergency-stop").on("click", function () {
|
|
if (getCV() != 0){
|
|
isStopped = true;
|
|
dir = getDirection();
|
|
setSpeed(0);
|
|
setSpeedofControllers();
|
|
writeToStream("t 01 " + getCV() + " -1 " + dir);
|
|
}
|
|
else{
|
|
console.log("No loco acquired");
|
|
}
|
|
});
|
|
|
|
// Hide/Show the Loco, Connect server fields (on top)
|
|
$("#button-hide").on("click", function () {
|
|
if ($(".details-panel").is(":visible")) {
|
|
$(".details-panel").hide();
|
|
$(this).css("top", 0);
|
|
$(this).html('<span class="icon-circle-down"></span>');
|
|
} else {
|
|
$(".details-panel").show();
|
|
$(this).html('<span class="icon-circle-up"></span>');
|
|
$(this).css("top", "-9px");
|
|
}
|
|
});
|
|
|
|
// PLUS button. Increases speed on Hold / Tap
|
|
var tId = 0;
|
|
$("#button-right")
|
|
.on("mousedown", function () {
|
|
event.stopImmediatePropagation();
|
|
tId = setInterval(function () {
|
|
var sp = getSpeed();
|
|
if (sp <= 125 && getDirection() != -1 && getCV() != 0) {
|
|
setSpeed(sp + speedStep);
|
|
setSpeedofControllers();
|
|
writeToStream(
|
|
"t 01 " + getCV() + " " + getSpeed() + " " + getDirection()
|
|
);
|
|
sp = 0;
|
|
}
|
|
}, 100);
|
|
})
|
|
.on("mouseup mouseleave", function () {
|
|
clearInterval(tId);
|
|
})
|
|
.on("click", function () {
|
|
event.stopImmediatePropagation();
|
|
var sp = getSpeed();
|
|
if (sp <= 125 && getDirection() != -1 && getCV() != 0) {
|
|
setSpeed(sp + speedStep);
|
|
setSpeedofControllers();
|
|
writeToStream(
|
|
"t 01 " + getCV() + " " + getSpeed() + " " + getDirection()
|
|
);
|
|
sp = 0;
|
|
}
|
|
});
|
|
|
|
// MINUS button. Decreases speed on Hold / Tap
|
|
var tId = 0;
|
|
$("#button-left")
|
|
.on("mousedown", function () {
|
|
event.stopImmediatePropagation();
|
|
tId = setInterval(function () {
|
|
var sp = getSpeed(sp);
|
|
if (sp >= 1 && getDirection() != -1 && getCV() != 0) {
|
|
setSpeed(sp - speedStep);
|
|
setSpeedofControllers();
|
|
writeToStream(
|
|
"t 01 " + getCV() + " " + getSpeed() + " " + getDirection()
|
|
);
|
|
sp = 0;
|
|
}
|
|
}, 100);
|
|
})
|
|
.on("mouseup mouseleave", function () {
|
|
clearInterval(tId);
|
|
})
|
|
.on("click", function () {
|
|
event.stopImmediatePropagation();
|
|
var sp = getSpeed(sp);
|
|
if (sp >= 1 && getDirection() != -1 && getCV() != 0) {
|
|
setSpeed(sp - speedStep);
|
|
setSpeedofControllers();
|
|
writeToStream(
|
|
"t 01 " + getCV() + " " + getSpeed() + " " + getDirection()
|
|
);
|
|
sp = 0;
|
|
}
|
|
});
|
|
|
|
// Functions buttons
|
|
// Send Instructions to generate command depends the type of Button (press/toggle)
|
|
var timer = 0;
|
|
$(document)
|
|
.on("mousedown", ".fn-btn", function () {
|
|
console.log($(this).val);
|
|
clickedBtn = $(this);
|
|
btnType = clickedBtn.data("type");
|
|
if (btnType == "press") {
|
|
timer = setInterval(function () {
|
|
// MOMENTARY HOLD ON
|
|
clickedBtn.attr("aria-pressed", "true");
|
|
generateFnCommand(clickedBtn);
|
|
console.log("PRESSED HOLD ==> " + clickedBtn.attr("name"));
|
|
}, 100);
|
|
}
|
|
})
|
|
.on("mouseup mouserelease", ".fn-btn", function () {
|
|
clearInterval(timer);
|
|
clickedBtn = $(this);
|
|
btnType = clickedBtn.data("type");
|
|
btnState = clickedBtn.attr("aria-pressed");
|
|
if (btnType == "press") {
|
|
// MOMENTARY HOLD OFF
|
|
clickedBtn.attr("aria-pressed", "false");
|
|
generateFnCommand(clickedBtn);
|
|
console.log("RELEASED HOLD ==> " + clickedBtn.attr("name"));
|
|
} else {
|
|
if (btnState == "false") {
|
|
// TOGGLE ON
|
|
clickedBtn.attr("aria-pressed", "true");
|
|
generateFnCommand(clickedBtn);
|
|
console.log("TOGGLE ON ==> " + clickedBtn.attr("name"));
|
|
} else {
|
|
// TOGGLE OFF
|
|
clickedBtn.attr("aria-pressed", "false");
|
|
generateFnCommand(clickedBtn);
|
|
console.log("TOGGLE OFF ==> " + clickedBtn.attr("name"));
|
|
}
|
|
}
|
|
});
|
|
|
|
// Hide/Show the Debug console
|
|
$("#console-toggle").on("click", function () {
|
|
pb = $(this).is(":checked");
|
|
if (pb == true) {
|
|
$("#debug-console").show();
|
|
setPreference("dbugConsole", true);
|
|
} else {
|
|
$("#debug-console").hide();
|
|
setPreference("dbugConsole", false);
|
|
}
|
|
});
|
|
|
|
// Send command written in console
|
|
$("#button-sendCmd").on("click", function () {
|
|
cmd = $("#cmd-direct").val();
|
|
writeToStream(cmd);
|
|
document.getElementById("cmd-direct").value = "";
|
|
});
|
|
|
|
// Clear the console log window
|
|
$("#button-clearLog").on("click", function () {
|
|
$("#log-box").html("");
|
|
});
|
|
|
|
// Function to toggle fullScreen viceversa
|
|
$("#fs-toggle").on("click", function () {
|
|
st = $(this).attr("state");
|
|
var elem = document.documentElement;
|
|
if (st == "ws") {
|
|
$(this).attr("state", "fs");
|
|
|
|
if (elem.requestFullscreen) {
|
|
elem.requestFullscreen();
|
|
} else if (elem.mozRequestFullScreen) {
|
|
/* Firefox */
|
|
elem.mozRequestFullScreen();
|
|
} else if (elem.webkitRequestFullscreen) {
|
|
/* Chrome, Safari and Opera */
|
|
elem.webkitRequestFullscreen();
|
|
} else if (elem.msRequestFullscreen) {
|
|
/* IE/Edge */
|
|
elem.msRequestFullscreen();
|
|
}
|
|
} else {
|
|
$(this).attr("state", "ws");
|
|
if (document.exitFullscreen) {
|
|
document.exitFullscreen();
|
|
} else if (document.mozCancelFullScreen) {
|
|
/* Firefox */
|
|
document.mozCancelFullScreen();
|
|
} else if (document.webkitExitFullscreen) {
|
|
/* Chrome, Safari and Opera */
|
|
document.webkitExitFullscreen();
|
|
} else if (document.msExitFullscreen) {
|
|
/* IE/Edge */
|
|
document.msExitFullscreen();
|
|
}
|
|
}
|
|
});
|
|
|
|
//Handles navigation clicks
|
|
$("#throttle-nav").on("click", function () {
|
|
hideWindows();
|
|
$("#throttle-window").show();
|
|
$("#nav-close").trigger("click");
|
|
});
|
|
$("#loco-nav").on("click", function () {
|
|
hideWindows();
|
|
$("#loco-window").show();
|
|
$("#nav-close").trigger("click");
|
|
loadLocomotives();
|
|
});
|
|
$("#fn-map-nav").on("click", function () {
|
|
hideWindows();
|
|
$("#fn-map-window").show();
|
|
$("#nav-close").trigger("click");
|
|
setFunctionMaps();
|
|
//loadMapData("Default");
|
|
});
|
|
$("#settings-nav").on("click", function () {
|
|
hideWindows();
|
|
$("#settings-window").show();
|
|
$("#nav-close").trigger("click");
|
|
});
|
|
|
|
eventListeners();
|
|
|
|
/*
|
|
$("#settings-general").on('click', function(){
|
|
hideSettings();
|
|
$("#general-section").show();
|
|
});
|
|
|
|
$("#settings-storage").on('click', function(){
|
|
hideSettings();
|
|
$("#storage-section").show();
|
|
});*/
|
|
|
|
$("#settings-general").on("click", function () {
|
|
/*var target = $('#general-section');
|
|
if (target.length) {
|
|
$('#settings-panel').animate({
|
|
scrollTop: target.offset().top
|
|
}, 1000);
|
|
|
|
}*/
|
|
$("#general-section")[0].scrollIntoView(true);
|
|
});
|
|
|
|
$("#settings-storage").on("click", function () {
|
|
/*var target = $('#storage-section');
|
|
if (target.length) {
|
|
$('#settings-panel').animate({
|
|
scrollTop: target.offset().top
|
|
}, 1000);
|
|
|
|
}*/
|
|
$("#storage-section")[0].scrollIntoView(true);
|
|
});
|
|
|
|
$('#settings-app').on('click', function() {
|
|
$("#app-section")[0].scrollIntoView(true);
|
|
})
|
|
|
|
$(document).on("click", ".map-name", function () {
|
|
loadMapData($(this).attr("map-val"));
|
|
$("li.map-name").removeClass("active");
|
|
$(this).addClass("active");
|
|
});
|
|
|
|
// This allows user to delete currently selected Map
|
|
$(document).on("click", "#delete-map", function () {
|
|
selectedval = $("#cur-map-val").attr("cur-map");
|
|
if (selectedval != "Default") {
|
|
deleteFuncData(selectedval);
|
|
loadmaps();
|
|
setFunctionMaps();
|
|
loadMapData("Default");
|
|
$("#select-map").val("default").trigger("change");
|
|
$("li.map-name").removeClass("active");
|
|
$("li.map-name[map-val= 'Default']").addClass("active");
|
|
}
|
|
});
|
|
|
|
$(document).on("click", ".edit-cur-loco", function () {
|
|
cabdata = getStoredLocoData($(this).attr("data-loco"));
|
|
$("#loco-form")[0].reset();
|
|
$("#loco-form-content").css("display", "inline-block");
|
|
$(".add-loco-form .add-loco-head").html("Edit Locomotive");
|
|
$("#loco-submit").attr("loco-mode", "edit");
|
|
$("#loco-submit").attr("loco-id", $(this).attr("loco-id"));
|
|
$.each(cabdata, function (key, value) {
|
|
$("#loco-form").children().find("#"+key).val(value);
|
|
if(key=="map"){
|
|
$("#function-maps").autocomplete("search", value);
|
|
var menu = $("#function-maps").autocomplete("widget");
|
|
$(menu[0].children[0]).click();
|
|
}
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
function setFunctionMaps() {
|
|
const defaultMap = {
|
|
mname: "Default",
|
|
fnData: {},
|
|
}
|
|
const maps = [defaultMap, ...getMapData()];
|
|
|
|
$("#function-mappings").empty();
|
|
maps.forEach(map => {
|
|
const name = map.mname
|
|
$("#function-mappings").append(`<li class='map-name' map-val=${name}>${name}</li>`);
|
|
})
|
|
}
|
|
|
|
function hideWindows(){
|
|
$("#throttle-window").hide();
|
|
$("#loco-window").hide();
|
|
$("#fn-map-window").hide();
|
|
$("#settings-window").hide();
|
|
}
|
|
|
|
function hideSettings(){
|
|
$("#general-section").hide();
|
|
$("#storage-section").hide();
|
|
}
|
|
|
|
function credits() {
|
|
authors = ["Fred Decker","Mani Kumar","Matt"]
|
|
displayLog("Credits:")
|
|
console.log("Credits:")
|
|
for (i=0; i<authors.length; i++) {
|
|
displayLog(authors[i])
|
|
console.log(authors[i])
|
|
}
|
|
}
|
|
|
|
|
|
function eventListeners(){
|
|
var cmdDirect = document.getElementById("cmd-direct");
|
|
var exLocoID = document.getElementById("ex-locoid");
|
|
cmdDirect.addEventListener("keyup", function(event) {
|
|
if (event.key === "Enter") {
|
|
event.preventDefault();
|
|
// Trigger the button element with a click
|
|
$('#button-sendCmd').click();
|
|
}
|
|
});
|
|
exLocoID.addEventListener("keyup", function(event) {
|
|
if (event.key === "Enter") {
|
|
event.preventDefault();
|
|
// Trigger the button element with a click
|
|
$('#button-getloco').click();
|
|
}
|
|
})
|
|
}
|