From 81947bedf6bb9ad659e7ba5d41618e6425aa192c Mon Sep 17 00:00:00 2001
From: Florent Poittevin <florent.poittevin@unige.ch>
Date: Mon, 3 Feb 2020 17:03:59 +0100
Subject: [PATCH] style: change quickstatus when pending
---
...red-datafile-quick-status.presentational.html | 4 ++++
...red-datafile-quick-status.presentational.scss | 16 +++++++++-------
...hared-datafile-quick-status.presentational.ts | 4 +++-
3 files changed, 16 insertions(+), 8 deletions(-)
diff --git a/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.html b/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.html
index e69de29bb..b160f02ce 100644
--- a/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.html
+++ b/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.html
@@ -0,0 +1,4 @@
+<mat-icon *ngIf="classes === PENDING"
+ class="icon"
+>autorenew
+</mat-icon>
diff --git a/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.scss b/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.scss
index 633d97cec..47cf7a674 100644
--- a/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.scss
+++ b/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.scss
@@ -2,6 +2,11 @@
$size: 20px;
:host {
+ .icon {
+ font-size: $size;
+ color: $white;
+ }
+
width: $size;
height: $size;
background-color: $medium-light-grey;
@@ -26,20 +31,17 @@ $size: 20px;
}
&.pending {
- animation-name: blink;
+ animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
- @keyframes blink {
+ @keyframes rotate {
from {
- opacity: 1;
- }
- 50% {
- opacity: 0;
+ transform: rotate(0deg);
}
to {
- opacity: 1;
+ transform: rotate(360deg);
}
}
}
diff --git a/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.ts b/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.ts
index 50d48ed3d..2291683e6 100644
--- a/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.ts
+++ b/src/app/shared/components/presentationals/shared-datafile-quick-status/shared-datafile-quick-status.presentational.ts
@@ -32,6 +32,8 @@ export class SharedDatafileQuickStatusPresentational extends SharedAbstractPrese
@HostBinding("class")
classes: string;
+ readonly PENDING: string = "pending";
+
getColor(): string {
switch (this.value) {
case DataFileStatusEnum.READY:
@@ -51,7 +53,7 @@ export class SharedDatafileQuickStatusPresentational extends SharedAbstractPrese
return "cleaned";
default:
this.toolipToTranslate = TRANSLATE("dataFileQuickStatus.pending");
- return "pending";
+ return this.PENDING;
}
}
}
--
GitLab