rename directive

This commit is contained in:
Erik Sundell 2018-12-18 11:31:11 +01:00
parent b46be0b638
commit d23d4c2ca0
3 changed files with 11 additions and 11 deletions

View File

@ -2,14 +2,14 @@
<div class="gf-form"> <div class="gf-form">
<label class="gf-form-label query-keyword width-9">Aggregation</label> <label class="gf-form-label query-keyword width-9">Aggregation</label>
<div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent"> <div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent">
<option-picker <stackdriver-picker
onChange="ctrl.handleAggregationChange" onChange="ctrl.handleAggregationChange"
selected="ctrl.target.aggregation.crossSeriesReducer" selected="ctrl.target.aggregation.crossSeriesReducer"
options="ctrl.aggOptions" options="ctrl.aggOptions"
searchable="true" searchable="true"
placeholder="'Select Aggregation'" placeholder="'Select Aggregation'"
className="'width-15'" className="'width-15'"
></option-group-picker> ></stackdriver-picker>
</div> </div>
</div> </div>
<div class="gf-form gf-form--grow"> <div class="gf-form gf-form--grow">
@ -25,14 +25,14 @@
<div class="gf-form offset-width-9"> <div class="gf-form offset-width-9">
<label class="gf-form-label query-keyword width-12">Aligner</label> <label class="gf-form-label query-keyword width-12">Aligner</label>
<div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent"> <div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent">
<option-picker <stackdriver-picker
onChange="ctrl.handleAlignmentChange" onChange="ctrl.handleAlignmentChange"
selected="ctrl.target.aggregation.perSeriesAligner" selected="ctrl.target.aggregation.perSeriesAligner"
options="ctrl.alignOptions" options="ctrl.alignOptions"
searchable="true" searchable="true"
placeholder="'Select Alignment'" placeholder="'Select Alignment'"
className="'width-15'" className="'width-15'"
></option-picker> ></stackdriver-picker>
</div> </div>
<div class="gf-form gf-form--grow"><div class="gf-form-label gf-form-label--grow"></div></div> <div class="gf-form gf-form--grow"><div class="gf-form-label gf-form-label--grow"></div></div>
@ -42,14 +42,14 @@
<div class="gf-form"> <div class="gf-form">
<label class="gf-form-label query-keyword width-9">Alignment Period</label> <label class="gf-form-label query-keyword width-9">Alignment Period</label>
<div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent"> <div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent">
<option-picker <stackdriver-picker
onChange="ctrl.handleAlignmentPeriodChange" onChange="ctrl.handleAlignmentPeriodChange"
selected="ctrl.target.aggregation.alignmentPeriod" selected="ctrl.target.aggregation.alignmentPeriod"
options="ctrl.alignmentPeriods" options="ctrl.alignmentPeriods"
searchable="true" searchable="true"
placeholder="'Select Alignment'" placeholder="'Select Alignment'"
className="'width-15'" className="'width-15'"
></option-picker> ></stackdriver-picker>
</div> </div>
</div> </div>

View File

@ -1,28 +1,28 @@
<div class="gf-form-inline"> <div class="gf-form-inline">
<div class="gf-form"> <div class="gf-form">
<span class="gf-form-label width-9 query-keyword">Service</span> <span class="gf-form-label width-9 query-keyword">Service</span>
<option-picker <stackdriver-picker
onChange="ctrl.handleServiceChange" onChange="ctrl.handleServiceChange"
selected="ctrl.target.service" selected="ctrl.target.service"
options="ctrl.services" options="ctrl.services"
searchable="false" searchable="false"
placeholder="'Select Services'" placeholder="'Select Services'"
className="'width-15'" className="'width-15'"
></option-picker> ></stackdriver-picker>
</div> </div>
<div class="gf-form gf-form--grow"><div class="gf-form-label gf-form-label--grow"></div></div> <div class="gf-form gf-form--grow"><div class="gf-form-label gf-form-label--grow"></div></div>
</div> </div>
<div class="gf-form-inline"> <div class="gf-form-inline">
<div class="gf-form"> <div class="gf-form">
<span class="gf-form-label width-9 query-keyword">Metric</span> <span class="gf-form-label width-9 query-keyword">Metric</span>
<option-picker <stackdriver-picker
onChange="ctrl.handleMetricTypeChange" onChange="ctrl.handleMetricTypeChange"
selected="ctrl.target.metricType" selected="ctrl.target.metricType"
options="ctrl.getMetricGroups()" options="ctrl.getMetricGroups()"
searchable="true" searchable="true"
placeholder="'Select Metric'" placeholder="'Select Metric'"
className="'width-15'" className="'width-15'"
></option-picker> ></stackdriver-picker>
</div> </div>
<div class="gf-form gf-form--grow"><div class="gf-form-label gf-form-label--grow"></div></div> <div class="gf-form gf-form--grow"><div class="gf-form-label gf-form-label--grow"></div></div>
</div> </div>

View File

@ -63,7 +63,7 @@ export class StackdriverQueryCtrl extends QueryCtrl {
_.defaultsDeep(this.target, this.defaults); _.defaultsDeep(this.target, this.defaults);
this.panelCtrl.events.on('data-received', this.onDataReceived.bind(this), $scope); this.panelCtrl.events.on('data-received', this.onDataReceived.bind(this), $scope);
this.panelCtrl.events.on('data-error', this.onDataError.bind(this), $scope); this.panelCtrl.events.on('data-error', this.onDataError.bind(this), $scope);
react2AngularDirective('optionPicker', StackdriverPicker, [ react2AngularDirective('stackdriverPicker', StackdriverPicker, [
'options', 'options',
'onChange', 'onChange',
'selected', 'selected',