Jamie hide unnecessary run buttons in workflow (#1580)

Co-authored-by: Tom Szendrey <[email protected]>
DARPA-ASKEM · Aug 1, 2023 · f82b328 · f82b328
1 parent 1e4b95c
commit f82b328
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/packages/client/hmi-client/src/components/workflow/tera-calibrate-ensemble-node-ciemss.vue b/packages/client/hmi-client/src/components/workflow/tera-calibrate-ensemble-node-ciemss.vue
@@ -1,5 +1,5 @@
 <template>
- <div>
+ <div v-if="!disableRunButton">
  <Button
  size="small"
  label="Run"
@@ -30,7 +30,7 @@
  <section v-else class="result-container">
  <div class="invalid-block" v-if="node.statusCode === WorkflowStatus.INVALID">
  <img class="image" src="@assets/svg/plants.svg" alt="" />
- <p>Configure in side panel</p>
+ <p class="helpMessage">Configure in side panel</p>
  </div>
  </section>
  </section>
@@ -231,7 +231,10 @@ section {
  padding: 10px;
  background: var(--surface-overlay);
 }
-
+.helpMessage {
+ color: var(--text-color-subdued);
+ font-size: var(--font-caption);
+}
 .result-container {
  align-items: center;
 }

diff --git a/packages/client/hmi-client/src/components/workflow/tera-calibration-node-ciemss.vue b/packages/client/hmi-client/src/components/workflow/tera-calibration-node-ciemss.vue
@@ -89,6 +89,7 @@
  </p>
  </section>
  <Button
+ v-if="modelConfigId && datasetId"
  class="p-button-sm run-button"
  label="Run"
  icon="pi pi-play"

diff --git a/packages/client/hmi-client/src/components/workflow/tera-calibration-node-julia.vue b/packages/client/hmi-client/src/components/workflow/tera-calibration-node-julia.vue
@@ -92,6 +92,7 @@
  </p>
  </section>
  <Button
+ v-if="modelConfigId && datasetId"
  class="p-button-sm run-button"
  label="Run"
  icon="pi pi-play"

diff --git a/packages/client/hmi-client/src/components/workflow/tera-simulate-ensemble-node-ciemss.vue b/packages/client/hmi-client/src/components/workflow/tera-simulate-ensemble-node-ciemss.vue
@@ -1,5 +1,5 @@
 <template>
- <div>
+ <div v-if="!disableRunButton">
  <Button
  size="small"
  label="Run"
@@ -30,7 +30,7 @@
  <section v-else class="result-container">
  <div class="invalid-block" v-if="node.statusCode === WorkflowStatus.INVALID">
  <img class="image" src="@assets/svg/plants.svg" alt="" />
- <p>Configure in side panel</p>
+ <p class="helpMessage">Configure in side panel</p>
  </div>
  </section>
  </section>
@@ -201,6 +201,10 @@ section {
  background: var(--surface-overlay);
 }
 
+.helpMessage {
+ color: var(--text-color-subdued);
+ font-size: var(--font-caption);
+}
 .result-container {
  align-items: center;
 }