From f93d5a6fbf17b046efdb2606676173e392e8f733 Mon Sep 17 00:00:00 2001
From: Joel McKinnon <joel.g.mckinnon@nasa.gov>
Date: Thu, 26 Dec 2019 08:25:58 -0800
Subject: [PATCH] skeletal html mockup

---
 .../conditionSet/components/ConditionSet.vue  | 77 +++++++++++++++++--
 1 file changed, 72 insertions(+), 5 deletions(-)

diff --git a/src/plugins/conditionSet/components/ConditionSet.vue b/src/plugins/conditionSet/components/ConditionSet.vue
index 29e5b4d169..321ee8a441 100644
--- a/src/plugins/conditionSet/components/ConditionSet.vue
+++ b/src/plugins/conditionSet/components/ConditionSet.vue
@@ -21,13 +21,80 @@
  *****************************************************************************/
 
 <template>
-<div class="l-condition-set">
-    <!-- content goes here -->
+<div class="c-object-view u-contents">
+    <div class="c-sw-edit w-summary-widget">
+        <div class="c-sw-edit__ui holder">
+            <section class="current-output">
+                <div class="c-sw-edit__ui__header">
+                    <span class="c-disclosure-triangle is-enabled t-view-control-test-data"></span>
+                    <span class="c-sw-edit__ui__header-label">Current Output</span>
+                </div>
+                <div class="t-test-data-config">
+                    <div id="ruleArea"
+                         class="c-sw-editui__rules widget-rules"
+                    >
+                        <span>DATA_PRESENT</span>
+                    </div>
+                </div>
+            </section>
+            <section class="test-data">
+                <div class="c-sw-edit__ui__header">
+                    <span class="c-disclosure-triangle is-enabled t-view-control-test-data c-disclosure-triangle--expanded"></span>
+                    <span class="c-sw-edit__ui__header-label">Test Data</span>
+                </div>
+            </section>
+            <section class="conditions">
+                <div class="c-sw-edit__ui holder l-flex-accordion flex-elem grows widget-edit-holder expanded-widget-rules expanded-widget-test-data">
+                    <div class="flex-accordion-holder t-widget-test-data-content w-widget-test-data-content">
+                        <div class="l-enable">
+                            <label class="checkbox custom">
+                                Apply Test Values
+                                <input type="checkbox"
+                                       class="t-test-data-checkbox"
+                                >
+                            </label>
+                        </div>
+                        <div class="t-test-data-config">
+                            <div class="c-sw-editui__rules widget-rules">
+                                <span>[data]</span>
+                            </div>
+                            <div class="holder add-rule-button-wrapper align-right">
+                                <button
+                                    id="addRule"
+                                    class="c-button c-button--major add-test-condition icon-plus"
+                                >
+                                    <span class="c-button__label">Add Test Value</span>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="c-sw-edit__ui__header">
+                    <span class="c-disclosure-triangle c-disclosure-triangle--expanded is-enabled t-view-control-rules"></span>
+                    <span class="c-sw-edit__ui__header-label">Conditions</span>
+                </div>
+                <div class="t-test-data-config">
+                    <div id="ruleArea"
+                         class="c-sw-editui__rules widget-rules"
+                    >
+                        <span>[data]</span>
+                    </div>
+                    <div class="holder add-rule-button-wrapper align-right">
+                        <button
+                            id="addRule"
+                            class="c-button c-button--major add-rule-button icon-plus"
+                        >
+                            <span class="c-button__label">Add Rule</span>
+                        </button>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </div>
 </div>
 </template>
 
 <script>
-
 export default {
     props: {
         domainObject: {
@@ -40,6 +107,6 @@ export default {
             internalDomainObject: this.domainObject
         };
     },
-    inject: ['openmct', 'objectPath', 'domainObject']
-}
+    inject: ["openmct", "objectPath", "domainObject"]
+};
 </script>