From 4260e2e8556f8a4e88e365211d70d32ff0d61e45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 30 Oct 2014 14:05:17 +0100
Subject: [PATCH] Add interactions only if user can edit

---
 app/coffee/modules/related-tasks.coffee      |  2 +-
 app/styles/modules/common/related-tasks.scss | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/coffee/modules/related-tasks.coffee b/app/coffee/modules/related-tasks.coffee
index da91f7c0..66d38bef 100644
--- a/app/coffee/modules/related-tasks.coffee
+++ b/app/coffee/modules/related-tasks.coffee
@@ -53,7 +53,7 @@ RelatedTaskRowDirective = ($repo, $compile, $confirm, $rootscope, $loading) ->
         </a>
     </div>
     <div tg-related-task-assigned-to-inline-edition="task" class="assigned-to">
-        <div title="Assigned to" class="task-assignedto">
+        <div title="Assigned to" class="task-assignedto <% if(perms.modify_task) { %>editable<% } %>">
             <figure class="avatar"></figure>
             <% if(perms.modify_task) { %>
                 <span class="icon icon-arrow-bottom"></span>
diff --git a/app/styles/modules/common/related-tasks.scss b/app/styles/modules/common/related-tasks.scss
index 2ac784a8..bf4dfb8b 100644
--- a/app/styles/modules/common/related-tasks.scss
+++ b/app/styles/modules/common/related-tasks.scss
@@ -61,6 +61,12 @@
     .status {
         position: relative;
         text-align: left;
+        &:hover {
+            .icon {
+                @include transition (opacity .2s ease-in);
+                opacity: 1;
+            }
+        }
         .not-clickable {
             &:hover {
                 color: $grayer;
@@ -78,6 +84,7 @@
         .icon {
             color: $gray-light;
             margin-left: .2rem;
+            opacity: 0;
         }
     }
     .pop-status {
@@ -165,8 +172,10 @@
         text-align: left;
     }
     .task-assignedto {
-        cursor: pointer;
         position: relative;
+        &.editable {
+            cursor: pointer;
+        }
         &:hover {
             .icon {
                 @include transition(opacity .3s linear);