Set a darker color from category color

Leonardo Merlin
1 parent 83863d96
Showing 3 changed files with 25 additions and 1 deletions Show diff stats
src/app/components/programa/programa.directive.js
src/app/partials/article/article.service.js
src/app/partials/inicio/inicio.controller.js
@@ -26,6 +26,11 @@
       if(!vm.program.slug){
         vm.program.slug = vm.Slug.slugify(vm.program.title);
       }
+
+      // if(vm.program.color && !vm.program.bgColor){
+      //   // 15% more darker
+      //   vm.program.colorDarker = window.ColorLuminance(vm.program.color, 0.15);
+      // }
     };
     ProgramaController.prototype.getCategory = function () {
@@ -81,7 +81,25 @@
     }
     function getHome (cbSuccess, cbError) {
-      return getArticleById(idArticleHome, cbSuccess, cbError);
+      return getArticleById(idArticleHome, _handleCategoryColors(cbSuccess), cbError);
+    }
+
+    function _handleCategoryColors (cbSuccess) {
+      var darkFactor = 0.15;
+
+      return function (data) {
+        if(data.categories){
+          var categories = data.categories;
+
+          for (var i = categories.length - 1; i >= 0; i--) {
+            var category = categories[i];
+            if(category.color && !category.bgColor){
+              category.colorDarker = window.ColorLuminance(category.color, 0.15);
+            }
+          };
+        }
+        cbSuccess(data);
+      };
     }
     function setHomeAbstract (newAbstract) {
@@ -18,6 +18,7 @@
     vm.init();
     vm.$log.debug('InicioController');
   }
+  
   InicioController.prototype.init = function() {
     var vm = this;
	@@ -81,7 +81,25 @@		@@ -81,7 +81,25 @@
81	}	81	}
82		82
83	function getHome (cbSuccess, cbError) {	83	function getHome (cbSuccess, cbError) {
84	- return getArticleById(idArticleHome, cbSuccess, cbError);	84	+ return getArticleById(idArticleHome, _handleCategoryColors(cbSuccess), cbError);
		85	+ }
		86	+
		87	+ function _handleCategoryColors (cbSuccess) {
		88	+ var darkFactor = 0.15;
		89	+
		90	+ return function (data) {
		91	+ if(data.categories){
		92	+ var categories = data.categories;
		93	+
		94	+ for (var i = categories.length - 1; i >= 0; i--) {
		95	+ var category = categories[i];
		96	+ if(category.color && !category.bgColor){
		97	+ category.colorDarker = window.ColorLuminance(category.color, 0.15);
		98	+ }
		99	+ };
		100	+ }
		101	+ cbSuccess(data);
		102	+ };
85	}	103	}
86		104
87	function setHomeAbstract (newAbstract) {	105	function setHomeAbstract (newAbstract) {
	@@ -18,6 +18,7 @@		@@ -18,6 +18,7 @@
18	vm.init();	18	vm.init();
19	vm.$log.debug('InicioController');	19	vm.$log.debug('InicioController');
20	}	20	}
		21	+
21	InicioController.prototype.init = function() {	22	InicioController.prototype.init = function() {
22	var vm = this;	23	var vm = this;
23		24