added unit column hiding in telemetry tables, added units to lad tables and sets

src/plugins/LADTable/components/LADRow.vue

@@ -32,6 +32,12 @@
         class="js-third-data"
         :class="valueClass"
     >{{ value }}</td>
+    <td 
+        v-if="hasUnits"
+        class="js-units"
+    >
+        {{ unit }}
+    </td>
 </tr>
 </template>
 
@@ -48,6 +54,10 @@ export default {
         domainObject: {
             type: Object,
             required: true
+        },
+        hasUnits: {
+            type: Boolean,
+            requred: true
         }
     },
     data() {
@@ -59,7 +69,8 @@ export default {
             timestamp: undefined,
             value: '---',
             valueClass: '',
-            currentObjectPath
+            currentObjectPath,
+            unit: ''
         }
     },
     computed: {
@@ -101,6 +112,10 @@ export default {
             .subscribe(this.domainObject, this.updateValues);
 
         this.requestHistory();
+
+        if(this.hasUnits) {
+            this.setUnit();
+        }
     },
     destroyed() {
         this.stopWatchingMutation();
@@ -185,6 +200,9 @@ export default {
                 console.warn(`No formatter for ${this.timestampKey} time system for ${this.domainObject.name}.`);
                 return false;
             }
+        },
+        setUnit() {
+            this.unit = this.valueMetadata.unit || '';
         }
     }
 }

src/plugins/LADTable/components/LADTable.vue

@@ -28,6 +28,7 @@
                 <th>Name</th>
                 <th>Timestamp</th>
                 <th>Value</th>
+                <th v-if="hasUnits">Unit</th>
             </tr>
         </thead>
         <tbody>
@@ -35,6 +36,7 @@
                 v-for="item in items"
                 :key="item.key"
                 :domain-object="item.domainObject"
+                :has-units="hasUnits"
             />
         </tbody>
     </table>
@@ -51,7 +53,8 @@ export default {
     },
     data() {
         return {
-            items: []
+            items: [],
+            hasUnits: false
         }
     },
     mounted() {
@@ -73,6 +76,9 @@ export default {
             item.key = this.openmct.objects.makeKeyString(domainObject.identifier);
 
             this.items.push(item);
+            if(!this.hasUnits) {
+                this.checkForUnits(domainObject);
+            }
         },
         removeItem(identifier) {
             let index = this.items.findIndex(item => this.openmct.objects.makeKeyString(identifier) === item.key);
@@ -84,6 +90,15 @@ export default {
             reorderPlan.forEach((reorderEvent) => {
                 this.$set(this.items, reorderEvent.newIndex, oldItems[reorderEvent.oldIndex]);
             });
+        },
+        checkForUnits(domainObject) {
+            let metadata = this.openmct.telemetry.getMetadata(domainObject);
+            metadata.valueMetadatas.forEach((metadatum) => {
+                if(metadatum.unit) {
+                    this.hasUnits = true;
+                    return;
+                }
+            });
         }
     }
 }

src/plugins/LADTable/components/LadTableSet.vue

@@ -27,6 +27,7 @@
             <th>Name</th>
             <th>Timestamp</th>
             <th>Value</th>
+            <th v-if="hasUnits">Unit</th>
         </tr>
     </thead>
     <tbody>
@@ -45,6 +46,7 @@
                 v-for="secondary in secondaryTelemetryObjects[primary.key]"
                 :key="secondary.key"
                 :domain-object="secondary.domainObject"
+                :has-units="hasUnits"
             />
         </template>
     </tbody>
@@ -63,7 +65,8 @@ export default {
         return {
             primaryTelemetryObjects: [],
             secondaryTelemetryObjects: {},
-            compositions: []
+            compositions: [],
+            hasUnits: false
         }
     },
     mounted() {
@@ -108,6 +111,7 @@ export default {
             this.$set(this.secondaryTelemetryObjects, primary.key, undefined);
             this.primaryTelemetryObjects.splice(index,1);
             primary = undefined;
+            this.checkForUnits();
         },
         reorderPrimary(reorderPlan) {
             let oldComposition = this.primaryTelemetryObjects.slice();
@@ -125,6 +129,9 @@ export default {
                 array.push(secondary);
 
                 this.$set(this.secondaryTelemetryObjects, primary.key, array);
+                if(!this.hasUnits) {
+                    this.checkForUnits(domainObject);
+                }
             }
         },
         removeSecondary(primary) {
@@ -135,7 +142,25 @@ export default {
                 array.splice(index, 1);
 
                 this.$set(this.secondaryTelemetryObjects, primary.key, array);
+                this.checkForUnits();
             }
+        },
+        checkForUnits() {
+            let hasUnits = false;
+            for(let telemetryObject in this.secondaryTelemetryObjects) {
+                if(this.secondaryTelemetryObjects[telemetryObject]) {
+                    let objects = this.secondaryTelemetryObjects[telemetryObject];
+                    for(let current of objects) {
+                        let metadata = this.openmct.telemetry.getMetadata(current.domainObject);
+                        for(let metadatum of metadata.valueMetadatas) {
+                            if(metadatum.unit) {
+                                hasUnits = true;
+                            }
+                        };
+                    }
+                }
+            }
+            this.hasUnits = hasUnits;
         }
     }
 }