From 3d22d1d0e2ba2604efcfc35e33602abf0ebe23b0 Mon Sep 17 00:00:00 2001
From: Adam Coldrick <adam@sotk.co.uk>
Date: Sun, 18 Feb 2018 10:58:52 +0000
Subject: [PATCH] Use icons.less for tasks, worklists, and boards

This facilitates the changing of icons, by allowing the icon for
a particular resource to be changed in a central place rather than
touching many files.

Change-Id: Ie3fca5bcd7dc1ef63e99c55a427cecb820a8219d
---
 .../template/board_contents/kanban_lane_contents.html     | 2 +-
 .../board_contents/kanban_lane_contents_static.html       | 2 +-
 src/app/boards/template/card_details.html                 | 2 +-
 src/app/dashboard/template/submenu.html                   | 2 +-
 src/app/search/template/typeahead_criteria_item.html      | 6 +++---
 src/app/storyboard/template/side_menu.html                | 4 ++--
 src/app/worklists/template/additem.html                   | 8 ++++----
 src/app/worklists/template/detail.html                    | 4 ++--
 src/theme/base/icons.less                                 | 2 ++
 9 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/app/boards/template/board_contents/kanban_lane_contents.html b/src/app/boards/template/board_contents/kanban_lane_contents.html
index 10a107b8..3cc88045 100644
--- a/src/app/boards/template/board_contents/kanban_lane_contents.html
+++ b/src/app/boards/template/board_contents/kanban_lane_contents.html
@@ -54,7 +54,7 @@
         <div as-sortable-item-handle ng-switch-when="task">
             <div class="row">
                 <div class="col-xs-1">
-                    <i class="fa fa-tasks text-muted"></i>
+                    <i class="fa fa-sb-task text-muted"></i>
                 </div>
                 <div class="col-xs-10">
                     <button type="button" class="close" title="Remove"
diff --git a/src/app/boards/template/board_contents/kanban_lane_contents_static.html b/src/app/boards/template/board_contents/kanban_lane_contents_static.html
index 1a171ce0..0184dc1b 100644
--- a/src/app/boards/template/board_contents/kanban_lane_contents_static.html
+++ b/src/app/boards/template/board_contents/kanban_lane_contents_static.html
@@ -47,7 +47,7 @@
         <div ng-switch-when="task">
             <div class="row">
                 <div class="col-xs-1">
-                    <i class="fa fa-tasks text-muted"></i>
+                    <i class="fa fa-sb-task text-muted"></i>
                 </div>
                 <div class="col-xs-10">
                     <a>
diff --git a/src/app/boards/template/card_details.html b/src/app/boards/template/card_details.html
index 0c7e4512..08b6a80f 100644
--- a/src/app/boards/template/card_details.html
+++ b/src/app/boards/template/card_details.html
@@ -41,7 +41,7 @@
             <div class="col-xs-12 card-heading">
                 <h2>
                     <span ng-show="!editingTitle">
-                        <i class="fa fa-tasks"></i>
+                        <i class="fa fa-sb-task"></i>
                         {{card.task.title}}
                         <small ng-show="permissions.moveCards || permissions.editBoard">
                             <a href ng-click="toggleEditTitle()">
diff --git a/src/app/dashboard/template/submenu.html b/src/app/dashboard/template/submenu.html
index 95678b8a..2019a1df 100644
--- a/src/app/dashboard/template/submenu.html
+++ b/src/app/dashboard/template/submenu.html
@@ -21,7 +21,7 @@
     </li>
     <li active-path="^\/dashboard/boards.*">
         <a href="#!/dashboard/boards" title="Boards and Worklists">
-            <i class="fa fa-tasks fa-lg"></i>
+            <i class="fa fa-sb-board fa-lg"></i>
         </a>
     </li>
     <li active-path="^\/dashboard/subscriptions.*">
diff --git a/src/app/search/template/typeahead_criteria_item.html b/src/app/search/template/typeahead_criteria_item.html
index 0c014c6e..f3f3d4f6 100644
--- a/src/app/search/template/typeahead_criteria_item.html
+++ b/src/app/search/template/typeahead_criteria_item.html
@@ -34,13 +34,13 @@
         <i class="fa fa-sb-user text-muted"></i>&emsp;{{match.model.title}}
     </span>
     <span ng-switch-when="Task">
-        <i class="fa fa-tasks text-muted"></i>&emsp;{{match.model.title}}
+        <i class="fa fa-sb-task text-muted"></i>&emsp;{{match.model.title}}
     </span>
     <span ng-switch-when="Board">
-        <i class="fa fa-tasks text-muted"></i>&emsp;{{match.model.title}}
+        <i class="fa fa-sb-board text-muted"></i>&emsp;{{match.model.title}}
     </span>
     <span ng-switch-when="Worklist">
