Widget: DCTList: Difference between revisions

Revision as of 12:19, 13 September 2022

Development verstion of the DCT List.
Not ready for production!

@@ Line 463: / Line 463: @@
              }, '');
              document.getElementById('business-model-filter').innerHTML = bModelFilterHtml;
+            const dmUse = ['Yes', 'Yes with Use Case', 'Unknown'];
+            let dmUseFilterHtml = dmUse.reduce((acc, curr) => {
+                const identifier = escapeAttr(curr);
+                return acc
+                    + '<div><input type="checkbox" checked id="dm-use-filter-' + identifier
+                    + '" value="' + curr + '">'
+                    + '<label for="dm-use-filter-' + identifier + '">' + curr + '</label></div>'
+            }, '');
+            document.getElementById('dm-use-filter').innerHTML = dmUseFilterHtml;
              // Set up table.
@@ Line 753: / Line 763: @@
                      </div>
                      <div class="filter-content" id="business-model-filter"></div>
+                </div>
+                <div class="filter-wrapper">
+                    <h3>Use in DM</h3>
+                    <div class="filter-button-wrapper">
+                        <button type="button" onclick="selectAll('#dm-use-filter')">Select all</button> |
+                        <button type="button" onclick="deselectAll('#dm-use-filter')">Deselect all</button>
+                    </div>
+                    <div class="filter-content" id="dm-use-filter"></div>
                  </div>
              </div>