73 lines
3.2 KiB
HTML
73 lines
3.2 KiB
HTML
|
<!--
|
||
|
|
|
||
|
|
Copyright © 2016-2023 The Thingsboard Authors
|
||
|
|
|
||
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
you may not use this file except in compliance with the License.
|
||
|
|
You may obtain a copy of the License at
|
||
|
|
|
||
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
|
||
|
|
Unless required by applicable law or agreed to in writing, software
|
||
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
See the License for the specific language governing permissions and
|
||
|
|
limitations under the License.
|
||
|
|
|
||
|
|
-->
|
||
|
|
<mat-form-field [formGroup]="selectDashboardStateFormGroup" class="mat-block" [floatLabel]="floatLabel">
|
||
|
|
<input matInput type="text" placeholder="{{ placeholder || ('widget-action.target-dashboard-state' | translate) }}"
|
||
|
|
#dashboardStateInput
|
||
|
|
formControlName="dashboardStateId"
|
||
|
|
[required]="required"
|
||
|
|
[matAutocomplete]="dashboardStateAutocomplete">
|
||
|
|
<button *ngIf="selectDashboardStateFormGroup.get('dashboardStateId').value"
|
||
|
|
type="button"
|
||
|
|
matSuffix mat-icon-button aria-label="Clear"
|
||
|
|
(click)="clear()">
|
||
|
|
<mat-icon class="material-icons">close</mat-icon>
|
||
|
|
</button>
|
||
|
|
<mat-autocomplete
|
||
|
|
class="tb-autocomplete"
|
||
|
|
#dashboardStateAutocomplete="matAutocomplete">
|
||
|
|
<mat-option *ngFor="let state of filteredStatesDashboard$ | async" [value]="state">
|
||
|
|
<span [innerHTML]="state | highlight:searchText"></span>
|
||
|
|
</mat-option>
|
||
|
|
</mat-autocomplete>
|
||
|
|
<mat-error *ngIf="selectDashboardStateFormGroup.get('dashboardStateId').hasError('required')">
|
||
|
|
{{ 'widget-action.target-dashboard-state-required' | translate }}
|
||
|
|
</mat-error>
|
||
|
|
</mat-form-field>
|
||
|
|
<!-- <input matInput type="text" placeholder="{{ placeholder || ('dashboard.dashboard' | translate) }}"-->
|
||
|
|
<!-- #dashboardInput-->
|
||
|
|
<!-- formControlName="dashboard"-->
|
||
|
|
<!-- (focusin)="onFocus()"-->
|
||
|
|
<!-- [required]="required"-->
|
||
|
|
<!-- [matAutocomplete]="dashboardAutocomplete">-->
|
||
|
|
<!-- <button *ngIf="selectDashboardStateFormGroup.get('dashboard').value && !disabled"-->
|
||
|
|
<!-- type="button"-->
|
||
|
|
<!-- matSuffix mat-button mat-icon-button aria-label="Clear"-->
|
||
|
|
<!-- (click)="clear()">-->
|
||
|
|
<!-- <mat-icon class="material-icons">close</mat-icon>-->
|
||
|
|
<!-- </button>-->
|
||
|
|
<!-- <mat-autocomplete-->
|
||
|
|
<!-- class="tb-autocomplete"-->
|
||
|
|
<!-- #dashboardAutocomplete="matAutocomplete"-->
|
||
|
|
<!-- [displayWith]="displayDashboardFn">-->
|
||
|
|
<!-- <mat-option *ngFor="let dashboard of filteredDashboards | async" [value]="dashboard">-->
|
||
|
|
<!-- <span [innerHTML]="dashboard.title | highlight:searchText"></span>-->
|
||
|
|
<!-- </mat-option>-->
|
||
|
|
<!-- <mat-option *ngIf="!(filteredDashboards | async)?.length" [value]="null">-->
|
||
|
|
<!-- <span>-->
|
||
|
|
<!-- {{ translate.get('dashboard.no-dashboards-matching', {entity: searchText}) | async }}-->
|
||
|
|
<!-- </span>-->
|
||
|
|
<!-- </mat-option>-->
|
||
|
|
<!-- </mat-autocomplete>-->
|
||
|
|
<!-- <mat-error>-->
|
||
|
|
<!-- <ng-content select="[tb-error]"></ng-content>-->
|
||
|
|
<!-- </mat-error>-->
|
||
|
|
<!-- <mat-hint>-->
|
||
|
|
<!-- <ng-content select="[tb-hint]"></ng-content>-->
|
||
|
|
<!-- </mat-hint>-->
|
||
|
|
<!--</mat-form-field>-->
|