Charts are redrawn on theme change

Author: AramManukyan

src/app/_common/sidebar/customize/customize.js

@@ -55,11 +55,18 @@ $(function () {
 	});
 
 	function setThemeSettings() {
-		setThemeColor();
-		setThemeState();
-		setThemeControlsState();
-
-		saveThemeSettings();
+		setThemeState()
+		.delay(config.delayTime)
+		.queue(function (next) {
+
+			setThemeColor();
+			setThemeControlsState();
+			saveThemeSettings();
+
+			$(document).trigger("themechange");	
+			
+			next();
+		});	
 	}
 
 	/************************************************
@@ -86,6 +93,8 @@ $(function () {
 
 		// set footer
 		$app.addClass(themeSettings.sidebarPosition);
+
+		return $app;
 	}
 
 	/************************************************
@@ -121,12 +130,8 @@ $(function () {
 	*			Update theme color
 	*************************************************/
 	function setThemeColor(){
-		setTimeout(function(){ 
-			config.chart.colorPrimary = tinycolor($ref.find(".chart .color-primary").css("color"));	
-			config.chart.colorSecondary = tinycolor($ref.find(".chart .color-secondary").css("color"));	
-
-			$(document).trigger("themechange");
-		}, 200);
+		config.chart.colorPrimary = tinycolor($ref.find(".chart .color-primary").css("color"));	
+		config.chart.colorSecondary = tinycolor($ref.find(".chart .color-secondary").css("color"));	
 	}
 
 	/************************************************

src/config.js

@@ -1,13 +1,8 @@
-var config = window.config = {
-	chart: {}
-};
+var config = window.config = {};
 
 // Config reference element
 var $ref = $("#ref");
 
-// set primary color	
-config.chart.colorPrimary = tinycolor($ref.find(".color-primary").css("color"));	
-
 // Configure responsive bootstrap toolkit
 config.ResponsiveBootstrapToolkitVisibilityDivs = {
     'xs': $('<div class="device-xs 				  hidden-sm-up"></div>'),
@@ -19,6 +14,9 @@ config.ResponsiveBootstrapToolkitVisibilityDivs = {
 
 ResponsiveBootstrapToolkit.use('Custom', config.ResponsiveBootstrapToolkitVisibilityDivs);
 
+//delay time configuration
+config.delayTime = 50;
+
 // chart configurations
 config.chart = {};