| <!-- |
| 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 #refreshIntervalEl class="preset-row refresh-interval" (click)="onRefreshIntervalChange($event, refreshIntervalEl)"> |
| <div class="preset-cell" [class.is-active]="refreshInterval===5" [attr.value]="5"> 5s </div> |
| <div class="preset-cell" [class.is-active]="refreshInterval===10" [attr.value]="10"> 10s </div> |
| <div class="preset-cell" [class.is-active]="refreshInterval===15" [attr.value]="15"> 15s </div> |
| <div class="preset-cell" [class.is-active]="refreshInterval===30" [attr.value]="30"> 30s </div> |
| <div class="preset-cell" [class.is-active]="refreshInterval===60" [attr.value]="60"> 1m </div> |
| <div class="preset-cell" [class.is-active]="refreshInterval===600" [attr.value]="600"> 10m </div> |
| <div class="preset-cell" [class.is-active]="refreshInterval===3600" [attr.value]="3600"> 1h </div> |
| </div> |
| <label> ROWS PER PAGE </label> |
| <div #pageSizeEl class="preset-row page-size" (click)="onPageSizeChange($event, pageSizeEl)"> |
| <div class="preset-cell" [class.is-active]="pageSize===10"> 10 </div> |
| <div class="preset-cell" [class.is-active]="pageSize===25"> 25 </div> |
| <div class="preset-cell" [class.is-active]="pageSize===50"> 50 </div> |
| <div class="preset-cell" [class.is-active]="pageSize===100"> 100 </div> |
| <div class="preset-cell" [class.is-active]="pageSize===250"> 250 </div> |
| <div class="preset-cell" [class.is-active]="pageSize===500"> 500 </div> |
| <div class="preset-cell" [class.is-active]="pageSize===1000"> 1000 </div> |
| </div> |
| |
| <label> HIDE ALERT ENTRIES </label> |
| <app-show-hide-alert-entries (changed)="onShowHideChange($event)" ></app-show-hide-alert-entries> |
| |
| <label class="pt-2"> TIMEZONE CONFIGURATION </label> |
| <app-timezone-config></app-timezone-config> |
| </form> |
| </div> |
| </div> |