added the saved column geneontology/noctua-annotation-review#30

geneontology · Dec 9, 2020 · 6877a2c · 6877a2c
1 parent 54078d2
commit 6877a2c
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 2 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -42,6 +42,7 @@ import {
     faAngleDoubleDown,
     faAngleDoubleUp, faUndo, faSave, faExclamationTriangle, faAngleDoubleLeft, faAngleDoubleRight, faAngleLeft, faAngleRight
 } from '@fortawesome/free-solid-svg-icons';
+import { faCheckCircle, faTimesCircle } from '@fortawesome/free-regular-svg-icons';
 import { faGithub, faFacebook, faTwitter } from '@fortawesome/free-brands-svg-icons';
 import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { NoctuaDataService } from '@noctua.common/services/noctua-data.service';
@@ -115,6 +116,7 @@ export class AppModule {
             faCaretRight,
             faChevronDown,
             faChevronRight,
+            faCheckCircle,
             faCopy,
             faExclamationTriangle,
             faFacebook,
@@ -132,6 +134,7 @@ export class AppModule {
             faShoppingBasket,
             faSitemap,
             faTasks,
+            faTimesCircle,
             faTwitter,
             faUndo,
             faUser,

diff --git a/src/app/main/apps/noctua-form/cam/cam-table/annoton-table/annoton-table.component.scss b/src/app/main/apps/noctua-form/cam/cam-table/annoton-table/annoton-table.component.scss
@@ -180,7 +180,7 @@ $accent: map-get($theme, accent);
 
     &.noc-selected {
       table {
-        background-color: rgba(map-get($accent, default), 0.05) !important;
+        background-color: rgba($noc-highlight-model-color, 0.3);
       }
     }
   }

diff --git a/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.html b/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.html
@@ -118,7 +118,14 @@
       </th>
       <td mat-cell *matCellDef="let cam" fxFlex="250px" class="noc-title" fxLayout="row" fxLayoutAlign="start center">
         {{cam.title }}
-        <fa-icon *ngIf="cam.modifiedP" [icon]="['fas', 'save']"></fa-icon>
+      </td>
+    </ng-container>
+    <ng-container matColumnDef="saved">
+      <th mat-header-cell *matHeaderCellDef fxFlex="50px" fxLayout="row" fxLayoutAlign="start center">Saved</th>
+      <td mat-cell *matCellDef="let cam" fxFlex="50px" class="noc-model-saved pr-12" fxLayout="row"
+        fxLayoutAlign="center center">
+        <fa-icon *ngIf="cam.modifiedP" class="red-500-fg" [icon]="['far', 'times-circle']"></fa-icon>
+        <fa-icon *ngIf="!cam.modifiedP" class="green-500-fg" [icon]="['far', 'check-circle']"></fa-icon>
       </td>
     </ng-container>
     <ng-container matColumnDef="state">

diff --git a/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.scss b/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.scss
@@ -321,6 +321,11 @@ $rotate-graph: 235deg;
       }
     }
 
+    .noc-model-saved {
+      font-size: 18px;
+      padding-left: 12px;
+    }
+
 
   }
 

diff --git a/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.ts b/src/app/main/apps/noctua-search/cams/cams-table/cams-table.component.ts
@@ -103,6 +103,7 @@ export class CamsTableComponent implements OnInit, OnDestroy {
     this.displayedColumns = [
       'expand',
       'title',
+      'saved',
       'state',
       'date',
       'contributor',
-Original file line number
+Diff line change
@@ Expand Up / @@ -180,7 +180,7 @@ $accent: map-get($theme, accent); @@
         &.noc-selected {
           table {
-            background-color: rgba(map-get($accent, default), 0.05) !important;
+            background-color: rgba($noc-highlight-model-color, 0.3);
           }
         }
       }
@@ Expand Down @@