From ca6cf50b7f39b7cf35198a262903bb0c960749d9 Mon Sep 17 00:00:00 2001
From: Nick Gottlieb <ngottlieb@gmail.com>
Date: Wed, 18 Dec 2024 14:47:58 -0800
Subject: [PATCH] add gauge comment to correlation details component and flow
 tab

---
 .../edit-flows/components/correlation-details.vue    | 12 +++++++++++-
 .../river-detail/components/flow-tab/flow-tab.vue    |  5 +++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/app/views/river-detail/components/edit-flows/components/correlation-details.vue b/src/app/views/river-detail/components/edit-flows/components/correlation-details.vue
index cd650943..4af225f0 100644
--- a/src/app/views/river-detail/components/edit-flows/components/correlation-details.vue
+++ b/src/app/views/river-detail/components/edit-flows/components/correlation-details.vue
@@ -67,10 +67,17 @@
 
       <div class="correlation-fields">
         <div>
-          <label for="isPrimary" class="bx--label">Primary Gauge</label>
+          <label for="isPrimary" class="bx--label">Primary gauge</label>
           <input v-model="isPrimary" type="checkbox" :disabled="!editing" >
         </div>
 
+        <div class="mb-spacing-sm">
+          <cv-text-input v-if="editing" v-model="comment" label="Correlation comment:" class="correlation-comment" />
+          <template v-else-if="comment">
+            <label for="comment" class="bx--label">Correlation comment:</label>
+            <p v-text="comment" />
+          </template>
+        </div>
 
         <hr>
 
@@ -195,6 +202,7 @@ export default {
         beginHighRunnable: null,
         endHighRunnable: null,
       },
+      comment: null,
       isPrimary: undefined,
       saving: false,
       errors: [],
@@ -276,6 +284,7 @@ export default {
         gaugeSource: this.correlation?.gaugeInfo.gaugeSource,
         gaugeSourceIdentifier: this.correlation?.gaugeInfo.gaugeSourceIdentifier,
         forcePrimary: this.isPrimary ? 'force-primary' : null,
+        comment: this.comment,
         correlationDetails: processedDetails || null
       }
     },
@@ -394,6 +403,7 @@ export default {
       }
 
       this.isPrimary = this.correlation.isPrimary;
+      this.comment = this.correlation.comment;
     }
   }
 }
diff --git a/src/app/views/river-detail/components/flow-tab/flow-tab.vue b/src/app/views/river-detail/components/flow-tab/flow-tab.vue
index 06c69deb..a21799a2 100644
--- a/src/app/views/river-detail/components/flow-tab/flow-tab.vue
+++ b/src/app/views/river-detail/components/flow-tab/flow-tab.vue
@@ -97,6 +97,11 @@
                         <cv-skeleton-text headline/>
                       </template>
                       <template v-else>
+                        <div v-if="gauge.comment" class="gauge-comment bx--tile bx--type-caption">
+                          <label class="bx--label">Correlation comment</label>
+                          <br>
+                          <span v-text="gauge.comment" />
+                        </div>
                         <div v-if="gauge.gaugeInfo.externalSourceLinks" class="gauge-links">
                           <h6 class="mb-spacing-sm">View at source:</h6>
                           <cv-link v-if="gauge.gaugeInfo.externalSourceLinks.sourceLink"