Toolkit.Socialnetwork.Health:Topics/checkboxes: Difference between revisions

Latest revision as of 23:47, 16 July 2024

{{#formlink: form=ResearchNote

    |link text=Add a research note
    |ResearchNote[SubmittedFrom]=Toolkit.Socialnetwork.Health:Topics/checkboxes
  }}

Topics

More

Clear all

{{#arraymap: Active learning, Belonging, Connection to Guides, Consistency, Cohesion, Crisis in Mental Health, Deep Conversations, Disciplinary Incidents, Discovery, Ecological Validity, Environment, Group Cohesion, Help-seeking behaviors, Peer influence, Prevention, Pruning

    |,
    |@@@
    |@@@
    |
  }}

@@ Line 1: / Line 1: @@
-<div id="topics" class="d-flex flex-wrap topics-filter-group"><!--
+<div id="filter-menu" class="d-flex" style="gap:.5rem; margin-bottom: 1rem"><!--
---><span class="clear-filter float-right" style="display:none"></span><!--
+-->{{#formlink: form=ResearchNote
+     |link text=<span class="mw-ui-button mw-ui-progressive">Add a research note</span>
---><h4 class="collapsed mw-ui-button" data-toggle="collapse" data-target="#topics-filter-format" aria-expanded="false">Topic</h4>
+     |ResearchNote[SubmittedFrom]={{FULLPAGENAME}}
-<span class=".clear-filter mw-ui-button">Clear filters</span>
+   }}
-<div id="topics-filter-format" class="pb-4 topic-filters collapse"><!--
+  <div class="dt-usermessage d-flex flex-wrap">
+    <div id="toggle-filters">Topics</div>
+    <div id="monitor"></div>
+  </div>
+  <div id="search-builder" class="mw-ui-button">More</div>
+</div>
+<div id="topics">
+<div id="topics-filter" class="d-none">
+<div class="d-flex" style="width: 100%; margin-bottom: .5rem;">
+  <div class="clear-filter mw-ui-button">Clear all</div>
+  <div id="hide-filters" class="mw-ui-button" style="margin-left: auto"><i class="fa-regular fa-xmark"></i></div>
+</div><!--
 -->{{#arraymap: {{:Project:Topics}}
       |,
       |@@@
-      |{{#widget: input|type=checkbox|name=topic|value=@@@|class=d-flex m-1}}
+      |{{#widget: input|type=checkbox|name=topic|value=@@@|class=d-flex}}
       |
     }}
 </div>
 </div>