ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-18 18:57:01 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Make legend configuration properties reactive (#3889)

Browse Source 
Co-authored-by: Nikhil <nikhil.k.mandlik@nasa.gov>
This commit is contained in:
Shefali Joshi 2021-05-28 13:13:57 -07:00 committed by GitHub
parent ac015c3e45
commit 2c13aeecce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 38 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/plugins/plot/legend/PlotLegend.vue
View File

@ -133,15 +133,29 @@ export default {
},
data() {
return {
isLegendHidden: this.legend.get('hideLegendWhenSmall') !== true,
isLegendExpanded: this.legend.get('expanded') === true,
showTimestampWhenExpanded: this.legend.get('showTimestampWhenExpanded') === true,
showValueWhenExpanded: this.legend.get('showValueWhenExpanded') === true,
showUnitsWhenExpanded: this.legend.get('showUnitsWhenExpanded') === true,
showMinimumWhenExpanded: this.legend.get('showMinimumWhenExpanded') === true,
showMaximumWhenExpanded: this.legend.get('showMaximumWhenExpanded') === true
isLegendExpanded: this.legend.get('expanded') === true
};
},
computed: {
showUnitsWhenExpanded() {
return this.legend.get('showUnitsWhenExpanded') === true;
},
showMinimumWhenExpanded() {
return this.legend.get('showMinimumWhenExpanded') === true;
},
showMaximumWhenExpanded() {
return this.legend.get('showMaximumWhenExpanded') === true;
},
showValueWhenExpanded() {
return this.legend.get('showValueWhenExpanded') === true;
},
showTimestampWhenExpanded() {
return this.legend.get('showTimestampWhenExpanded') === true;
},
isLegendHidden() {
return this.legend.get('hideLegendWhenSmall') === true;
}
},
methods: {
expandLegend() {
this.isLegendExpanded = !this.isLegendExpanded;

22
src/plugins/plot/legend/PlotLegendItemExpanded.vue
View File

@ -94,11 +94,6 @@ export default {
},
data() {
return {
showTimestampWhenExpanded: this.legend.get('showTimestampWhenExpanded'),
showValueWhenExpanded: this.legend.get('showValueWhenExpanded'),
showUnitsWhenExpanded: this.legend.get('showUnitsWhenExpanded'),
showMinimumWhenExpanded: this.legend.get('showMinimumWhenExpanded'),
showMaximumWhenExpanded: this.legend.get('showMaximumWhenExpanded'),
isMissing: false,
colorAsHexString: '',
name: '',
@ -110,6 +105,23 @@ export default {
mctLimitStateClass: ''
};
},
computed: {
showUnitsWhenExpanded() {
return this.legend.get('showUnitsWhenExpanded') === true;
},
showMinimumWhenExpanded() {
return this.legend.get('showMinimumWhenExpanded') === true;
},
showMaximumWhenExpanded() {
return this.legend.get('showMaximumWhenExpanded') === true;
},
showValueWhenExpanded() {
return this.legend.get('showValueWhenExpanded') === true;
},
showTimestampWhenExpanded() {
return this.legend.get('showTimestampWhenExpanded') === true;
}
},
watch: {
highlights(newHighlights) {
const highlightedObject = newHighlights.find(highlight => highlight.series.keyString === this.seriesObject.keyString);