<!DOCTYPE html><html class="default" lang="en"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>default | ngeo</title><meta name="description" content="Documentation for ngeo"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">ngeo</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../index.html">ngeo</a></li><li><a href="../modules/src_filters_filterselectorcomponent_html.html">src/filters/filterselectorcomponent.html</a></li><li><a href="src_filters_filterselectorcomponent_html.default.html">default</a></li></ul><h1>Variable default</h1></div><div class="tsd-signature"><span class="tsd-kind-variable">default</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;&lt;div class=\&quot;form-group\&quot; ng-switch=\&quot;$ctrl.filtrableDataSources.length\&quot;&gt;\n  &lt;span ng-switch-when=\&quot;0\&quot; translate&gt;No filtrable layer available!&lt;/span&gt;\n  &lt;select\n    class=\&quot;form-control\&quot;\n    ng-disabled=\&quot;$ctrl.aRuleIsActive\&quot;\n    ng-switch-default\n    ng-model=\&quot;$ctrl.gmfDataSourceBeingFiltered.dataSource\&quot;\n    ng-options=\&quot;dataSource.name | translate for dataSource in $ctrl.filtrableDataSources\&quot;\n  &gt;\n    &lt;option value=\&quot;\&quot; translate&gt;-- Layer to filter --&lt;/option&gt;\n  &lt;/select&gt;\n\n  &lt;div ng-if=\&quot;$ctrl.customRules &amp;&amp; $ctrl.directedRules &amp;&amp; $ctrl.readyDataSource\&quot;&gt;\n    &lt;hr class=\&quot;gmf-filterselector-separator\&quot; /&gt;\n\n    &lt;div class=\&quot;dropdown gmf-filterselector-savedfilters\&quot;&gt;\n      &lt;button\n        class=\&quot;btn btn-link dropdown-toggle ngeo-filter-condition-button\&quot;\n        ng-class=\&quot;{disabled: $ctrl.aRuleIsActive || $ctrl.gmfSavedFilters.currentDataSourceItems.length === 0}\&quot;\n        type=\&quot;button\&quot;\n        data-toggle=\&quot;dropdown\&quot;\n        ng-disabled=\&quot;$ctrl.aRuleIsActive || $ctrl.gmfSavedFilters.currentDataSourceItems.length === 0\&quot;\n      &gt;\n        &lt;span translate&gt;Saved&lt;/span&gt;\n      &lt;/button&gt;\n      &lt;ul class=\&quot;dropdown-menu\&quot;&gt;\n        &lt;li ng-repeat=\&quot;item in $ctrl.gmfSavedFilters.currentDataSourceItems\&quot;&gt;\n          &lt;a href ng-click=\&quot;$ctrl.saveFilterLoadItem(item)\&quot;&gt;\n            &lt;span&gt;{{::item.name}}&lt;/span&gt;\n          &lt;/a&gt;\n        &lt;/li&gt;\n\n        &lt;li role=\&quot;separator\&quot; class=\&quot;divider\&quot;&gt;&lt;/li&gt;\n        &lt;li&gt;\n          &lt;a href ng-click=\&quot;$ctrl.saveFilterManage()\&quot;&gt;\n            &lt;span translate&gt;Manage saved filters&lt;/span&gt;\n          &lt;/a&gt;\n        &lt;/li&gt;\n      &lt;/ul&gt;\n    &lt;/div&gt;\n\n    &lt;ngeo-filter\n      a-rule-is-active=\&quot;$ctrl.aRuleIsActive\&quot;\n      custom-rules=\&quot;$ctrl.customRules\&quot;\n      datasource=\&quot;$ctrl.readyDataSource\&quot;\n      directed-rules=\&quot;$ctrl.directedRules\&quot;\n      feature-overlay=\&quot;$ctrl.featureOverlay\&quot;\n      filter-is-applied=\&quot;$ctrl.filterIsApplied\&quot;\n      map=\&quot;$ctrl.map\&quot;\n      tool-group=\&quot;$ctrl.toolGroup\&quot;\n    &gt;\n    &lt;/ngeo-filter&gt;\n\n    &lt;div&gt;\n      &lt;button\n        class=\&quot;btn btn-link gmf-filterselector-savebtn\&quot;\n        type=\&quot;button\&quot;\n        ng-click=\&quot;!$ctrl.aRuleIsActive &amp;&amp; $ctrl.saveFilterShowModal()\&quot;\n        ng-disabled=\&quot;$ctrl.aRuleIsActive\&quot;\n      &gt;\n        &lt;span class=\&quot;fa fa-save\&quot;&gt;&lt;/span&gt;\n        &lt;span translate&gt;Save&lt;/span&gt;\n      &lt;/button&gt;\n    &lt;/div&gt;\n  &lt;/div&gt;\n\n  &lt;ngeo-modal ng-model=\&quot;$ctrl.saveFilterSaveModalShown\&quot;&gt;\n    &lt;div class=\&quot;modal-header ui-draggable-handle\&quot;&gt;\n      &lt;h4 class=\&quot;modal-title\&quot;&gt;{{&#39;Save filter&#39; | translate}}&lt;/h4&gt;\n      &lt;button type=\&quot;button\&quot; class=\&quot;close\&quot; data-dismiss=\&quot;modal\&quot; aria-label=\&quot;{{&#39;Close&#39; | translate}}\&quot;&gt;\n        &lt;span aria-hidden=\&quot;true\&quot;&gt;&amp;times;&lt;/span&gt;\n      &lt;/button&gt;\n    &lt;/div&gt;\n    &lt;div class=\&quot;modal-body\&quot;&gt;\n      &lt;p class=\&quot;gmf-filterselector-savefilter-desc\&quot; translate&gt;\n        You can save the filter that you created to re-load it later.\n      &lt;/p&gt;\n      &lt;input\n        type=\&quot;text\&quot;\n        class=\&quot;form-control\&quot;\n        name=\&quot;name\&quot;\n        ng-model=\&quot;$ctrl.saveFilterName\&quot;\n        placeholder=\&quot;{{&#39;Filter name&#39; | translate}}\&quot;\n      /&gt;\n    &lt;/div&gt;\n    &lt;div class=\&quot;modal-footer\&quot;&gt;\n      &lt;button type=\&quot;button\&quot; class=\&quot;btn btn-default\&quot; data-dismiss=\&quot;modal\&quot;&gt;{{&#39;Cancel&#39; | translate}}&lt;/button&gt;\n      &lt;button\n        type=\&quot;button\&quot;\n        ng-click=\&quot;$ctrl.saveFilterSave()\&quot;\n        ng-disabled=\&quot;$ctrl.saveFilterName === &#39;&#39;\&quot;\n        class=\&quot;btn prime\&quot;\n      &gt;\n        {{&#39;Save&#39; | translate}}\n      &lt;/button&gt;\n    &lt;/div&gt;\n  &lt;/ngeo-modal&gt;\n\n  &lt;ngeo-modal ng-model=\&quot;$ctrl.saveFilterManageModalShown\&quot;&gt;\n    &lt;div class=\&quot;gmf-filterselector-managefilter-modal\&quot;&gt;\n      &lt;div class=\&quot;modal-header ui-draggable-handle\&quot;&gt;\n        &lt;h4 class=\&quot;modal-title\&quot;&gt;{{&#39;Manage filters&#39; | translate}}&lt;/h4&gt;\n        &lt;button type=\&quot;button\&quot; class=\&quot;close\&quot; data-dismiss=\&quot;modal\&quot; aria-label=\&quot;{{&#39;Close&#39; | translate}}\&quot;&gt;\n          &lt;span aria-hidden=\&quot;true\&quot;&gt;&amp;times;&lt;/span&gt;\n        &lt;/button&gt;\n      &lt;/div&gt;\n      &lt;div class=\&quot;modal-body\&quot;&gt;\n        &lt;ul&gt;\n          &lt;li ng-repeat=\&quot;item in $ctrl.gmfSavedFilters.currentDataSourceItems\&quot;&gt;\n            &lt;span&gt;{{::item.name}}&lt;/span&gt;\n            &lt;a href ng-click=\&quot;$ctrl.saveFilterRemoveItem(item)\&quot;&gt; {{ &#39;Delete&#39; | translate }} &lt;/a&gt;\n            &lt;div class=\&quot;gmf-eol\&quot;&gt;&lt;/div&gt;\n          &lt;/li&gt;\n        &lt;/ul&gt;\n      &lt;/div&gt;\n      &lt;div class=\&quot;modal-footer\&quot;&gt;\n        &lt;button type=\&quot;button\&quot; class=\&quot;btn btn-default\&quot; data-dismiss=\&quot;modal\&quot;&gt;{{&#39;Close&#39; | translate}}&lt;/button&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n  &lt;/ngeo-modal&gt;\n&lt;/div&gt;&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/camptocamp/ngeo/blob/f3fb8f949d3216ab78e948886cad0b6e4bf84075/src/filters/filterselectorcomponent.html.js#L22">src/filters/filterselectorcomponent.html.js:22</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>ngeo</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
