mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-09-17 14:21:29 +00:00
1a21f234b6
* add stylelint * fix style first part * fix style second part * fix style third part * fix style fourth part * Fix e2e tests first part * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * fix insights * fix style abotu component * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * [ADF-3746] Rebase branch * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * Fix list error * fix new style added * tslint fix * [ADF-3746] Fix scss errors on Process Filters Cloud component
69 lines
3.0 KiB
HTML
69 lines
3.0 KiB
HTML
<div class="adf-main-content">
|
|
<h1>Notification Service</h1>
|
|
|
|
<ul>
|
|
<li>Try setting custom message with unicode characters, for example: <strong>I ♥️ ADF</strong></li>
|
|
<li>Try setting custom i18n resource key, for example: <strong>APP_LAYOUT.NOTIFICATIONS</strong></li>
|
|
<li>Try toggling the action button. Clicking the action within SnackBar should update the label under the toggle button.</li>
|
|
<li>All elements support <em>data-automation-id</em> attributes and can be automated.</li>
|
|
</ul>
|
|
|
|
<mat-form-field>
|
|
<input
|
|
matInput
|
|
placeholder="Message"
|
|
[(ngModel)]="message"
|
|
data-automation-id="notification-message">
|
|
</mat-form-field>
|
|
|
|
<div>
|
|
<mat-slide-toggle
|
|
[(ngModel)]="withAction"
|
|
data-automation-id="notification-action-toggle">
|
|
With action
|
|
</mat-slide-toggle>
|
|
</div>
|
|
|
|
<div data-automation-id="notification-action-output" *ngIf="actionOutput">
|
|
{{ actionOutput }}
|
|
</div>
|
|
|
|
<h2>Custom Configuration</h2>
|
|
|
|
<form [formGroup]="configForm">
|
|
<mat-form-field>
|
|
<mat-select formControlName="direction" placeholder="Direction" data-automation-id="notification-direction">
|
|
<mat-option *ngFor="let direction of directions" [value]="direction.value">
|
|
{{ direction.title }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field>
|
|
<input matInput type="number" formControlName="duration" [value]="defaultDuration" placeholder="Duration" data-automation-id="notification-duration">
|
|
</mat-form-field>
|
|
<mat-form-field>
|
|
<mat-select formControlName="horizontalPosition" placeholder="Horizontal Position" data-automation-id="notification-horizontal-position">
|
|
<mat-option *ngFor="let horizontalPosition of horizontalPositions" [value]="horizontalPosition.value">
|
|
{{ horizontalPosition.title }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field>
|
|
<mat-select formControlName="verticalPosition" placeholder="Vertical Position" data-automation-id="notification-vertical-position">
|
|
<mat-option *ngFor="let verticalPosition of verticalPositions" [value]="verticalPosition.value">{{ verticalPosition.title }}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<button mat-icon-button (click)="sendCustomConfig()" data-automation-id="notification-custom-config-button">
|
|
<mat-icon>send</mat-icon>
|
|
</button>
|
|
<button mat-raised-button (click)="dismissSnackBar()" data-automation-id="notification-custom-dismiss-button" color="primary">
|
|
</button>
|
|
</form>
|
|
<div>
|
|
<h3>SnackBar Config</h3>
|
|
<p *ngIf="snackBarConfigObject" data-automation-id="notification-custom-object">
|
|
{{snackBarConfigObject}}
|
|
</p>
|
|
</div>
|
|
</div>
|