diff --git a/app/coffee/modules/common/filters.coffee b/app/coffee/modules/common/filters.coffee index 17696c55..e91de832 100644 --- a/app/coffee/modules/common/filters.coffee +++ b/app/coffee/modules/common/filters.coffee @@ -100,3 +100,32 @@ byRefFilter = ($filterFilter)-> return $filterFilter(userstories, filter) module.filter("byRef", ["filterFilter", byRefFilter]) + + +darkerFilter = -> + return (color, luminosity) -> + # validate hex string + console.log color + color = new String(color).replace(/[^0-9a-f]/gi, '') + console.log color + if color.length < 6 + color = color[0]+ color[0]+ color[1]+ color[1]+ color[2]+ color[2]; + + luminosity = luminosity || 0 + + # convert to decimal and change luminosity + newColor = "#" + c = 0 + i = 0 + black = 0 + white = 255 + # for (i = 0; i < 3; i++) + for i in [0, 1, 2] + c = parseInt(color.substr(i*2,2), 16) + c = Math.round(Math.min(Math.max(black, c + (luminosity * white)), white)).toString(16) + newColor += ("00"+c).substr(c.length) + + return newColor + + +module.filter("darker", darkerFilter) diff --git a/app/modules/components/belong-to-epics/belong-to-epics-pill.jade b/app/modules/components/belong-to-epics/belong-to-epics-pill.jade index 2ff75ba3..fd861905 100644 --- a/app/modules/components/belong-to-epics/belong-to-epics-pill.jade +++ b/app/modules/components/belong-to-epics/belong-to-epics-pill.jade @@ -1,6 +1,6 @@ - var hash = "#"; span.belong-to-epic-pill-wrapper(tg-repeat="epic in epics track by epic.get('id')") .belong-to-epic-pill( - ng-style="{'background': epic.get('color')}" + ng-style="{'background': epic.get('color'), 'border-color': '{{ epic.get('color') | darker: -0.2 }}'}" title="#{hash}{{epic.get('id')}} {{epic.get('subject')}}" )