<div class=“panel-query-meta row-fluid” style=“width:260px”>
<style> .panel-query-meta fieldset label { margin-top: 3px; } </style> <fieldset> <select class="input-small" ng-model="dashboard.current.services.query.list[id].type" ng-change="typeChange(dashboard.current.services.query.list[id])"> <option ng-repeat="type in queryTypes">{{type}}</option> </select>  <a href="" class="small" ng-click="queryHelp(dashboard.current.services.query.list[id].type)"> About the {{dashboard.current.services.query.list[id].type}} query</a> <hr class="small"> <label class="small">Legend value</label> <input type="text" ng-model="dashboard.current.services.query.list[id].alias" placeholder="Alias..."> </fieldset> <div ng-include src="queryConfig(dashboard.current.services.query.list[id].type)"></div> <hr class="small"> <div> <i ng-repeat="color in querySrv.colors" class="pointer" ng-class="{'icon-circle-blank':dashboard.current.services.query.list[id].color == color,'icon-circle':dashboard.current.services.query.list[id].color != color}" ng-style="{color:color}" ng-click="dashboard.current.services.query.list[id].color = color;render();"> </i> </div> <div class="pull-right"> <a class="btn btn-mini" ng-click="dashboard.current.services.query.list[id].enable=false;dashboard.refresh();dismiss();" class="pointer">Deactivate</a> <a class="btn btn-mini" ng-class="{active:dashboard.current.services.query.list[id].pin}" ng-click="toggle_pin(id);dismiss();" class="pointer">Pin <i class="icon-pushpin"></i></a> <input class="btn btn-mini" ng-click="dashboard.refresh();dismiss();" type="submit"/ value="Close"> </div>
</div>