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;
...	...	@@ -26,6 +26,11 @@
26	26	if(!vm.program.slug){
27	27	vm.program.slug = vm.Slug.slugify(vm.program.title);
28	28	}
	29	+
	30	+ // if(vm.program.color && !vm.program.bgColor){
	31	+ // // 15% more darker
	32	+ // vm.program.colorDarker = window.ColorLuminance(vm.program.color, 0.15);
	33	+ // }
29	34	};
30	35
31	36	ProgramaController.prototype.getCategory = function () {
...	...
...	...	@@ -81,7 +81,25 @@
81	81	}
82	82
83	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	105	function setHomeAbstract (newAbstract) {
...	...
...	...	@@ -18,6 +18,7 @@
18	18	vm.init();
19	19	vm.$log.debug('InicioController');
20	20	}
	21	+
21	22	InicioController.prototype.init = function() {
22	23	var vm = this;
23	24
...	...