<configcmd  open-config="openConfig()"></configcmd>
<div class="dashboardwidget">
	<div class="row">
		<div class="form-group globalCfg col-xs-12">
			<div class="col-xs-1 smallmarginTop">
				<i
					class="fa {{allPanelHidden ? 'fa-plus-square-o' : 'fa-minus-square-o'}}"
					ng-click="toggleAllPanels()"
				></i>
			</div>
		</div>
	</div>
	<div class="row marginTop">
		<div class="col-md-12">
			<div class="col-md-10 col-md-offset-1">
				<div class="searchHpo">
					<span class="fa fa-filter"></span>
					<input
						title="{{ 'common.cancelFilter' | translate }}"
						type="text"
						ng-model="search.filterLayers"
						class="form-control"
						placeholder="{{ 'common.filterbykey' | translate }}"
						ng-keydown="onFilterKeydown($event)"
						ng-keyup="onFilterKeyup()"
					/>
					<a ng-show="search.filterLayers.length > 0" ng-click="resetFilter()">
						<span class="fa fa-times-circle"></span>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="inner_lmw_FilterLayers marginTop">
		<div ng-repeat="group in grouplayersNames | orderBy">
			<div class="layerGroup">
				<h4 class="title clearfix">
					<div class="expand">
						<i
							class="fa {{hiddenPanels[group] ? 'fa-plus-square-o': 'fa-minus-square-o'}}"
							ng-click="toggleGroup(group)"
						></i>
					</div>
					<span>{{group}}</span>
				</h4>
				<ul class="items" ng-if="!hiddenPanels[group]">
					<li
						ng-repeat="indicator in grouplayers[group] | filter:search.filterLayers | orderBy: 'id'"
						class="row clearfix">
						<div class="col-xs-11 layername">
							<span>{{indicator.id | translate}}</span>
						</div>
						<div class="pull-right col-xs-1">
						<span
							class="action"
							ng-attr-title="{{('dashBoard.showDetails' | translate) + ' ' + indicator.id}}"
							ng-click="showIndicatorDetails(indicator.id)"
						>
							<i class="fa fa-pencil-square-o"></i>
						</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
