mirror of
https://github.com/grafana/grafana.git
synced 2025-02-16 18:34:52 -06:00
8143991b94
* Security: Update default content_security_policy_template - Add 'strict-dynamic' back to script-src - Add ws(s)://$ROOT_PATH to connect-src - Change onEvent to on-event in angular templates to fix CSP issues in firefox. - Add blob: to style-src
90 lines
3.2 KiB
HTML
90 lines
3.2 KiB
HTML
<div class="gf-form-group">
|
|
<div class="gf-form-inline" ng-repeat="timeRegion in ctrl.panel.timeRegions">
|
|
<div class="gf-form">
|
|
<label class="gf-form-label">T{{$index+1}}</label>
|
|
</div>
|
|
|
|
<div class="gf-form">
|
|
<label class="gf-form-label">From</label>
|
|
<div class="gf-form-select-wrapper">
|
|
<select
|
|
class="gf-form-input width-6"
|
|
ng-model="timeRegion.fromDayOfWeek"
|
|
ng-options="f.d as f.value for f in [{d: undefined, value: 'Any'}, {d:1, value: 'Mon'}, {d:2, value: 'Tue'}, {d:3, value: 'Wed'}, {d:4, value: 'Thu'}, {d:5, value: 'Fri'}, {d:6, value: 'Sat'}, {d:7, value: 'Sun'}]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
<input
|
|
type="text"
|
|
ng-maxlength="5"
|
|
ng-model="timeRegion.from"
|
|
class="gf-form-input width-5"
|
|
ng-change="ctrl.render()"
|
|
placeholder="hh:mm"
|
|
/>
|
|
<label class="gf-form-label">To</label>
|
|
<div class="gf-form-select-wrapper">
|
|
<select
|
|
class="gf-form-input width-6"
|
|
ng-model="timeRegion.toDayOfWeek"
|
|
ng-options="f.d as f.value for f in [{d: undefined, value: 'Any'}, {d:1, value: 'Mon'}, {d:2, value: 'Tue'}, {d:3, value: 'Wed'}, {d:4, value: 'Thu'}, {d:5, value: 'Fri'}, {d:6, value: 'Sat'}, {d:7, value: 'Sun'}]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
<input
|
|
type="text"
|
|
ng-maxlength="5"
|
|
ng-model="timeRegion.to"
|
|
class="gf-form-input width-5"
|
|
ng-change="ctrl.render()"
|
|
placeholder="hh:mm"
|
|
/>
|
|
</div>
|
|
|
|
<div class="gf-form">
|
|
<label class="gf-form-label">Color</label>
|
|
<div class="gf-form-select-wrapper">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="timeRegion.colorMode"
|
|
ng-options="f.key as f.value for f in ctrl.colorModes"
|
|
ng-change="ctrl.render()"
|
|
>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<gf-form-switch class="gf-form" label="Fill" checked="timeRegion.fill" on-change="ctrl.render()"></gf-form-switch>
|
|
|
|
<div class="gf-form" ng-if="timeRegion.fill && timeRegion.colorMode === 'custom'">
|
|
<label class="gf-form-label">Fill color</label>
|
|
<span class="gf-form-label">
|
|
<color-picker color="timeRegion.fillColor" on-change="ctrl.onFillColorChange($index)"></color-picker>
|
|
</span>
|
|
</div>
|
|
|
|
<gf-form-switch class="gf-form" label="Line" checked="timeRegion.line" on-change="ctrl.render()"></gf-form-switch>
|
|
|
|
<div class="gf-form" ng-if="timeRegion.line && timeRegion.colorMode === 'custom'">
|
|
<label class="gf-form-label">Line color</label>
|
|
<span class="gf-form-label">
|
|
<color-picker color="timeRegion.lineColor" on-change="ctrl.onLineColorChange($index)"></color-picker>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="gf-form">
|
|
<label class="gf-form-label">
|
|
<a class="pointer" ng-click="ctrl.removeTimeRegion($index)">
|
|
<icon name="'trash-alt'"></icon>
|
|
</a>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gf-form-button-row">
|
|
<button class="btn btn-inverse" ng-click="ctrl.addTimeRegion()">
|
|
<icon name="'plus'"></icon> Add time region<tip>All configured time regions refer to UTC time</tip>
|
|
</button>
|
|
</div>
|
|
</div>
|