From 2242e841271b50f493224b13c3c99f1d4501b2ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Tue, 5 Aug 2014 13:48:31 +0200
Subject: [PATCH] Fixed pop points in US detail

---
 app/coffee/modules/userstories/detail.coffee | 5 ++++-
 app/partials/task-detail-edit.jade           | 2 +-
 app/styles/layout/us-detail.scss             | 8 ++++++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/coffee/modules/userstories/detail.coffee b/app/coffee/modules/userstories/detail.coffee
index bb0acfc0..3b78fe98 100644
--- a/app/coffee/modules/userstories/detail.coffee
+++ b/app/coffee/modules/userstories/detail.coffee
@@ -240,6 +240,7 @@ UsStatusDetailDirective = () ->
     """)
     selectionPointsTemplate = _.template("""
     <ul class="popover pop-points-open">
+        <li class="pop-points-selected"></li>
         <% _.each(points, function(point) { %>
         <li><a href="" class="point" title="<%- point.name %>"
                data-point-id="<%- point.id %>"><%- point.name %></a>
@@ -319,11 +320,13 @@ UsStatusDetailDirective = () ->
                 event.stopPropagation()
                 target = angular.element(event.currentTarget)
                 updatingSelectedRoleId = target.data("role-id")
+                target.siblings().removeClass('active')
+                target.addClass('active')
                 showSelectPoints()
                 body = angular.element("body")
                 body.one "click", (event) ->
                     $el.find(".popover").hide()
-
+                    target.removeClass('active')
             $el.on "click", ".point", (event) ->
                 event.preventDefault()
                 event.stopPropagation()
diff --git a/app/partials/task-detail-edit.jade b/app/partials/task-detail-edit.jade
index 5731466b..3d9d0d20 100644
--- a/app/partials/task-detail-edit.jade
+++ b/app/partials/task-detail-edit.jade
@@ -36,7 +36,7 @@ block content
 
             section.us-detail-settings
                   fieldset
-                      label.clickable.button.button-green(for="is-iocaine", ng-class="{true:'active', false:''}[task.is_iocaine]") Iocaine
+                      label.clickable.button.button-gray(for="is-iocaine", ng-class="{true:'active', false:''}[task.is_iocaine]") Iocaine
                       input(ng-model="task.is_iocaine", type="checkbox", id="is-iocaine", name="is-iocaine")
 
                     a.button.button-gray.clickable(ng-show="!task.is_blocked", ng-click="ctrl.block()") Block
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index 96da5008..7f35dcee 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -199,13 +199,17 @@
 .points-per-role {
     position: relative;
     > li {
-        border-right: 1px solid $grayer;
+        @include transition(color .3s linear);
+        border-right: 1px solid rgba($grayer, .3);
+        color: rgba($grayer, .3);
         display: inline-block;
         margin: .5rem .1rem;
-        opacity: .3;
         position: relative;
         text-align: center;
         width: 18%;
+        &.active {
+            color: rgba($green-taiga, 1);
+        }
         &:first-child {
             opacity: 1;
         }