mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2023-10-10 13:36:59 +02:00
106 lines
3.3 KiB
HTML
106 lines
3.3 KiB
HTML
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h1 class="page-header" lang="en" data-lang-token="main_menu_general_conf_token">General</h1>
|
|
<div class="introd">
|
|
<h4 lang="en" data-lang-token="remote_general_conf_intro">You can edit the general configuration here.</h4>
|
|
</div>
|
|
<hr>
|
|
<div class="col-lg-12">
|
|
<form id="generalConfForm"></form>
|
|
<div id='editor_holder'></div>
|
|
|
|
<button id='submit'>Submit (console.log)</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
|
$(document).ready( function() {
|
|
|
|
webSocket = new WebSocket('ws://'+document.location.hostname+':'+hyperionport);
|
|
var serverInfo;
|
|
|
|
webSocket.onerror = function(event) {
|
|
alert(event.data);
|
|
};
|
|
|
|
|
|
webSocket.onopen = function(event) {
|
|
webSocket.send('{"command":"config","subcommand":"getschema"}');
|
|
};
|
|
|
|
webSocket.onmessage = function(response){
|
|
parsedConfSchemaJSON = JSON.parse(response.data);
|
|
console.log(parsedConfSchemaJSON)
|
|
|
|
schema_smoothing = parsedConfSchemaJSON.result.properties.smoothing;
|
|
schema_kodiVideoChecker = parsedConfSchemaJSON.result.properties.kodiVideoChecker;
|
|
schema_initialEffect = parsedConfSchemaJSON.result.properties.initialEffect;
|
|
//schema_grabber-v4l2 = parsedConfSchemaJSON.result.properties.grabber-v4l2;
|
|
schema_framegrabber = parsedConfSchemaJSON.result.properties.framegrabber;
|
|
schema_forwarder = parsedConfSchemaJSON.result.properties.forwarder;
|
|
schema_effects = parsedConfSchemaJSON.result.properties.effects;
|
|
schema_device = parsedConfSchemaJSON.result.properties.device;
|
|
schema_color = parsedConfSchemaJSON.result.properties.color;
|
|
schema_blackborderdetector = parsedConfSchemaJSON.result.properties.blackborderdetector;
|
|
schema_logger = parsedConfSchemaJSON.result.properties.logger;
|
|
schema_jsonServer = parsedConfSchemaJSON.result.properties.jsonServer;
|
|
schema_protoServer = parsedConfSchemaJSON.result.properties.protoServer;
|
|
schema_boblightServer = parsedConfSchemaJSON.result.properties.boblightServer;
|
|
schema_udpListener = parsedConfSchemaJSON.result.properties.udpListener;
|
|
schema_webConfig = parsedConfSchemaJSON.result.properties.webConfig;
|
|
|
|
var element = document.getElementById('editor_holder');
|
|
//JSONEditor.defaults.options.theme = 'bootstrap3';
|
|
var general_conf_editor = new JSONEditor(element,{
|
|
theme: 'bootstrap3',
|
|
disable_collapse: 'true',
|
|
form_name_root: 'sa',
|
|
disable_edit_json: 'true',
|
|
disable_properties: 'true',
|
|
no_additional_properties: 'true',
|
|
schema: {
|
|
title:' ',
|
|
properties: {
|
|
schema_blackborderdetector,
|
|
schema_color,
|
|
schema_device,
|
|
schema_effects,
|
|
schema_forwarder,
|
|
schema_framegrabber,
|
|
//schema_grabber-v4l2,
|
|
schema_initialEffect,
|
|
schema_kodiVideoChecker,
|
|
schema_smoothing,
|
|
schema_logger,
|
|
schema_jsonServer,
|
|
schema_protoServer,
|
|
schema_boblightServer,
|
|
schema_udpListener,
|
|
schema_webConfig
|
|
}
|
|
}
|
|
});
|
|
|
|
document.getElementById('submit').addEventListener('click',function() {
|
|
// Get the value from the editor
|
|
console.log(general_conf_editor.getValue());
|
|
});
|
|
|
|
|
|
// $("[type='checkbox']").bootstrapSwitch();
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|