| <!-- |
| Licensed to the Apache Software |
| Foundation (ASF) under one or more contributor license agreements. See the |
| NOTICE file distributed with this work for additional information regarding |
| copyright ownership. The ASF licenses this file to You 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. |
| --> |
| <i class="fa fa-sort-asc" aria-hidden="true" *ngIf="showView"></i> |
| <div class="card" *ngIf="showView"> |
| <div class="card-body p-3"> |
| <h6 class="card-title">Settings</h6> |
| <form> |
| <label> REFRESH RATE </label> |
| <div #refreshInterval class="preset-row refresh-interval" (click)="onRefreshIntervalChange($event, refreshInterval)"> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.refreshInterval===5}" [attr.value]="5"> 5s </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.refreshInterval===10}" [attr.value]="10"> 10s </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.refreshInterval===15}" [attr.value]="15"> 15s </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.refreshInterval===30}" [attr.value]="30"> 30s </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.refreshInterval===60}" [attr.value]="60"> 1m </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.refreshInterval===600}" [attr.value]="600"> 10m </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.refreshInterval===3600}" [attr.value]="3600"> 1h </div> |
| </div> |
| <label> ROWS PER PAGE </label> |
| <div #pageSize class="preset-row page-size" (click)="onPageSizeChange($event, pageSize)"> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.size===10}"> 10 </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.size===25}"> 25 </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.size===50}"> 50 </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.size===100}"> 100 </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.size===250}"> 250 </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.size===500}"> 500 </div> |
| <div class="preset-cell" [ngClass]="{'is-active': tableMetadata.size===1000}"> 1000 </div> |
| </div> |
| |
| <label> HIDE ALERT ENTRIES </label> |
| <app-show-hide-alert-entries (changed)="configRowsChange.emit($event)" ></app-show-hide-alert-entries> |
| </form> |
| </div> |
| </div> |