-        <i class="fa fa-tasks text-muted"></i>&emsp;{{match.model.title}}
+        <i class="fa fa-sb-worklist text-muted"></i>&emsp;{{match.model.title}}
     </span>
     <span ng-switch-default>
         <i class="fa fa-question text-muted"></i>&emsp;{{match.model.type}}
diff --git a/src/app/storyboard/template/side_menu.html b/src/app/storyboard/template/side_menu.html
index 0e727509..51d37f8e 100644
--- a/src/app/storyboard/template/side_menu.html
+++ b/src/app/storyboard/template/side_menu.html
@@ -44,8 +44,8 @@
             </li>
             <li active-path="^\/board\/*">
                 <a href="#!/board/list">
-                    <i class="fa fa-tasks fa-lg visible-sm visible-xs"></i>
-                    <i class="fa fa-tasks fa-3x visible-lg visible-md"></i>
+                    <i class="fa fa-sb-board fa-lg visible-sm visible-xs"></i>
+                    <i class="fa fa-sb-board fa-3x visible-lg visible-md"></i>
                     <small class="visible-lg visible-md">Worklists & Boards</small>
                 </a>
             </li>
diff --git a/src/app/worklists/template/additem.html b/src/app/worklists/template/additem.html
index ebf54607..51356db1 100644
--- a/src/app/worklists/template/additem.html
+++ b/src/app/worklists/template/additem.html
@@ -102,7 +102,7 @@
                                     <i class="fa fa-sb-story text-muted"></i>&emsp;{{item.title}}
                                 </span>
                                 <span ng-switch-when="Task">
-                                    <i class="fa fa-tasks text-muted"></i>&emsp;{{item.title}}
+                                    <i class="fa fa-sb-task text-muted"></i>&emsp;{{item.title}}
                                 </span>
                                 <button type="button" class="close" title="Remove"
                                         ng-click="removeItem(item)">
@@ -169,7 +169,7 @@
                     ng-click="selectTask(task, item.tasks, $event)"
                     ng-repeat="task in item.tasks">
                     <td class="col-xs-11">
-                        <i class="fa fa-tasks text-muted"></i>&emsp;
+                        <i class="fa fa-sb-task text-muted"></i>&emsp;
                         {{task.title}}
                     </td>
                     <td class="col-xs-1 text-right">
@@ -194,7 +194,7 @@
                     ng-show="showInvalid"
                     ng-click="$event.stopPropagation()">
                     <td colspan="2">
-                        <i class="fa fa-tasks text-muted"></i>&emsp;
+                        <i class="fa fa-sb-task text-muted"></i>&emsp;
                         {{task.title}}
                         <div class="text-muted">
                             <small>{{task.invalid}}</small>
@@ -211,7 +211,7 @@
 
 <script type="text/ng-template" id="./inline/task_search_result.html">
     <td class="col-xs-11">
-        <i class="fa fa-tasks text-muted"></i>&emsp;
+        <i class="fa fa-sb-task text-muted"></i>&emsp;
         {{item.title}}
     </td>
     <td class="col-xs-1 text-right">
diff --git a/src/app/worklists/template/detail.html b/src/app/worklists/template/detail.html
index fe43e0b9..b4369535 100644
--- a/src/app/worklists/template/detail.html
+++ b/src/app/worklists/template/detail.html
@@ -406,7 +406,7 @@
                         <div as-sortable-item-handle ng-switch-when="task">
                             <div class="row">
                                 <div class="col-xs-1">
-                                    <i class="fa fa-tasks text-muted"></i>
+                                    <i class="fa fa-sb-task text-muted"></i>
                                 </div>
                                 <div class="col-xs-10">
                                     <a href="#!/story/{{item.task.story_id}}">
@@ -491,7 +491,7 @@
                         <div ng-switch-when="task">
                             <div class="row">
                                 <div class="col-xs-1">
-                                    <i class="fa fa-tasks text-muted"></i>
+                                    <i class="fa fa-sb-task text-muted"></i>
                                 </div>
                                 <div class="col-xs-11">
                                     <a href="#!/story/{{item.task.story_id}}">
diff --git a/src/theme/base/icons.less b/src/theme/base/icons.less
index ec95a5d3..325f1277 100644
--- a/src/theme/base/icons.less
+++ b/src/theme/base/icons.less
@@ -30,3 +30,5 @@
 .@{fa-css-prefix}-sb-profile:before { content: @fa-var-user; }
 .@{fa-css-prefix}-sb-profile-preferences:before { content: @fa-var-gear; }
 .@{fa-css-prefix}-sb-profile-tokens:before { content: @fa-var-key; }
+.@{fa-css-prefix}-sb-board:before { content: @fa-var-tasks; }
+.@{fa-css-prefix}-sb-worklist:before { content: @fa-var-tasks; }