hyperion.ng/assets/webconfig/generalconf.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+':19444');
		var serverInfo;

		webSocket.onerror = function(event) {
			alert(event.data);
		};


		webSocket.onopen = function(event) {
			webSocket.send('{"command":"config","subcommand":"getschema"}');
		};

		webSocket.onmessage = function(response){
			logger = JSON.parse(response.data).result.properties.logger;
      jsonServer = JSON.parse(response.data).result.properties.jsonServer;
      protoServer = JSON.parse(response.data).result.properties.protoServer;
      boblightServer = JSON.parse(response.data).result.properties.boblightServer;
      udpListener = JSON.parse(response.data).result.properties.udpListener;
      webConfig = JSON.parse(response.data).result.properties.webConfig;

      var element = document.getElementById('editor_holder');
      //JSONEditor.defaults.options.theme = 'bootstrap3';
      var 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: {
            logger,
            jsonServer,
            protoServer,
            boblightServer,
            udpListener,
            webConfig
          }
        }
      });

      document.getElementById('submit').addEventListener('click',function() {
        // Get the value from the editor
        console.log(editor.getValue());
      });


      /*$('form').jsonForm({
        schema: {
          logger,
          jsonServer,
          protoServer,
          boblightServer,
          udpListener,
          webConfig,

        },
        onSubmit: function (errors, values) {
          if (errors) {
            console.log(errors);
          }
          else {
            console.log(values);
          }
        }
      });*/



      enableFormTranslation("generalConfForm", "generalConfForm");

      $("[type='checkbox']").bootstrapSwitch();


		}

  });




</script>