Difference between revisions of "Widget:DCTList"

From LINKS Community Center
Jump to: navigation, search
Line 572: Line 572:
 
             document.getElementById('business-model-filter').innerHTML = pricingFilterHtml;
 
             document.getElementById('business-model-filter').innerHTML = pricingFilterHtml;
  
             const dmUse = ['Yes', 'Yes with Use Case', 'Unknown'];
+
             // const dmUse = ['Yes', 'Use Case', 'Unknown'];
             let dmUseFilterHtml = dmUse.reduce((acc, curr) => {
+
             // let dmUseFilterHtml = dmUse.reduce((acc, curr) => {
                const identifier = escapeAttr(curr);
+
            //    const identifier = escapeAttr(curr);
                return acc
+
            //    return acc
                    + '<div><input type="checkbox" checked id="dm-use-filter-' + identifier
+
            //        + '<div><input type="checkbox" checked id="dm-use-filter-' + identifier
                    + '" value="' + curr + '">'
+
            //        + '" value="' + curr + '">'
                    + '<label for="dm-use-filter-' + identifier + '">' + curr + '</label></div>'
+
            //        + '<label for="dm-use-filter-' + identifier + '">' + curr + '</label></div>'
             }, '');
+
             // }, '');
             document.getElementById('dm-use-filter').innerHTML = dmUseFilterHtml;
+
             // document.getElementById('dm-use-filter').innerHTML = dmUseFilterHtml;
  
 
             // Set up table.
 
             // Set up table.
Line 971: Line 971:
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                 <div class="filter-wrapper">
+
                 <!-- <div class="filter-wrapper">
 
                     <h4 class="filter-toggle">Used by Practitioners <div class="plus icon"></div>
 
                     <h4 class="filter-toggle">Used by Practitioners <div class="plus icon"></div>
 
                     </h4>
 
                     </h4>
Line 980: Line 980:
 
                         </div>
 
                         </div>
 
                         <div class="filter-content" id="dm-use-filter"></div>
 
                         <div class="filter-content" id="dm-use-filter"></div>
 +
                    </div>
 +
                </div> -->
 +
                <div id="bool-filters" style="border-top: 1px solid var(--links-blue)">
 +
                    <div>
 +
                        <input type="checkbox" checked="" id="used-by-practitioners" value="yes">
 +
                        <label for="used-by-practitioners">Used by practitioners</label>
 +
                    </div>
 +
                    <div>
 +
                        <input type="checkbox" checked="" id="has-use-case" value="yes">
 +
                        <label for="used-by-practitioners">Use case available</label>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>

Revision as of 17:28, 7 December 2022

Current version of the DCT List.
Not ready for production!