mirror of
https://github.com/zitadel/zitadel.git
synced 2025-05-24 12:28:19 +00:00
b1caef81da
* es lint * modify tsconfig, auto lint some stuff * lint * lint * lint * lint * html ts lint * lint * lint, tsconfig * fix project delete, state table * eslint config, remove cnslHint directive * mfa selector, info row fixes * lint * fix login policy, granted orgs table state, lint Co-authored-by: Florian Forster <florian@caos.ch>
46 lines
2.3 KiB
HTML
46 lines
2.3 KiB
HTML
<div class="change-header">
|
|
<span class="ch-header">{{ 'CHANGES.LISTTITLE' | translate }}</span>
|
|
<button matTooltip="{{'ACTIONS.REFRESH' | translate}}" (click)="init()" mat-icon-button>
|
|
<mat-icon class="icon">refresh</mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="scroll-container" cnslScrollable (scrollPosition)="scrollHandler($event)">
|
|
<li class="item change-item-back" *ngFor="let hist of data | async; index as histindex">
|
|
<span *ngIf="hist.values[0].dates[0]" class="date">
|
|
{{ hist.values[0].dates[0]| timestampToDate | localizedDate: 'dd. MMMM YYYY' }}
|
|
</span>
|
|
<div class="item" *ngFor="let dayelement of hist.values; index as i">
|
|
<div class="row">
|
|
<cnsl-avatar matTooltip="{{ dayelement.editorDisplayName }}"
|
|
*ngIf="dayelement.editorDisplayName; else spacer" class="avatar"
|
|
[name]="dayelement.editorDisplayName" [size]="32" [forColor]="dayelement?.editorPreferredLoginName ?? 'A'"
|
|
[avatarUrl]="dayelement.editorAvatarUrl || ''">
|
|
</cnsl-avatar>
|
|
<ng-template #spacer>
|
|
<div class="spacer"></div>
|
|
</ng-template>
|
|
<div class="actions">
|
|
<div class="action" *ngFor="let action of dayelement.eventTypes; index as j">
|
|
<button disabled mat-icon-button aria-label="Restore history"
|
|
matTooltip="{{ dayelement.dates[j] | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}">
|
|
<mat-icon class="icon">schedule</mat-icon>
|
|
</button>
|
|
|
|
<span>
|
|
<span class="msg">{{ action.localizedMessage }}</span>
|
|
<span class="block">{{
|
|
dayelement.dates[j] | timestampToDate | localizedDate: 'HH:mm'
|
|
}}</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<div class="sp-wrapper">
|
|
<mat-spinner *ngIf="loading | async" diameter="25"></mat-spinner>
|
|
</div>
|
|
<span class="end-container" *ngIf="bottom">{{'CHANGES.BOTTOM' | translate}}</span>
|
|
</div>
|