mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2023-10-10 13:36:59 +02:00
Translationsupport for JSON Forms & Bootstrap Switches (#188)
* Example JSON Form Example with General setting I have created a new Category "General" with several Settings for Hyperion. For now the Submit Button only console.log's the values. Known Bug: For some reason it seems to do not load the bootstrap correctly or maybe the Lib isn't compatible with the newest version of bootstrap. * Translationsupport for JSON Forms * Hotfix * Added Bootstrap Switches for all checkboxes All checkboxes will be converted to Switches
This commit is contained in:
parent
85e3f154d6
commit
63a410cb04
22
assets/webconfig/css/bootstrap-switch.min.css
vendored
Normal file
22
assets/webconfig/css/bootstrap-switch.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -7,16 +7,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
<form></form>
|
<form id="generalConfForm"></form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
|
|
||||||
</script>
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
$(document).ready( function() {
|
$(document).ready( function() {
|
||||||
@ -64,7 +61,9 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
enableFormTranslation("generalConfForm", "generalConfForm");
|
||||||
|
|
||||||
|
$("[type='checkbox']").bootstrapSwitch();
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -72,4 +71,6 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
@ -11,9 +11,13 @@
|
|||||||
|
|
||||||
<title>Hyperion - WebUI</title>
|
<title>Hyperion - WebUI</title>
|
||||||
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
<!-- jQuery -->
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
<script src="js/hyperion.js"></script>
|
||||||
|
|
||||||
|
<!-- Bootstrap Switch -->
|
||||||
|
<script src="js/bootstrap-switch.min.js"></script>
|
||||||
|
<link href="css/bootstrap-switch.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- JSONForm -->
|
<!-- JSONForm -->
|
||||||
<script src="js/underscore.js"></script>
|
<script src="js/underscore.js"></script>
|
||||||
@ -436,6 +440,10 @@
|
|||||||
$("#load_confGeneral").on("click", function() {
|
$("#load_confGeneral").on("click", function() {
|
||||||
$("#page-wrapper").load("generalconf.html");
|
$("#page-wrapper").load("generalconf.html");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//Change all Checkboxes to Switches
|
||||||
|
$("[type='checkbox']").bootstrapSwitch();
|
||||||
|
|
||||||
});
|
});
|
||||||
$(function(){
|
$(function(){
|
||||||
var sidebar = $('#side-menu'); // cache sidebar to a variable for performance
|
var sidebar = $('#side-menu'); // cache sidebar to a variable for performance
|
||||||
|
22
assets/webconfig/js/bootstrap-switch.min.js
vendored
Normal file
22
assets/webconfig/js/bootstrap-switch.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
22
assets/webconfig/js/hyperion.js
Normal file
22
assets/webconfig/js/hyperion.js
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
|
||||||
|
/**
|
||||||
|
* Enables translation for the form
|
||||||
|
* with the ID given in "formID"
|
||||||
|
* Generates token with the given token prefix
|
||||||
|
* and an underscore followed by the input id
|
||||||
|
* Example: input id = input_one
|
||||||
|
* token prefix = tokenprefix
|
||||||
|
* The translation token would be: "tokenprefix_input_one"
|
||||||
|
* Default language in "lang" attribute will always be "en"
|
||||||
|
* @param {String} tokenPrefix
|
||||||
|
* @param {String} formID
|
||||||
|
*/
|
||||||
|
function enableFormTranslation(tokenPrefix, formID) {
|
||||||
|
var $inputs = $("#" + formID + " :input");
|
||||||
|
|
||||||
|
$inputs.each(function() {
|
||||||
|
console.log("InputID: " + $(this).attr('id'));
|
||||||
|
var oldtext = $("label[for='" + $(this).attr('id') + "']").text();
|
||||||
|
$("label[for='" + $(this).attr('id') + "']").html('<span lang="en" data-lang-token="' + tokenPrefix + "_" + $(this).attr('id') + '">' + oldtext + '</span>');
|
||||||
|
});
|
||||||
|
}
|
@ -58,7 +58,22 @@
|
|||||||
"support_label_forumtitle" : "Forum",
|
"support_label_forumtitle" : "Forum",
|
||||||
"support_label_forumtext" : "Diskussion und Hilfestellung von der Community",
|
"support_label_forumtext" : "Diskussion und Hilfestellung von der Community",
|
||||||
"main_menu_general_conf_token" : "Allgemein",
|
"main_menu_general_conf_token" : "Allgemein",
|
||||||
"remote_general_conf_intro":"Hier kannst du allgemeine Einstellungen von Hyperion vornehmen."
|
"remote_general_conf_intro" : "Hier kannst du allgemeine Einstellungen von Hyperion vornehmen.",
|
||||||
|
"generalConfForm_jsonform-0-elt-logger.level" : "Stufe Logging",
|
||||||
|
"generalConfForm_jsonform-0-elt-jsonServer.port" : "Port",
|
||||||
|
"generalConfForm_jsonform-0-elt-protoServer.port" : "Port",
|
||||||
|
"generalConfForm_jsonform-0-elt-boblightServer.enable" : "Aktivieren",
|
||||||
|
"generalConfForm_jsonform-0-elt-boblightServer.port" : "Port",
|
||||||
|
"generalConfForm_jsonform-0-elt-boblightServer.priority" : "Prioität",
|
||||||
|
"generalConfForm_jsonform-0-elt-udpListener.address" : "IP-Addresse",
|
||||||
|
"generalConfForm_jsonform-0-elt-udpListener.enable" : "Aktivieren",
|
||||||
|
"generalConfForm_jsonform-0-elt-udpListener.port" : "Port",
|
||||||
|
"generalConfForm_jsonform-0-elt-udpListener.priority" : "Prioität",
|
||||||
|
"generalConfForm_jsonform-0-elt-udpListener.shared" : "Shared",
|
||||||
|
"generalConfForm_jsonform-0-elt-udpListener.timeout" : "Timeout",
|
||||||
|
"generalConfForm_jsonform-0-elt-webConfig.document_root" : "Root Verzeichnis",
|
||||||
|
"generalConfForm_jsonform-0-elt-webConfig.enable" : "Aktivieren"
|
||||||
|
|
||||||
},
|
},
|
||||||
"regex": [
|
"regex": [
|
||||||
["^Something at start of text", ""],
|
["^Something at start of text", ""],
|
||||||
|
Loading…
Reference in New Issue
Block a user