diff options
| author |   Sebastien Douheret <sebastien.douheret@iot.bzh> | 2017-08-18 01:04:02 +0200 |
|---|---|---|
| committer | Sebastien Douheret <sebastien.douheret@iot.bzh> | 2017-08-18 01:04:02 +0200 |
| commit | 8f44cc7217ce48f3f94c8ea3f037cdf011c4493b (patch) | |
| tree | a93c483370e6ad64a7440241cfb7c21beb6021ba /webapp/src/app/projects/projectsListAccordion.component.ts | |
| parent | 4feef5296bf3aea331fdde4cd7b94ee2322a907e (diff) | |
Add folder synchronization status.
Also add ability to force re-synchronization.
Diffstat (limited to 'webapp/src/app/projects/projectsListAccordion.component.ts')
| -rw-r--r-- | webapp/src/app/projects/projectsListAccordion.component.ts | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/webapp/src/app/projects/projectsListAccordion.component.ts b/webapp/src/app/projects/projectsListAccordion.component.ts index 1b43cea..6e697f4 100644 --- a/webapp/src/app/projects/projectsListAccordion.component.ts +++ b/webapp/src/app/projects/projectsListAccordion.component.ts @@ -5,12 +5,25 @@ import { IProject } from "../services/config.service"; @Component({ selector: 'projects-list-accordion', template: ` + <style> + .fa.fa-exclamation-triangle { + margin-right: 2em; + color: red; + } + .fa.fa-refresh { + margin-right: 10px; + color: darkviolet; + } + </style> <accordion> <accordion-group #group *ngFor="let prj of projects"> <div accordion-heading> {{ prj.label }} - <i class="pull-right float-xs-right fa" - [ngClass]="{'fa-chevron-down': group.isOpen, 'fa-chevron-right': !group.isOpen}"></i> + <div class="pull-right"> + <i *ngIf="prj.status == 'Syncing'" class="fa fa-refresh faa-spin animated"></i> + <i *ngIf="!prj.isInSync && prj.status != 'Syncing'" class="fa fa-exclamation-triangle"></i> + <i class="fa" [ngClass]="{'fa-chevron-down': group.isOpen, 'fa-chevron-right': !group.isOpen}"></i> + </div> </div> <project-card [project]="prj"></project-card> </accordion-group> |