Merge pull request #40 from ibm-cds-labs/add-done-to-main-nav

change strikethrough to checkmark for completed steps

Author: vabarbosa

public/seams.css

@@ -1,8 +1,14 @@
 
+.tree-nav_link.done {
+    opacity: .5;
+}
 .tree-nav_link.disabled {
     text-decoration: line-through;
     cursor: pointer;
 }
+.tree-nav_link.done:after {
+    content: '\00a0 \2713';
+}
 .tree-nav .tree-nav hr {
     border-top: 1px solid #ccc;
     margin: 1rem 0;
@@ -12,16 +18,16 @@
     display: none;
 }
 .no_underline {
-	text-decoration: none;
+    text-decoration: none;
 }
 #searchTipsLink {
-	margin-left: 30px;
+    margin-left: 30px;
 }
 #searchcontrol .input_search {
-	width: 75rem;
+    width: 75rem;
 }
 #searchcontrol .search_button {
-	height: 2rem;
+    height: 2rem;
 }
 .form_addon-group {
     /* display: inline-flex; */
@@ -41,7 +47,7 @@
 }
 
 .tag-list_tag span {
-	font-weight:normal;
+    font-weight:normal;
 }
 .tag-list_tag.active span {
     font-weight:700;

views/index.html

@@ -33,13 +33,13 @@
             <a ng-class="{'current': !selectedView || selectedView === 'about'}" class="tree-nav_link" href="#/about">Simple Search Service</a>
             <ul class="tree-nav">
               <li class="tree-nav_item">
-                <a ng-class="{'current': selectedView === 'get', 'disabled': currentStatus == 'imported'}"  class="tree-nav_link" href="#/get">Get data</a>
+                <a ng-class="{'current': selectedView === 'get', 'done': currentStatus == 'imported'}"  class="tree-nav_link" href="#/get">Get data</a>
               </li>
               <li class="tree-nav_item">
-                <a ng-class="{'current': selectedView === 'upload', 'disabled': currentStatus == 'imported'}" class="tree-nav_link" href="#/upload">Upload data</a>
+                <a ng-class="{'current': selectedView === 'upload', 'done': currentStatus == 'imported'}" class="tree-nav_link" href="#/upload">Upload data</a>
               </li>
               <li class="tree-nav_item">
-                <a ng-class="{'current': selectedView === 'import', 'disabled': !currentStatus || currentStatus == 'new' || currentStatus == 'imported'}" class="tree-nav_link" href="#/import">Create Index</a>
+                <a ng-class="{'current': selectedView === 'import', 'disabled': !currentStatus || currentStatus == 'new', 'done': currentStatus == 'imported'}" class="tree-nav_link" href="#/import">Create Index</a>
               </li>
               <li class="tree-nav_item">
                 <a ng-class="{'current': selectedView === 'search', 'disabled': currentStatus != 'imported'}" class="tree-nav_link" href="#/search">Search</a>