59 lines
2.4 KiB
HTML
59 lines
2.4 KiB
HTML
<div class="tenant-section flex-column">
|
|
<a class="logo">
|
|
<div class="actions flex">
|
|
<iqser-logo icon="iqser:logo"></iqser-logo>
|
|
<h1 class="app-name">{{ titleService.getTitle() }}</h1>
|
|
</div>
|
|
</a>
|
|
|
|
<iqser-spacer [height]="100"></iqser-spacer>
|
|
|
|
@if (isLoggedOut || noRoleLogOut) {
|
|
<div class="heading-xl" [translate]="isLoggedOut ? translations.IS_LOGGED_OUT : translations.NO_ROLE_LOG_OUT"></div>
|
|
<iqser-spacer [height]="75"></iqser-spacer>
|
|
}
|
|
|
|
@if (storedTenants.length) {
|
|
<div class="pb-30 subheading" translate="tenant-resolve.header.sign-in-previous-domain"></div>
|
|
}
|
|
|
|
@if (storedTenants.length) {
|
|
<div>
|
|
@for (stored of storedTenants; track stored) {
|
|
<div (click)="select(stored.tenantId)" class="d-flex pointer mat-elevation-z2 card stored-tenant-card mt-10">
|
|
<iqser-logo class="card-icon" icon="iqser:logo" mat-card-image></iqser-logo>
|
|
<div class="card-content flex-column">
|
|
<span class="heading">{{ stored.tenantId }}</span>
|
|
</div>
|
|
<mat-icon class="card-icon upside-down" svgIcon="iqser:expand"></mat-icon>
|
|
<div class="remove" iqserStopPropagation>
|
|
<mat-icon (click)="removeStored(stored.tenantId)" svgIcon="iqser:close"></mat-icon>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
|
|
@if (storedTenants.length === 0) {
|
|
<div class="heading pb-30" translate="tenant-resolve.header.first-time"></div>
|
|
}
|
|
|
|
@if (storedTenants.length) {
|
|
<iqser-spacer [height]="100"></iqser-spacer>
|
|
<div class="pb-30 subheading" translate="tenant-resolve.header.join-another-domain"></div>
|
|
}
|
|
|
|
<form (submit)="updateTenantSelection()" [formGroup]="form" class="mat-elevation-z16 card input-card d-flex">
|
|
<mat-form-field class="iqser-input-group w-full ml-20">
|
|
<input [placeholder]="'tenant-resolve.input-placeholder' | translate" formControlName="tenantId" matInput />
|
|
</mat-form-field>
|
|
|
|
<button class="card-icon upside-down" mat-icon-button type="submit">
|
|
<mat-icon svgIcon="iqser:expand"></mat-icon>
|
|
</button>
|
|
</form>
|
|
|
|
<iqser-spacer [height]="50"></iqser-spacer>
|
|
<div [innerHTML]="'tenant-resolve.contact-administrator' | translate"></div>
|
|
</div>
|