topcoat-data / topcoat-public

TopCoat components, visualizations and themes
MIT License
1 stars 3 forks source link

filter section and dropdown #162

Closed gau94rav closed 2 years ago

gau94rav commented 2 years ago

Pitch

This PR adds two new components.

  1. t-filters-dropdown: Shows filter with their respective sections assigned using filter-type prop, clicking on any filter adds the filter to filters state.
  2. t-filters-section: Main container that shows all the selected filters.

Syntax

<t-filters-section>
  <t-select v-show="filters.hasOwnProperty('urlparam1')" label="Type" filter-type="ISSUES" t-layer="layer_1" t-filter:selected_items="urlparam1"  />
  <t-select v-show="filters.hasOwnProperty('urlparam2')" label="Type" filter-type="PROJECTS" t-layer="layer_2" t-filter:selected_items="urlparam2"  />
</t-filters-section>

Important