mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-09-17 14:21:29 +00:00
f2c1778eda
* [ADF-4595] Change demo-shell style classes prefix * Change more files * Trigger e2e tests * Fix e2e selectors * Fix e2e tests * Fix e2e tests
72 lines
3.8 KiB
HTML
72 lines
3.8 KiB
HTML
<div fxFlex fxLayout="column" class="app-settings-container">
|
|
<mat-slide-toggle [color]="'primary'" [checked]="multiselect" (change)="toggleMultiselect()" data-automation-id="multiSelection">
|
|
{{ 'SETTINGS_CLOUD.MULTISELECTION' | translate }}
|
|
</mat-slide-toggle>
|
|
<mat-slide-toggle [color]="'primary'" [checked]="actionMenu" (change)="toggleActionMenu()" data-automation-id="actionmenu">
|
|
{{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}
|
|
</mat-slide-toggle>
|
|
<mat-slide-toggle [color]="'primary'" [checked]="contextMenu" (change)="toggleContextMenu()" data-automation-id="contextmenu">
|
|
{{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}
|
|
</mat-slide-toggle>
|
|
<mat-slide-toggle [color]="'primary'" [checked]="testingMode" (change)="toggleTestingMode()" data-automation-id="testingMode">
|
|
{{ 'SETTINGS_CLOUD.TESTING_MODE' | translate }}
|
|
</mat-slide-toggle>
|
|
<mat-slide-toggle [color]="'primary'" [checked]="taskDetailsRedirection" (change)="toggleTaskDetailsRedirection()" data-automation-id="taskDetailsRedirection">
|
|
{{ 'SETTINGS_CLOUD.TASK_DETAILS_REDIRECTION' | translate }}
|
|
</mat-slide-toggle>
|
|
<mat-slide-toggle [color]="'primary'" [checked]="processDetailsRedirection" (change)="toggleProcessDetailsRedirection()" data-automation-id="processDetailsRedirection">
|
|
{{ 'SETTINGS_CLOUD.PROCESS_DETAILS_REDIRECTION' | translate }}
|
|
</mat-slide-toggle>
|
|
<mat-form-field data-automation-id="selectionMode">
|
|
<mat-label>
|
|
{{ 'SETTINGS_CLOUD.SELECTION_MODE' | translate }}
|
|
</mat-label>
|
|
<mat-select [(ngModel)]="selectionMode" (selectionChange)="onSelectionModeChange()">
|
|
<mat-option *ngFor="let option of selectionModeOptions" [value]="option.value">
|
|
{{ option.title }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-card *ngIf="actionMenu || contextMenu">
|
|
<mat-card-header>
|
|
<mat-card-title>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TITLE' | translate }}</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<form [formGroup]="actionMenuForm" fxLayout="row" fxLayoutAlign="space-around center" fxLayoutGap="20px">
|
|
<mat-form-field fxFlex="23%">
|
|
<input matInput formControlName="key" placeholder="{{ 'SETTINGS_CLOUD.ACTION.KEY' | translate }}">
|
|
</mat-form-field>
|
|
|
|
<mat-form-field fxFlex="23%">
|
|
<input matInput formControlName="title" placeholder="{{ 'SETTINGS_CLOUD.ACTION.TITLE' | translate }}">
|
|
</mat-form-field>
|
|
|
|
<mat-form-field fxFlex="23%">
|
|
<input matInput formControlName="icon" placeholder="{{ 'SETTINGS_CLOUD.ACTION.ICON' | translate }}"I>
|
|
</mat-form-field>
|
|
<mat-checkbox formControlName="visible">
|
|
{{ 'SETTINGS_CLOUD.ACTION.ACTION_VISIBLE' | translate }}
|
|
</mat-checkbox>
|
|
<mat-checkbox formControlName="disabled">
|
|
{{ 'SETTINGS_CLOUD.ACTION.ACTION_DISABLE' | translate }}
|
|
</mat-checkbox>
|
|
<button mat-raised-button (click)="addAction()">
|
|
{{ 'SETTINGS_CLOUD.ACTION.ADD_BUTTON' | translate }}
|
|
</button>
|
|
</form>
|
|
<div *ngIf="actions.length > 0">
|
|
<mat-chip-list #chipList>
|
|
<mat-chip *ngFor="let action of actions" [removable]="true">
|
|
{{action.title}}
|
|
<mat-icon
|
|
matChipRemove
|
|
(click)="removeAction(action)">
|
|
cancel
|
|
</mat-icon>
|
|
</mat-chip>
|
|
</mat-chip-list>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|