Remove Watch.JS and use event, triggered on theme change.

Author: AramManukyan

bower.json

@@ -19,8 +19,7 @@
     "responsive-bootstrap-toolkit": "~2.5.0",
     "Sortable": "~1.4.2",
     "tether": "~1.1.1",
-    "tinycolor": "~1.2.1",
-    "Watch.JS": "watch#*"
+    "tinycolor": "~1.2.1"
   },
   "overrides": {
     "bootstrap": {

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

@@ -60,8 +60,6 @@ $(function () {
 		setThemeControlsState();
 
 		saveThemeSettings();
-
-		$(document).trigger("themechange");
 	}
 
 	/************************************************
@@ -126,6 +124,8 @@ $(function () {
 		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);
 	}
 

src/app/charts/charts-flot/charts-flot.js

@@ -323,7 +323,7 @@ $(function() {
 
     drawFlotCharts();
 
-    watch(config.chart, function(){
+    $(document).on("themechange", function(){
         drawFlotCharts();
     });
 

src/app/charts/charts-morris/charts-morris.js

@@ -119,7 +119,7 @@ $(function() {
 
     drawMorrisCharts();
 
-    watch(config.chart, function(){
+    $(document).on("themechange", function(){
         drawMorrisCharts();
     });
 });

src/app/dashboard/history/history.js

@@ -18,7 +18,7 @@ $(function() {
 
     });
 
-    watch(config.chart, function(){
+    $(document).on("themechange", function(){
         switchHistoryCharts(item);
     });
 

src/app/dashboard/items/items.js

@@ -35,7 +35,7 @@ $(function() {
 
 	drawDashboardItemsListSparklines();
 
-	watch(config.chart, function(){
+	$(document).on("themechange", function(){
         drawDashboardItemsListSparklines();
     });
 });

src/app/dashboard/sales-breakdown/sales-breakdown.js

@@ -30,7 +30,7 @@ $(function() {
 
     drawSalesChart();
 
-    watch(config.chart, function(){
+    $(document).on("themechange", function(){
        drawSalesChart();
     });
 

src/app/dashboard/sales-by-countries/sales-by-countries.js

@@ -44,7 +44,7 @@ $(function() {
 
     drawSalesMap();
 
-    watch(config.chart, function(){
+    $(document).on("themechange", function(){
        drawSalesMap();
     });
 });

src/app/items/list/items-list.js

@@ -37,7 +37,7 @@ $(function() {
 
     drawItemsListSparklines();
 
-    watch(config.chart, function(){
+    $(document).on("themechange", function(){
         drawItemsListSparklines();
     });