Files
redash/client/app/visualizations/counter/counter-editor.html
Ralphilius be377b5f59 Add Counter label (#2900)
* Add Counter label

* Update index.js

* Added visualization name as placeholder

* Backward-compatible for visualization name as label
2018-10-14 11:23:20 +03:00

86 lines
3.6 KiB
HTML

<div class="form-horizontal">
<ul class="tab-nav">
<li ng-class="{active: currentTab == 'general'}">
<a ng-click="changeTab('general')">General</a>
</li>
<li ng-class="{active: currentTab == 'format'}">
<a ng-click="changeTab('format')">Format</a>
</li>
</ul>
<div ng-show="currentTab == 'general'" class="m-t-10 m-b-10">
<div class="form-group">
<label class="col-lg-6">Counter Label</label>
<div class="col-lg-6">
<input type="text" ng-model="visualization.options.counterLabel" placeholder="{{visualization.name}}" class="form-control" ng-trim="false">
</div>
</div>
<div class="form-group">
<label class="col-lg-6">Counter Value Column Name</label>
<div class="col-lg-6">
<select ng-options="name for name in queryResult.getColumnNames()" ng-model="visualization.options.counterColName" class="form-control" ng-disabled="visualization.options.countRow"></select>
</div>
</div>
<div class="form-group">
<label class="col-lg-6">Counter Value Row Number</label>
<div class="col-lg-6">
<input type="number" ng-model="visualization.options.rowNumber" class="form-control" ng-disabled="visualization.options.countRow">
</div>
</div>
<div class="form-group">
<label class="col-lg-6">Target Value Column Name</label>
<div class="col-lg-6">
<select ng-options="name for name in queryResult.getColumnNames()" ng-model="visualization.options.targetColName" class="form-control">
<option value="">No target value</option>
</select>
</div>
</div>
<div class="form-group" ng-if="visualization.options.targetColName">
<label class="col-lg-6">Target Value Row Number</label>
<div class="col-lg-6">
<input type="number" ng-model="visualization.options.targetRowNumber" class="form-control">
</div>
</div>
<div class="form-group">
<div class="col-lg-6">
<label>
<input type="checkbox" ng-model="visualization.options.countRow">
Count Rows
</label>
</div>
</div>
</div>
<div ng-show="currentTab == 'format'" class="m-t-10 m-b-10">
<div class="form-group">
<label class="col-lg-6">Formatting Decimal Place</label>
<div class="col-lg-6">
<input type="number" ng-model="visualization.options.stringDecimal" class="form-control" ng-disabled="!isValueNumber()">
</div>
</div>
<div class="form-group">
<label class="col-lg-6">Formatting Decimal Character</label>
<div class="col-lg-6">
<input type="text" ng-model="visualization.options.stringDecChar" class="form-control" ng-disabled="!isValueNumber()">
</div>
</div>
<div class="form-group">
<label class="col-lg-6">Formatting Thousands Separator</label>
<div class="col-lg-6">
<input type="text" ng-model="visualization.options.stringThouSep" class="form-control" ng-disabled="!isValueNumber()" ng-trim="false">
</div>
</div>
<div class="form-group">
<label class="col-lg-6">Formatting String Prefix</label>
<div class="col-lg-6">
<input type="text" ng-model="visualization.options.stringPrefix" class="form-control" ng-disabled="!isValueNumber()" ng-trim="false">
</div>
</div>
<div class="form-group">
<label class="col-lg-6">Formatting String Suffix</label>
<div class="col-lg-6">
<input type="text" ng-model="visualization.options.stringSuffix" class="form-control" ng-disabled="!isValueNumber()" ng-trim="false">
</div>
</div>
</div>
</div>