mirror of
https://github.com/zitadel/zitadel.git
synced 2025-05-04 06:50:51 +00:00
465081ee6d
* set avatarurl if available * lint * force sidemargin * dont load image via asset * rm log * stylelint * add ZITADEL domain to csp img src * sanitize url * fix undefined link projects * use name as fallback * operator: rename uploadServiceURL to assetServiceURL in environment json for console * remove data * rm logs * center crop image * add avatar to changes Co-authored-by: Livio Amstutz <livio.a@gmail.com>
45 lines
2.2 KiB
HTML
45 lines
2.2 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" appScrollable (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">
|
|
<app-avatar matTooltip="{{ dayelement.editorDisplayName }}"
|
|
*ngIf="dayelement.editorDisplayName; else spacer" class="avatar"
|
|
[name]="dayelement.editorDisplayName" [size]="32" [forColor]="dayelement?.editorPreferredLoginName"
|
|
[avatarUrl]="dayelement.editorAvatarUrl || ''">
|
|
</app-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>
|