fix(console): refresh tables, auto refresh emitter, avatar colors (#487)

* refreshtable component * project grant refresh table * project role refresh, user grant, i18n * lint * auth user mfa table * auth mfa table * rm unused 404 page, add mgmt mfa table * change light accent color * add actions to mfa table * user detail mfa table * clear selection on refresh, bind data length * member table * fix padding mfa table * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <[email protected]> * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <[email protected]> * z-index, new colors * new senf color Co-authored-by: Florian Forster <[email protected]>
2026-10-20 06:24:25 +00:00 · 2020-07-20 15:23:29 +02:00
parent 933193855a
commit 117a0d7b19
57 changed files with 789 additions and 711 deletions
@@ -0,0 +1,46 @@
+import { animate, animation, keyframes, style, transition, trigger, useAnimation } from '@angular/animations';
+import { SelectionModel } from '@angular/cdk/collections';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+const rotate = animation([
+    animate(
+        '{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)',
+        keyframes([
+            style({
+                transform: 'rotate(0deg)',
+            }),
+            style({
+                transform: 'rotate(360deg)',
+            }),
+        ]),
+    ),
+]);
+@Component({
+    selector: 'app-refresh-table',
+    templateUrl: './refresh-table.component.html',
+    styleUrls: ['./refresh-table.component.scss'],
+    animations: [
+        trigger('rotate', [
+            transition('* => *', [useAnimation(rotate, { params: { time: '1s' } })]),
+        ]),
+    ],
+})
+export class RefreshTableComponent implements OnInit {
+    @Input() public selection: SelectionModel<any> = new SelectionModel<any>(true, []);
+    @Input() public dataSize: number = 0;
+    @Input() public emitRefreshAfterTimeoutInMs: number = 0;
+    @Output() public refreshed: EventEmitter<void> = new EventEmitter();
+
+    ngOnInit(): void {
+        if (this.emitRefreshAfterTimeoutInMs) {
+            setTimeout(() => {
+                this.emitRefresh();
+            }, this.emitRefreshAfterTimeoutInMs);
+        }
+    }
+
+    emitRefresh(): void {
+        this.selection.clear();
+        return this.refreshed.emit();
+    }
+}