fix: Hovering on a map shows a weird card title when it shouldn't

simwrapper · Dec 17, 2021 · d10c1ce · d10c1ce
1 parent fe4c8b4
commit d10c1ce
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 15 deletions.
diff --git a/src/charts/area.vue b/src/charts/area.vue
@@ -24,7 +24,7 @@ export default class VueComponent extends Vue {
   @Prop({ required: true }) subfolder!: string
   @Prop({ required: true }) files!: string[]
   @Prop({ required: true }) config!: any
-  @Prop({ required: true }) title!: string
+  @Prop({ required: true }) cardTitle!: string
   @Prop() datamanager!: DashboardDataManager
   @Prop() cardId!: string
 
@@ -39,7 +39,7 @@ export default class VueComponent extends Vue {
     this.dataSet = await this.loadData()
     this.updateChart()
 
-    this.options.toImageButtonOptions.filename = buildCleanTitle(this.title, this.subfolder)
+    this.options.toImageButtonOptions.filename = buildCleanTitle(this.cardTitle, this.subfolder)
 
     this.$emit('dimension-resizer', { id: this.cardId, resizer: this.changeDimensions })
     this.$emit('isLoaded')

diff --git a/src/charts/bar.vue b/src/charts/bar.vue
@@ -28,7 +28,7 @@ export default class VueComponent extends Vue {
   @Prop() files!: string[]
   @Prop() datamanager!: DashboardDataManager
   @Prop() cardId!: string
-  @Prop({ required: true }) title!: string
+  @Prop({ required: true }) cardTitle!: string
 
   private globalState = globalStore.state
 
@@ -46,7 +46,7 @@ export default class VueComponent extends Vue {
     this.dataSet = await this.loadData()
     this.updateChart()
 
-    this.options.toImageButtonOptions.filename = buildCleanTitle(this.title, this.subfolder)
+    this.options.toImageButtonOptions.filename = buildCleanTitle(this.cardTitle, this.subfolder)
 
     this.$emit('dimension-resizer', { id: this.cardId, resizer: this.changeDimensions })
     this.$emit('isLoaded')

diff --git a/src/charts/bubble.vue b/src/charts/bubble.vue
@@ -25,7 +25,7 @@ export default class VueComponent extends Vue {
   @Prop({ required: true }) config!: any
   @Prop() datamanager!: DashboardDataManager
   @Prop() cardId!: string
-  @Prop({ required: true }) title!: string
+  @Prop({ required: true }) cardTitle!: string
 
   private globalState = globalStore.state
 
@@ -38,7 +38,7 @@ export default class VueComponent extends Vue {
     this.dataSet = await this.loadData()
     this.updateChart()
 
-    this.options.toImageButtonOptions.filename = buildCleanTitle(this.title, this.subfolder)
+    this.options.toImageButtonOptions.filename = buildCleanTitle(this.cardTitle, this.subfolder)
 
     this.$emit('dimension-resizer', { id: this.cardId, resizer: this.changeDimensions })
     this.$emit('isLoaded')

diff --git a/src/charts/heatmap.vue b/src/charts/heatmap.vue
@@ -26,7 +26,7 @@ export default class VueComponent extends Vue {
   @Prop() datamanager!: DashboardDataManager
   @Prop({ required: false }) zoomed!: boolean
   @Prop() cardId!: string
-  @Prop({ required: true }) title!: string
+  @Prop({ required: true }) cardTitle!: string
 
   private globalState = globalStore.state
 
@@ -39,7 +39,7 @@ export default class VueComponent extends Vue {
     this.dataSet = await this.loadData()
     this.updateChart()
 
-    this.options.toImageButtonOptions.filename = buildCleanTitle(this.title, this.subfolder)
+    this.options.toImageButtonOptions.filename = buildCleanTitle(this.cardTitle, this.subfolder)
 
     this.$emit('dimension-resizer', { id: this.cardId, resizer: this.changeDimensions })
     this.$emit('isLoaded')

diff --git a/src/charts/line.vue b/src/charts/line.vue
@@ -24,7 +24,7 @@ export default class VueComponent extends Vue {
   @Prop({ required: true }) config!: any
   @Prop() datamanager!: DashboardDataManager
   @Prop() cardId!: string
-  @Prop({ required: true }) title!: string
+  @Prop({ required: true }) cardTitle!: string
 
   private globalState = globalStore.state
 
@@ -37,7 +37,7 @@ export default class VueComponent extends Vue {
     this.dataSet = await this.loadData()
     this.updateChart()
 
-    this.options.toImageButtonOptions.filename = buildCleanTitle(this.title, this.subfolder)
+    this.options.toImageButtonOptions.filename = buildCleanTitle(this.cardTitle, this.subfolder)
 
     this.$emit('dimension-resizer', { id: this.cardId, resizer: this.changeDimensions })
     this.$emit('isLoaded')

diff --git a/src/charts/pie.vue b/src/charts/pie.vue
@@ -24,7 +24,7 @@ export default class VueComponent extends Vue {
   @Prop({ required: true }) config!: any
   @Prop() datamanager!: DashboardDataManager
   @Prop() cardId!: string
-  @Prop({ required: true }) title!: string
+  @Prop({ required: true }) cardTitle!: string
 
   private globalState = globalStore.state
 
@@ -38,7 +38,7 @@ export default class VueComponent extends Vue {
     this.dataSet = await this.loadData()
     this.updateChart()
 
-    this.options.toImageButtonOptions.filename = buildCleanTitle(this.title, this.subfolder)
+    this.options.toImageButtonOptions.filename = buildCleanTitle(this.cardTitle, this.subfolder)
 
     this.$emit('dimension-resizer', { id: this.cardId, resizer: this.changeDimensions })
     this.$emit('isLoaded')

diff --git a/src/charts/scatter.vue b/src/charts/scatter.vue
@@ -24,7 +24,7 @@ export default class VueComponent extends Vue {
   @Prop({ required: true }) config!: any
   @Prop() datamanager!: DashboardDataManager
   @Prop() cardId!: string
-  @Prop({ required: true }) title!: string
+  @Prop({ required: true }) cardTitle!: string
 
   private globalState = globalStore.state
 
@@ -37,7 +37,7 @@ export default class VueComponent extends Vue {
     this.dataSet = await this.loadData()
     this.updateChart()
 
-    this.options.toImageButtonOptions.filename = buildCleanTitle(this.title, this.subfolder)
+    this.options.toImageButtonOptions.filename = buildCleanTitle(this.cardTitle, this.subfolder)
 
     this.$emit('dimension-resizer', { id: this.cardId, resizer: this.changeDimensions })
     this.$emit('isLoaded')

diff --git a/src/views/DashBoard.vue b/src/views/DashBoard.vue
@@ -41,8 +41,8 @@
             :datamanager="datamanager"
             :style="{opacity: opacity[card.id]}"
             :cardId="card.id"
+            :cardTitle="card.title"
             :allConfigFiles="allConfigFiles"
-            :title="card.title"
             @isLoaded="handleCardIsLoaded(card)"
             @dimension-resizer="setDimensionResizer"
             @titles="setCardTitles(card, $event)"