Updated ciam prod client-id
This commit is contained in:
Erik Tiekstra
@@ -36,80 +36,82 @@
|
||||
></digi-ng-progress-progressbar>
|
||||
</div>
|
||||
</div>
|
||||
<div class="avrop__content">
|
||||
<div class="avrop__filter" *ngIf="currentStep === 1">
|
||||
<h3>Filter</h3>
|
||||
<msfa-avrop-filters></msfa-avrop-filters>
|
||||
</div>
|
||||
<div class="avrop__select-handledare" *ngIf="currentStep === 2">
|
||||
<ng-container *ngIf="availableHandledare$ | async as availableHandledare; else loadingRef">
|
||||
<digi-form-select
|
||||
*ngIf="availableHandledare?.length; else noAvailabeHandledare"
|
||||
af-label="Välj handledare att tilldela"
|
||||
af-placeholder="Välj handledare"
|
||||
[afRequired]="true"
|
||||
(afOnChange)="changeHandledare($event.detail)"
|
||||
>
|
||||
<option
|
||||
*ngFor="let availableHandledare of availableHandledare"
|
||||
[value]="availableHandledare.ciamUserId"
|
||||
<ng-container *ngIf="avropData$ | async as avropData">
|
||||
<div class="avrop__content" *ngIf="avropData.data.length; else noAvrop">
|
||||
<div class="avrop__filter" *ngIf="currentStep === 1">
|
||||
<h3>Filter</h3>
|
||||
<msfa-avrop-filters></msfa-avrop-filters>
|
||||
</div>
|
||||
<div class="avrop__select-handledare" *ngIf="currentStep === 2">
|
||||
<ng-container *ngIf="availableHandledare$ | async as availableHandledare; else loadingRef">
|
||||
<digi-form-select
|
||||
*ngIf="availableHandledare?.length; else noAvailabeHandledare"
|
||||
af-label="Välj handledare att tilldela"
|
||||
af-placeholder="Välj handledare"
|
||||
[afRequired]="true"
|
||||
(afOnChange)="changeHandledare($event.detail)"
|
||||
>
|
||||
{{ availableHandledare.fullName }}
|
||||
</option>
|
||||
</digi-form-select>
|
||||
<option
|
||||
*ngFor="let availableHandledare of availableHandledare"
|
||||
[value]="availableHandledare.ciamUserId"
|
||||
>
|
||||
{{ availableHandledare.fullName }}
|
||||
</option>
|
||||
</digi-form-select>
|
||||
|
||||
<ng-template #noAvailableHandledare>
|
||||
<p>Inga handledare har behörighet till markerade deltagare</p>
|
||||
</ng-template>
|
||||
</ng-container>
|
||||
<ng-template #noAvailableHandledare>
|
||||
<p>Inga handledare har behörighet till markerade deltagare</p>
|
||||
</ng-template>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
||||
<h3>Välj deltagare att tilldela handledare</h3>
|
||||
<msfa-avrop-list
|
||||
[availableAvrop]="avropData.data"
|
||||
[paginationMeta]="avropData.meta"
|
||||
[selectedAvrop]="selectedAvrop$ | async"
|
||||
[isLocked]="avropIsLocked$ | async"
|
||||
[isSubmitted]="avropIsSubmitted$ | async"
|
||||
[handledare]="selectedHandledare$ | async"
|
||||
[handledareConfirmed]="handledareConfirmed$ | async"
|
||||
(selectionChanged)="updateSelectedAvrop($event)"
|
||||
(paginated)="setNewPage($event)"
|
||||
></msfa-avrop-list>
|
||||
</div>
|
||||
|
||||
<h3>Välj deltagare att tilldela handledare</h3>
|
||||
<msfa-avrop-list
|
||||
*ngIf="avropData$ | async as avropData"
|
||||
[availableAvrop]="avropData.data"
|
||||
[paginationMeta]="avropData.meta"
|
||||
[selectedAvrop]="selectedAvrop$ | async"
|
||||
[isLocked]="avropIsLocked$ | async"
|
||||
[isSubmitted]="avropIsSubmitted$ | async"
|
||||
[handledare]="selectedHandledare$ | async"
|
||||
[handledareConfirmed]="handledareConfirmed$ | async"
|
||||
(selectionChanged)="updateSelectedAvrop($event)"
|
||||
(paginated)="setNewPage($event)"
|
||||
></msfa-avrop-list>
|
||||
</div>
|
||||
<div class="avrop__footer" [ngSwitch]="currentStep">
|
||||
<digi-notification-alert
|
||||
*ngIf="error$ | async as error"
|
||||
af-heading="Felmeddelande"
|
||||
af-variation="danger"
|
||||
af-closeable="true"
|
||||
(afOnClose)="resetError()"
|
||||
>
|
||||
<p>{{error}}</p>
|
||||
</digi-notification-alert>
|
||||
<div class="avrop__footer" *ngIf="avropData.data.length" [ngSwitch]="currentStep">
|
||||
<digi-notification-alert
|
||||
*ngIf="error$ | async as error"
|
||||
af-heading="Felmeddelande"
|
||||
af-variation="danger"
|
||||
af-closeable="true"
|
||||
(afOnClose)="resetError()"
|
||||
>
|
||||
<p>{{error}}</p>
|
||||
</digi-notification-alert>
|
||||
|
||||
<div class="avrop__cta-wrapper">
|
||||
<ng-container *ngSwitchCase="1">
|
||||
<digi-button af-size="m" (afOnClick)="lockSelectedAvrop()">Nästa</digi-button>
|
||||
</ng-container>
|
||||
<ng-container *ngSwitchCase="2">
|
||||
<digi-button af-variation="secondary" af-size="m" (afOnClick)="unlockSelectedAvrop()"
|
||||
>Tillbaka</digi-button
|
||||
>
|
||||
<digi-button af-size="m" (afOnClick)="confirmHandledare()">Tilldela</digi-button>
|
||||
</ng-container>
|
||||
<ng-container *ngSwitchCase="3">
|
||||
<digi-button af-variation="secondary" af-size="m" (afOnClick)="unconfirmHandledare()"
|
||||
>Tillbaka</digi-button
|
||||
>
|
||||
<digi-button af-size="m" (afOnClick)="save()">Bekräfta tilldelning</digi-button>
|
||||
</ng-container>
|
||||
<ng-container *ngSwitchCase="4">
|
||||
<digi-button af-size="m" (afOnClick)="returnToStep1()">Tillbaka till nya deltagare</digi-button>
|
||||
</ng-container>
|
||||
<div class="avrop__cta-wrapper">
|
||||
<ng-container *ngSwitchCase="1">
|
||||
<digi-button af-size="m" (afOnClick)="lockSelectedAvrop()">Nästa</digi-button>
|
||||
</ng-container>
|
||||
<ng-container *ngSwitchCase="2">
|
||||
<digi-button af-variation="secondary" af-size="m" (afOnClick)="unlockSelectedAvrop()"
|
||||
>Tillbaka</digi-button
|
||||
>
|
||||
<digi-button af-size="m" (afOnClick)="confirmHandledare()">Tilldela</digi-button>
|
||||
</ng-container>
|
||||
<ng-container *ngSwitchCase="3">
|
||||
<digi-button af-variation="secondary" af-size="m" (afOnClick)="unconfirmHandledare()"
|
||||
>Tillbaka</digi-button
|
||||
>
|
||||
<digi-button af-size="m" (afOnClick)="save()">Bekräfta tilldelning</digi-button>
|
||||
</ng-container>
|
||||
<ng-container *ngSwitchCase="4">
|
||||
<digi-button af-size="m" (afOnClick)="returnToStep1()">Tillbaka till nya deltagare</digi-button>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</main>
|
||||
</digi-typography>
|
||||
</section>
|
||||
@@ -120,4 +122,7 @@
|
||||
<ng-template #noAvailabeHandledare>
|
||||
<!-- lägg in lämpligt innehåll -->
|
||||
</ng-template>
|
||||
<ng-template #noAvrop>
|
||||
<p>Det finns för tillfället inga nya deltagare att tilldela.</p>
|
||||
</ng-template>
|
||||
</msfa-layout>
|
||||
|
||||
Reference in New Issue
Block a user