62 lines
1.9 KiB
JavaScript
62 lines
1.9 KiB
JavaScript
//------------------------------------------------------------------------------
|
|
// CM - Hauptfunktion
|
|
//------------------------------------------------------------------------------
|
|
|
|
class CM
|
|
{
|
|
constructor ()
|
|
{
|
|
this.BodyDataAction();
|
|
|
|
console.log("CM LOADED");
|
|
}
|
|
|
|
BodyDataAction ()
|
|
{
|
|
var menuButtons = document.getElementById("navbarBtn").
|
|
getElementsByTagName("button");
|
|
for (var i = 0; i < menuButtons.length; i++) {
|
|
menuButtons[i].onclick = function(evt) {
|
|
var res = evt.target.id;
|
|
CM_o.Menu(res);
|
|
};
|
|
}
|
|
}
|
|
|
|
Menu (message)
|
|
{
|
|
var selectedId = $(".selected").attr('id');
|
|
switch (message)
|
|
{
|
|
case 'pageDevices':
|
|
console.log( "pageDevices")
|
|
this.LoadContent('html/devices.html');
|
|
document.getElementById('pageDevices').className = "btn btn-outline-light text-dark active";
|
|
document.getElementById('pageSettings').className = "btn btn-outline-light text-dark";
|
|
break;
|
|
case 'pageSettings':
|
|
console.log( "pageDevices")
|
|
this.LoadContent('html/settings.html');
|
|
document.getElementById('pageDevices').className = "btn btn-outline-light text-dark";
|
|
document.getElementById('pageSettings').className = "btn btn-outline-light text-dark active";
|
|
break;
|
|
default:
|
|
alert ('[CM] Unbekannte Anfrage: ' + message);
|
|
}
|
|
}
|
|
|
|
LoadContent ( path )
|
|
{
|
|
$.get( path, function( data ) {
|
|
$( ".content" ).html( data );
|
|
console.log( "Load was performed." );
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
$(function() {
|
|
console.log("ONLOAD");
|
|
CM_o = new CM();
|
|
CM_o.Menu("pageDevices");
|
|
}); |