Add toggles re #1305

archesproject · Oct 25, 2023 · 99eec1f · 99eec1f
1 parent ac5cddc
commit 99eec1f
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 0 deletions.
diff --git a/arches_for_science/media/css/project.css b/arches_for_science/media/css/project.css
@@ -100,6 +100,27 @@
     padding-right: 5px;
 }
 
+.child-exclusion {
+    display: inline-flex;
+    flex-direction: row;
+    justify-content: center;
+    margin-left: 10px;
+}
+
+.child-exclusion .toggle-container {
+    padding-bottom: 0px;
+    display: inline-flex;
+}
+
+.child-exclusion .toggle-container .arches-toggle-sm {
+    margin: 0;
+    color: #888;
+}
+
+.child-exclusion .toggle-container .arches-toggle-subtitle {
+    display: none;
+}
+
 .object-search-step .search-results-footer {
     height: 55px;
     background-color: #f3f3f3;

diff --git a/...or_science/media/js/views/components/workflows/create-project-workflow/add-things-step.js b/...or_science/media/js/views/components/workflows/create-project-workflow/add-things-step.js
@@ -429,6 +429,13 @@ define([
             self.updateSearchResults(self.termFilter(), query['paging-filter']);
         });
 
+        this.includeSamples.subscribe(function(val) {
+            self.updateSearchResults(self.termFilter());
+        });
+        this.includeAnalysisAreas.subscribe(function(val) {
+            self.updateSearchResults(self.termFilter());
+        });
+
         this.initialize();
 
         this.stripTags = (original) => {

diff --git a/..._science/templates/views/components/workflows/create-project-workflow/add-things-step.htm b/..._science/templates/views/components/workflows/create-project-workflow/add-things-step.htm
@@ -6,6 +6,34 @@
         <div class="workflow-search-count">
             <div class="count-number" data-bind="text: totalResults()"></div><div>Physical Things</div>
         </div>
+        <div class="child-exclusion">
+            <div
+            data-bind="
+                component: {
+                    name: 'views/components/simple-switch',
+                    params: {
+                        value: includeSamples,
+                        config: {
+                            label: 'Include samples',
+                        }
+                    }
+                }
+            "
+            ></div>
+            <div
+                data-bind="
+                    component: {
+                        name: 'views/components/simple-switch',
+                        params: {
+                            value: includeAnalysisAreas,
+                            config: {
+                                label: 'Include analysis areas',
+                            }
+                        }
+                    }
+                "
+            ></div>
+        </div>
     </div>
     <div class="workflow-search-results">
         <div class="workflow-search-results-full-container">