From a11f0a15ac39ded61d594ea7040bd03d8b68b7dd Mon Sep 17 00:00:00 2001
From: Jeroen De Meerleer <me@jeroened.be>
Date: Fri, 22 Feb 2019 12:02:45 +0100
Subject: [PATCH] Better way to stringify theme

---
 view/theme/frio/templates/theme_settings.tpl | 50 +++++++++++++++-----
 1 file changed, 39 insertions(+), 11 deletions(-)

diff --git a/view/theme/frio/templates/theme_settings.tpl b/view/theme/frio/templates/theme_settings.tpl
index f34ca93136..9f780471ec 100644
--- a/view/theme/frio/templates/theme_settings.tpl
+++ b/view/theme/frio/templates/theme_settings.tpl
@@ -38,18 +38,46 @@
 <script type="text/javascript">
 	$(document).ready(function() {
 
-	    // Parse initial share_string
-	    var nav_bg = $("#id_frio_nav_bg").val();
-	    var nav_icon_color = $("#id_frio_nav_icon_color").val();
-	    var link_color = $("#id_frio_link_color").val();
-	    var background_color = $("#id_frio_background_color").val();
-	    var contentbg_transp = $("#frio_contentbg_transp").val();
-	    var background_image = $("#id_frio_background_image").val();
+		function GenerateShareString() {
+			var theme = {};
+			// Parse initial share_string
+			if ($("#id_frio_nav_bg").length) {
+				theme.nav_bg = $("#id_frio_nav_bg").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 + "'}";
-        $("#id_frio_share_string").val(share_string);
+			if ($("#id_frio_nav_icon_color").length) {
+				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'});
 
 		// show image options when user user starts to type the address of the image
@@ -94,5 +122,5 @@
 <div class="clearfix"></div>
 
 <script type="text/javascript">
-    $(".inputRange").rangeinput();
+	$(".inputRange").rangeinput();
 </script>