Taskboard blocked tasks visual color

app/coffee/modules/taskboard/main.coffee

@@ -221,15 +221,15 @@ module.directive("tgTaskboard", ["$rootScope", TaskboardDirective])
 
 TaskboardTaskDirective = ($rootscope) ->
     link = ($scope, $el, $attrs, $model) ->
-        console.log "taskboard task"
+        $el.disableSelection()
+        if $scope.task.is_blocked
+            $el.addClass('blocked')
         $el.find(".icon-edit").on "click", (event) ->
             if $el.find('.icon-edit').hasClass('noclick')
                 return
             $scope.$apply ->
                 $rootscope.$broadcast("taskform:edit", $scope.task)
 
-        $el.disableSelection()
-
     return {link:link}
 
 

app/styles/components/taskboard-task.scss

@@ -1,8 +1,10 @@
 .taskboard-task {
     @include transition (box-shadow .4s linear);
     background: $postit;
+    border: 1px solid $postit-hover;
     box-shadow: none;
     cursor: move;
+    margin: .2rem;
     min-height: 7rem;
     position: relative;
     &:hover {
@@ -20,6 +22,15 @@
     &.ui-sortable-placeholder {
         background: $grayer;
     }
+    &.blocked {
+        background: $red;
+        border: 1px solid darken($red, 10%);
+        color: $white;
+        a,
+        span {
+            color: $white;
+        }
+    }
     .taskboard-tagline {
         @include table-flex();
         background: $gray-light; //Fallback