habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web/elements: add ak-label for status to replace simple icons

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-04-09 16:59:45 +02:00
parent 34b8a97ae9
commit c887139367
9 changed files with 207 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/pages/system-tasks/SystemTaskListPage.ts
View File

@ -9,6 +9,7 @@ import "../../elements/buttons/ActionButton";
import { TableColumn } from "../../elements/table/Table";
import { AdminApi, Task, TaskStatusEnum } from "authentik-api";
import { DEFAULT_CONFIG } from "../../api/Config";
import { PFColor } from "../../elements/Label";
@customElement("ak-system-task-list")
export class SystemTaskListPage extends TablePage<Task> {
@ -62,13 +63,13 @@ export class SystemTaskListPage extends TablePage<Task> {
taskStatus(task: Task): TemplateResult {
switch (task.status) {
case TaskStatusEnum.Successful:
return html`<i class="fas fa-check pf-m-success"></i>&nbsp;${t`Successful`}`;
return html`<ak-label color=${PFColor.Green} text=${t`Successful`}></ak-label>`;
case TaskStatusEnum.Warning:
return html`<i class="fas fa-exclamation-triangle pf-m-warning"></i>&nbsp;${t`Warning`}`;
return html`<ak-label color=${PFColor.Orange} text=${t`Warning`}></ak-label>`;
case TaskStatusEnum.Error:
return html`<i class="fas fa-times pf-m-danger"></i>&nbsp;${t`Error`}`;
return html`<ak-label color=${PFColor.Red} text=${t`Error`}></ak-label>`;
default:
return html`<i class="fas fa-question-circle"></i>&nbsp;${t`Unknown`}`;
return html`<ak-label color=${PFColor.Grey} text=${t`Unknown`}></ak-label>`;
}
}