Files
redash/client/app/visualizations/map/map-editor.html
2016-11-26 11:35:21 +02:00

65 lines
2.2 KiB
HTML

<div>
<ul class="tab-nav">
<li ng-class="{active: currentTab == 'general'}"><a ng-click="currentTab='general'">General</a></li>
<li ng-class="{active: currentTab == 'groups'}"><a ng-click="currentTab='groups'">Groups</a></li>
<li ng-class="{active: currentTab == 'map'}"><a ng-click="currentTab='map'">Map Settings</a></li>
</ul>
<div ng-show="currentTab == 'general'">
<div class="form-group">
<label class="control-label">Latitude Column Name</label>
<select ng-options="name for name in queryResult.columnNames" ng-model="visualization.options.latColName"
class="form-control"></select>
</div>
<div class="form-group">
<label class="control-label">Longitude Column Name</label>
<select ng-options="name for name in queryResult.columnNames" ng-model="visualization.options.lonColName"
class="form-control"></select>
</div>
<div class="form-group">
<label class="control-label">Group By</label>
<select ng-options="name for name in classify_columns" ng-model="visualization.options.classify"
class="form-control"></select>
</div>
</div>
<div ng-show="currentTab == 'groups'">
<table class="table table-condensed col-table">
<thead>
<th>Name</th>
<th>Color</th>
</thead>
<tbody>
<tr ng-repeat="(name, options) in visualization.options.groups">
<td>{{name}}</td>
<td>
<input class="form-control" type="color" ng-model="options.color"/>
</td>
</tr>
</tbody>
</table>
</div>
<div ng-show="currentTab == 'map'">
<div class="checkbox">
<label>
<input type="checkbox" ng-model="visualization.options.clusterMarkers">
<i class="input-helper"></i> Cluster Markers
</label>
</div>
<div class="form-group">
<label class="control-label">Map Height (px)</label>
<input class="form-control" type="number" ng-model="visualization.options.height"/>
</div>
<div class="form-group">
<label class="control-label">Map Tiles</label>
<select ng-options="tile.url as tile.name for tile in mapTiles" ng-model="visualization.options.mapTileUrl"
class="form-control"></select>
</div>
</div>
</div>