Better way to stringify theme

This commit is contained in:
Jeroen De Meerleer 2019-02-22 12:02:45 +01:00 committed by Hypolite Petovan
parent 2a8b4d6e29
commit 9a8dc9d9a6

View file

@ -38,18 +38,46 @@
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
// Parse initial share_string function GenerateShareString() {
var nav_bg = $("#id_frio_nav_bg").val(); var theme = {};
var nav_icon_color = $("#id_frio_nav_icon_color").val(); // Parse initial share_string
var link_color = $("#id_frio_link_color").val(); if ($("#id_frio_nav_bg").length) {
var background_color = $("#id_frio_background_color").val(); theme.nav_bg = $("#id_frio_nav_bg").val();
var contentbg_transp = $("#frio_contentbg_transp").val(); }
var background_image = $("#id_frio_background_image").val();
var share_string = "{nav_bg: '" + nav_bg + "', nav_icon_color: '" + nav_icon_color + "', link_color: '" + link_color + "', background_color: '" + background_color + "', contentbg_transp: '" + contentbg_transp + "', background_image: '" + background_image + "'}"; if ($("#id_frio_nav_icon_color").length) {
$("#id_frio_share_string").val(share_string); theme.nav_icon_color = $("#id_frio_nav_icon_color").val();
}
// Create colorpickers if ($("#id_frio_link_color").length) {
theme.link_color = $("#id_frio_link_color").val();
}
if ($("#id_frio_background_color").length) {
theme.background_color = $("#id_frio_background_color").val();
}
if ($("#frio_contentbg_transp").length) {
theme.contentbg_transp = $("#frio_contentbg_transp").val();
}
if ($("#id_frio_login_bg_image").length) {
theme.login_bg_image = $("#id_frio_login_bg_image").val();
}
if ($("#id_frio_login_bg_color").length) {
theme.login_bg_color = $("#id_frio_login_bg_color").val();
}
var share_string = JSON.stringify(theme);
$("#id_frio_share_string").val(share_string);
}
// interval because jquery.val does not trigger events
window.setInterval(GenerateShareString, 500);
GenerateShareString();
// Create colorpickers
$("#frio_nav_bg, #frio_nav_icon_color, #frio_background_color, #frio_link_color, #frio_login_bg_color").colorpicker({format: 'hex', align: 'left'}); $("#frio_nav_bg, #frio_nav_icon_color, #frio_background_color, #frio_link_color, #frio_login_bg_color").colorpicker({format: 'hex', align: 'left'});
// show image options when user user starts to type the address of the image // show image options when user user starts to type the address of the image
@ -94,5 +122,5 @@
<div class="clearfix"></div> <div class="clearfix"></div>
<script type="text/javascript"> <script type="text/javascript">
$(".inputRange").rangeinput(); $(".inputRange").rangeinput();
</script> </script>