mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-05 10:32:03 +00:00
c1f59c7950
* key datepicker, formfield cleanup, member role help, domain layout * accounts card template overlay * fix account card trigger * chore(deps-dev): bump @typescript-eslint/parser from 5.26.0 to 5.27.0 in /console (#3752) chore(deps-dev): bump @typescript-eslint/parser in /console Bumps [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) from 5.26.0 to 5.27.0. - [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases) - [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md) - [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v5.27.0/packages/parser) --- updated-dependencies: - dependency-name: "@typescript-eslint/parser" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * deps, i18n, feature info section * lint Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
85 lines
3.5 KiB
HTML
85 lines
3.5 KiB
HTML
<div class="max-width-container">
|
|
<div class="enlarged-container">
|
|
<h1>{{ 'FLOWS.TITLE' | translate }}</h1>
|
|
<p class="desc cnsl-secondary-text">{{ 'FLOWS.DESCRIPTION' | translate }}</p>
|
|
|
|
<cnsl-info-section class="max-actions" *ngIf="maxActions"
|
|
>{{ 'FLOWS.ACTIONSMAX' | translate: { value: maxActions } }}
|
|
</cnsl-info-section>
|
|
|
|
<ng-template cnslHasRole [hasRole]="['org.action.read']">
|
|
<cnsl-card title="{{ 'FLOWS.ACTIONSTITLE' | translate }}" description="{{ 'FLOWS.ACTIONSDESCRIPTION' | translate }}">
|
|
<cnsl-action-table (changedSelection)="selection = $event"></cnsl-action-table>
|
|
</cnsl-card>
|
|
</ng-template>
|
|
|
|
<div class="title-section">
|
|
<h2>{{ 'FLOWS.FLOWSTITLE' | translate }}</h2>
|
|
<i class="las la-exchange-alt"></i>
|
|
</div>
|
|
|
|
<p class="desc cnsl-secondary-text">{{ 'FLOWS.FLOWSDESCRIPTION' | translate }}</p>
|
|
|
|
<ng-template cnslHasRole [hasRole]="['org.flow.read']">
|
|
<div *ngIf="flow" class="flow">
|
|
<cnsl-form-field class="formfield">
|
|
<cnsl-label>{{ 'FLOWS.FLOWTYPE' | translate }}</cnsl-label>
|
|
<mat-select [formControl]="typeControl">
|
|
<mat-option *ngFor="let type of typesForSelection" [value]="type">
|
|
{{ 'FLOWS.TYPES.' + type | translate }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</cnsl-form-field>
|
|
|
|
<div *ngIf="flow" class="trigger-wrapper">
|
|
<div class="topbottomline"></div>
|
|
|
|
<div class="flow-type">
|
|
<i class="type-icon las la-dot-circle"></i>
|
|
<span>{{ 'FLOWS.TYPES.' + flow.type | translate }}</span>
|
|
<button matTooltip="{{ 'ACTIONS.CLEAR' | translate }}" mat-icon-button color="warn" (click)="clearFlow()">
|
|
<i class="type-button-icon las la-trash"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<cnsl-card *ngFor="let trigger of flow.triggerActionsList; index as i" class="trigger">
|
|
<div class="trigger-top">
|
|
<mat-icon svgIcon="mdi_arrow_right_bottom" class="icon"></mat-icon>
|
|
<span>{{ 'FLOWS.TRIGGERTYPES.' + trigger.triggerType | translate }}</span>
|
|
</div>
|
|
<span class="fill-space"></span>
|
|
<div class="flow-action-wrapper" cdkDropList (cdkDropListDropped)="drop(i, trigger.actionsList, $event)">
|
|
<div
|
|
cdkDrag
|
|
cdkDragLockAxis="y"
|
|
cdkDragBoundary=".action-wrapper"
|
|
class="flow-action"
|
|
*ngFor="let action of trigger.actionsList"
|
|
>
|
|
<i class="las la-code"></i>
|
|
<span class="flow-action-name">{{ action.name }}</span>
|
|
<span class="fill-space"></span>
|
|
<span
|
|
class="state"
|
|
[ngClass]="{
|
|
active: action.state === ActionState.ACTION_STATE_ACTIVE,
|
|
inactive: action.state === ActionState.ACTION_STATE_INACTIVE
|
|
}"
|
|
>
|
|
{{ 'FLOWS.STATES.' + action.state | translate }}</span
|
|
>
|
|
</div>
|
|
</div>
|
|
</cnsl-card>
|
|
|
|
<button class="add-btn cnsl-action-button" mat-raised-button color="primary" (click)="openAddTrigger()">
|
|
<mat-icon>add</mat-icon>
|
|
<span>{{ 'FLOWS.ADDTRIGGER' | translate }}</span>
|
|
<span *ngIf="selection && selection.length"> ({{ selection.length }})</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
</div>
|
|
</div>
|