mirror of
https://github.com/grafana/grafana.git
synced 2025-02-11 16:15:42 -06:00
0d5c1e1bc7
* Angular/React: Migrates FolderPicker from angular to react * move to core * snap * minor changes * more removes * Managing creating new and saving in movetofolderctrl * Do not use new forms.field, fix select menu * FolderPicker responsible to creating new folder * create new as prop * snap * remove unnecessary things * remove console log * snap * fix null checks * add search debouncing * set folder to state, null check * typing folder * adding case for loadOptions * snap Co-authored-by: Peter Holmberg <peterholmberg@users.noreply.github.com>
65 lines
3.5 KiB
HTML
65 lines
3.5 KiB
HTML
<div>
|
|
<div class="section gf-form-group">
|
|
<h5 class="section-heading">Options</h5>
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-8">Show</span>
|
|
<div class="gf-form-select-wrapper max-width-15">
|
|
<select class="gf-form-input" ng-model="ctrl.panel.show"
|
|
ng-options="f.value as f.text for f in ctrl.showOptions" ng-change="ctrl.onRefresh()"></select>
|
|
</div>
|
|
</div>
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-8">Max items</span>
|
|
<input type="text" class="gf-form-input max-width-15" ng-model="ctrl.panel.limit" ng-change="ctrl.onRefresh()" />
|
|
</div>
|
|
<div class="gf-form" ng-show="ctrl.panel.show === 'current'">
|
|
<span class="gf-form-label width-8">Sort order</span>
|
|
<div class="gf-form-select-wrapper max-width-15">
|
|
<select class="gf-form-input" ng-model="ctrl.panel.sortOrder"
|
|
ng-options="f.value as f.text for f in ctrl.sortOrderOptions" ng-change="ctrl.onRefresh()"></select>
|
|
</div>
|
|
</div>
|
|
<gf-form-switch class="gf-form" label="Alerts from this dashboard" label-class="width-18"
|
|
checked="ctrl.panel.onlyAlertsOnDashboard" on-change="ctrl.updateStateFilter()"></gf-form-switch>
|
|
</div>
|
|
<div class="section gf-form-group" ng-show="ctrl.panel.show === 'current'">
|
|
<h5 class="section-heading">Filter</h5>
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-8">Alert name</span>
|
|
<input type="text" class="gf-form-input max-width-15" ng-model="ctrl.panel.nameFilter"
|
|
placeholder="Alert name query" ng-change="ctrl.onRefresh()" />
|
|
</div>
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-8">Dashboard title</span>
|
|
<input type="text" class="gf-form-input" placeholder="Dashboard title query" ng-model="ctrl.panel.dashboardFilter"
|
|
ng-change="ctrl.onRefresh()" ng-model-onblur>
|
|
</div>
|
|
<div class="gf-form">
|
|
<folder-picker initial-folder-id="ctrl.panel.folderId" on-change="ctrl.onFolderChange" label-class="width-8"
|
|
initial-title="'All'" enable-reset="true">
|
|
</folder-picker>
|
|
</div>
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-8">Dashboard tags</span>
|
|
<bootstrap-tagsinput ng-model="ctrl.panel.dashboardTags" tagclass="label label-tag" placeholder="add tags"
|
|
on-tags-updated="ctrl.refresh()">
|
|
</bootstrap-tagsinput>
|
|
</div>
|
|
</div>
|
|
<div class="section gf-form-group" ng-show="ctrl.panel.show === 'current'">
|
|
<h5 class="section-heading">State filter</h5>
|
|
<gf-form-switch class="gf-form" label="Ok" label-class="width-10" checked="ctrl.stateFilter['ok']"
|
|
on-change="ctrl.updateStateFilter()"></gf-form-switch>
|
|
<gf-form-switch class="gf-form" label="Paused" label-class="width-10" checked="ctrl.stateFilter['paused']"
|
|
on-change="ctrl.updateStateFilter()"></gf-form-switch>
|
|
<gf-form-switch class="gf-form" label="No data" label-class="width-10" checked="ctrl.stateFilter['no_data']"
|
|
on-change="ctrl.updateStateFilter()"></gf-form-switch>
|
|
<gf-form-switch class="gf-form" label="Execution error" label-class="width-10"
|
|
checked="ctrl.stateFilter['execution_error']" on-change="ctrl.updateStateFilter()"></gf-form-switch>
|
|
<gf-form-switch class="gf-form" label="Alerting" label-class="width-10" checked="ctrl.stateFilter['alerting']"
|
|
on-change="ctrl.updateStateFilter()"></gf-form-switch>
|
|
<gf-form-switch class="gf-form" label="Pending" label-class="width-10" checked="ctrl.stateFilter['pending']"
|
|
on-change="ctrl.updateStateFilter()"></gf-form-switch>
|
|
</div>
|
|
</div>
|