Widget: DevGuidelines: Difference between revisions
From LINKS Community Center
Cschwentker (talk | contribs) m (Text replacement - "Disaster Management Phase new" to "Disaster Management Phase") |
Cschwentker (talk | contribs) No edit summary |
||
| Line 215: | Line 215: | ||
<!-- FILTERS --> | <!-- FILTERS --> | ||
<div id="filter-bar"> | |||
<div style="display: flex; justify-content: space-between;"> | |||
<div style="flex: 1 1;"> | |||
<h2 style="margin-bottom: 1rem;">Applied Filters</h2> | |||
<div id="filter-summary">No filter. Showing all results.</div> | |||
</div> | |||
<div style="flex: 0 0;"> | |||
<button class="large-button" type="button" onclick="toggleFilter()">Filters</button> | |||
</div> | |||
</div> | |||
<h2 style="margin-top: 2.5rem; margin-bottom: 0;">Results: <span id="result-count"></span></h2> | |||
<div id="dct-filters"> | |||
<h2 style="display: flex; justify-content: space-between;"> | |||
<div> | |||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" viewBox="0 0 96 96"> | |||
<defs> | |||
<clipPath id="b"> | |||
<path d="M592 312h96v96h-96z" /> | |||
</clipPath> | |||
</defs> | |||
<g clip-path="url(#b)" transform="translate(-592 -312)"> | |||
<path | |||
d="M636 356.012v38.011l8-8v-30.011L674 326h-68Zm6.588-1.412-.588.584v30.008l-4 4v-34.008l-.585-.586L610.828 328h58.348Z" /> | |||
</g> | |||
</svg> | |||
<span>Filters</span> | |||
</div> | |||
<a onclick="toggleFilter()" id="close-filter-button">×</a> | |||
</h2> | |||
<div style="text-align: center;"> | |||
<button class="large-button" type="button" onclick="clearFilters()">Clear Filters</button> | |||
</div> | |||
<div class="filter-wrapper"> | |||
<h4>Covers Thematic <span class="filter-toggle"><svg><use href="#chevron-down"/></svg></span></h4> | |||
<div class="filter-container"> | |||
<div class="filter-button-wrapper"> | |||
<button type="button" onclick="selectAll('#functions-filter')">Select all</button> | | |||
<button type="button" onclick="deselectAll('#functions-filter')">Clear all</button> | |||
</div> | |||
<div class="filter-content" id="functions-filter"></div> | |||
</div> | |||
</div> | |||
<div class="filter-wrapper"> | |||
<h4>Audience experience level<span class="filter-toggle"><svg><use href="#chevron-down"/></svg></span></h4> | |||
<div class="filter-container"> | |||
<div class="filter-button-wrapper"> | |||
<button type="button" onclick="selectAll('#data-source-filter')">Select all</button> | | |||
<button type="button" onclick="deselectAll('#data-source-filter')">Clear all</button> | |||
</div> | |||
<div class="filter-content" id="data-source-filter"></div> | |||
</div> | |||
</div> | |||
<div class="filter-wrapper"> | |||
<h4>Language<span class="filter-toggle"><svg><use href="#chevron-down"/></svg></span></h4> | |||
<div class="filter-container"> | |||
<div class="filter-button-wrapper"> | |||
<button type="button" onclick="selectAll('#business-model-filter')">Select all</button> | | |||
<button type="button" onclick="deselectAll('#business-model-filter')">Clear all</button> | |||
</div> | |||
<div class="filter-content" id="business-model-filter"></div> | |||
</div> | |||
</div> | |||
<div class="filter-wrapper"> | |||
<h4>Target audience<span class="filter-toggle"><svg><use href="#chevron-down"/></svg></span></h4> | |||
<div class="filter-container"> | |||
<div class="filter-button-wrapper"> | |||
<button type="button" onclick="selectAll('#dm-use-filter')">Select all</button> | | |||
<button type="button" onclick="deselectAll('#dm-use-filter')">Clear all</button> | |||
</div> | |||
<div class="filter-content" id="dm-use-filter"></div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="guideline-tabulator"></div> | <div id="guideline-tabulator"></div> | ||
</includeonly> | </includeonly> | ||
Revision as of 13:22, 22 November 2022
Development version of the List of Guidelines.
Not ready for production!