default: "<div class=\"form-group\" ng-switch=\"$ctrl.filtrableDataSources.length\">\n <span ng-switch-when=\"0\" translate>No filtrable layer available!</span>\n <select\n class=\"form-control\"\n ng-disabled=\"$ctrl.aRuleIsActive\"\n ng-switch-default\n ng-model=\"$ctrl.gmfDataSourceBeingFiltered.dataSource\"\n ng-options=\"dataSource.name | translate for dataSource in $ctrl.filtrableDataSources\"\n >\n <option value=\"\" translate>-- Layer to filter --</option>\n </select>\n\n <div ng-if=\"$ctrl.customRules && $ctrl.directedRules && $ctrl.readyDataSource\">\n <hr class=\"gmf-filterselector-separator\" />\n\n <div class=\"dropdown gmf-filterselector-savedfilters\">\n <button\n class=\"btn btn-link dropdown-toggle ngeo-filter-condition-button\"\n ng-class=\"{disabled: $ctrl.aRuleIsActive || $ctrl.gmfSavedFilters.currentDataSourceItems.length === 0}\"\n type=\"button\"\n data-toggle=\"dropdown\"\n ng-disabled=\"$ctrl.aRuleIsActive || $ctrl.gmfSavedFilters.currentDataSourceItems.length === 0\"\n >\n <span translate>Saved</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li ng-repeat=\"item in $ctrl.gmfSavedFilters.currentDataSourceItems\">\n <a href ng-click=\"$ctrl.saveFilterLoadItem(item)\">\n <span>{{::item.name}}</span>\n </a>\n </li>\n\n <li role=\"separator\" class=\"divider\"></li>\n <li>\n <a href ng-click=\"$ctrl.saveFilterManage()\">\n <span translate>Manage saved filters</span>\n </a>\n </li>\n </ul>\n </div>\n\n <ngeo-filter\n a-rule-is-active=\"$ctrl.aRuleIsActive\"\n custom-rules=\"$ctrl.customRules\"\n datasource=\"$ctrl.readyDataSource\"\n directed-rules=\"$ctrl.directedRules\"\n feature-overlay=\"$ctrl.featureOverlay\"\n filter-is-applied=\"$ctrl.filterIsApplied\"\n map=\"$ctrl.map\"\n tool-group=\"$ctrl.toolGroup\"\n >\n </ngeo-filter>\n\n <div>\n <button\n class=\"btn btn-link gmf-filterselector-savebtn\"\n type=\"button\"\n ng-click=\"!$ctrl.aRuleIsActive && $ctrl.saveFilterShowModal()\"\n ng-disabled=\"$ctrl.aRuleIsActive\"\n >\n <span class=\"fa fa-save\"></span>\n <span translate>Save</span>\n </button>\n </div>\n </div>\n\n <ngeo-modal ng-model=\"$ctrl.saveFilterSaveModalShown\">\n <div class=\"modal-header ui-draggable-handle\">\n <h4 class=\"modal-title\">{{'Save filter' | translate}}</h4>\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"{{'Close' | translate}}\">\n <span aria-hidden=\"true\">&times;</span>\n </button>\n </div>\n <div class=\"modal-body\">\n <p class=\"gmf-filterselector-savefilter-desc\" translate>\n You can save the filter that you created to re-load it later.\n </p>\n <input\n type=\"text\"\n class=\"form-control\"\n name=\"name\"\n ng-model=\"$ctrl.saveFilterName\"\n placeholder=\"{{'Filter name' | translate}}\"\n />\n </div>\n <div class=\"modal-footer\">\n <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">{{'Cancel' | translate}}</button>\n <button\n type=\"button\"\n ng-click=\"$ctrl.saveFilterSave()\"\n ng-disabled=\"$ctrl.saveFilterName === ''\"\n class=\"btn prime\"\n >\n {{'Save' | translate}}\n </button>\n </div>\n </ngeo-modal>\n\n <ngeo-modal ng-model=\"$ctrl.saveFilterManageModalShown\">\n <div class=\"gmf-filterselector-managefilter-modal\">\n <div class=\"modal-header ui-draggable-handle\">\n <h4 class=\"modal-title\">{{'Manage filters' | translate}}</h4>\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"{{'Close' | translate}}\">\n <span aria-hidden=\"true\">&times;</span>\n </button>\n </div>\n <div class=\"modal-body\">\n <ul>\n <li ng-repeat=\"item in $ctrl.gmfSavedFilters.currentDataSourceItems\">\n <span>{{::item.name}}</span>\n <a href ng-click=\"$ctrl.saveFilterRemoveItem(item)\"> {{ 'Delete' | translate }} </a>\n <div class=\"gmf-eol\"></div>\n </li>\n </ul>\n </div>\n <div class=\"modal-footer\">\n <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">{{'Close' | translate}}</button>\n </div>\n </div>\n </ngeo-modal>\n</div>"