Difference between revisions of "Widget:DevGuidelines"

From LINKS Community Center
Jump to: navigation, search
Line 309: Line 309:
  
 
             // Listen for changes in filter checkbox state.
 
             // Listen for changes in filter checkbox state.
−
             document.getElementById('data-source-filter').addEventListener('change', event => {
+
             document.getElementById('thematic-filter').addEventListener('change', event => {
 
                 applyFilters();
 
                 applyFilters();
 
             }, { passive: true });
 
             }, { passive: true });
−
             document.getElementById('functions-filter').addEventListener('change', event => {
+
             document.getElementById('audience-experience').addEventListener('change', event => {
 
                 applyFilters();
 
                 applyFilters();
 
             }, { passive: true });
 
             }, { passive: true });
−
             document.getElementById('business-model-filter').addEventListener('change', event => {
+
             document.getElementById('language-filter').addEventListener('change', event => {
 
                 applyFilters();
 
                 applyFilters();
 
             }, { passive: true });
 
             }, { passive: true });
−
             document.getElementById('dm-use-filter').addEventListener('change', event => {
+
             document.getElementById('target-audience-filte').addEventListener('change', event => {
 
                 applyFilters();
 
                 applyFilters();
 
             }, { passive: true });
 
             }, { passive: true });
Line 339: Line 339:
  
 
         function clearFilters() {
 
         function clearFilters() {
−
             document.querySelectorAll('#dct-filters input[type="checkbox').forEach(checkbox => checkbox.checked = checkbox.defaultChecked);
+
             document.querySelectorAll('#gl-filters input[type="checkbox').forEach(checkbox => checkbox.checked = checkbox.defaultChecked);
 
             applyFilters(true);
 
             applyFilters(true);
 
         }
 
         }
  
 
         function toggleFilter() {
 
         function toggleFilter() {
−
             document.getElementById('dct-filters').classList.toggle('open');
+
             document.getElementById('gl-filters').classList.toggle('open');
 
         }
 
         }
 
     </script>
 
     </script>
Line 420: Line 420:
 
                 <div class="filter-container">
 
                 <div class="filter-container">
 
                     <div class="filter-button-wrapper">
 
                     <div class="filter-button-wrapper">
−
                         <button type="button" onclick="selectAll('#functions-filter')">Select all</button> |
+
                         <button type="button" onclick="selectAll('#thematic-filter')">Select all</button> |
−
                         <button type="button" onclick="deselectAll('#functions-filter')">Clear all</button>
+
                         <button type="button" onclick="deselectAll('#thematic-filter')">Clear all</button>
 
                     </div>
 
                     </div>
−
                     <div class="filter-content" id="functions-filter"></div>
+
                     <div class="filter-content" id="thematic-filter"></div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 430: Line 430:
 
                 <div class="filter-container">
 
                 <div class="filter-container">
 
                     <div class="filter-button-wrapper">
 
                     <div class="filter-button-wrapper">
−
                         <button type="button" onclick="selectAll('#data-source-filter')">Select all</button> |
+
                         <button type="button" onclick="selectAll('#audience-experience-filter')">Select all</button> |
−
                         <button type="button" onclick="deselectAll('#data-source-filter')">Clear all</button>
+
                         <button type="button" onclick="deselectAll('#audience-experience-filter')">Clear all</button>
 
                     </div>
 
                     </div>
−
                     <div class="filter-content" id="data-source-filter"></div>
+
                     <div class="filter-content" id="audience-experience-filter"></div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 440: Line 440:
 
                 <div class="filter-container">
 
                 <div class="filter-container">
 
                     <div class="filter-button-wrapper">
 
                     <div class="filter-button-wrapper">
−
                         <button type="button" onclick="selectAll('#business-model-filter')">Select all</button> |
+
                         <button type="button" onclick="selectAll('#language-filter')">Select all</button> |
−
                         <button type="button" onclick="deselectAll('#business-model-filter')">Clear all</button>
+
                         <button type="button" onclick="deselectAll('#language-filter')">Clear all</button>
 
                     </div>
 
                     </div>
−
                     <div class="filter-content" id="business-model-filter"></div>
+
                     <div class="filter-content" id="language-filter"></div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 450: Line 450:
 
                 <div class="filter-container">
 
                 <div class="filter-container">
 
                     <div class="filter-button-wrapper">
 
                     <div class="filter-button-wrapper">
−
                         <button type="button" onclick="selectAll('#dm-use-filter')">Select all</button> |
+
                         <button type="button" onclick="selectAll('#target-audience-filter')">Select all</button> |
−
                         <button type="button" onclick="deselectAll('#dm-use-filter')">Clear all</button>
+
                         <button type="button" onclick="deselectAll('#target-audience-filter')">Clear all</button>
 
                     </div>
 
                     </div>
−
                     <div class="filter-content" id="dm-use-filter"></div>
+
                     <div class="filter-content" id="target-audience-filter"></div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 15:01, 22 November 2022

Development version of the List of Guidelines.
Not ready for production!

Retrieved from "https://links.communitycenter.eu/index.php?title=Widget:DevGuidelines&oldid=8514"