From 3cdce2f7b1ead9bfb35289559dc1d6080c95c02a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Thu, 1 Dec 2022 16:24:52 +0100
Subject: [PATCH] Add open in chart builder button to chart page block
 configurator

---
 .../PageBlocks/ChartConfigurator.vue          | 21 +++++++++++++++++--
 locale/en/corteza-webapp-compose/block.yaml   |  1 +
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/client/web/compose/src/components/PageBlocks/ChartConfigurator.vue b/client/web/compose/src/components/PageBlocks/ChartConfigurator.vue
index ad5c3b147..3757abf63 100644
--- a/client/web/compose/src/components/PageBlocks/ChartConfigurator.vue
+++ b/client/web/compose/src/components/PageBlocks/ChartConfigurator.vue
@@ -5,11 +5,20 @@
     >
       <b-form-select
         v-model="block.options.chartID"
-        :options="options"
+        :options="chartOptions"
         text-field="name"
         value-field="chartID"
       />
     </b-form-group>
+
+    <b-button
+      v-if="selectedChart"
+      :disabled="!selectedChart.canUpdateChart && !selectedChart.canDeleteChart"
+      variant="light"
+      :to="{ name: 'admin.charts.edit', params: { chartID: selectedChart.chartID }, query: null }"
+    >
+      {{ $t('chart.openInBuilder') }}
+    </b-button>
   </b-tab>
 </template>
 <script>
@@ -31,12 +40,20 @@ export default {
       charts: 'chart/set',
     }),
 
-    options () {
+    chartOptions () {
       return [
         { chartID: NoID, name: this.$t('chart.pick') },
         ...this.charts,
       ]
     },
+
+    selectedChart () {
+      if (!this.options.chartID || this.options.chartID === NoID) {
+        return
+      }
+
+      return this.chartOptions.find(({ chartID }) => chartID === this.options.chartID)
+    },
   },
 }
 </script>
diff --git a/locale/en/corteza-webapp-compose/block.yaml b/locale/en/corteza-webapp-compose/block.yaml
index 6657e0127..c0d4f868b 100644
--- a/locale/en/corteza-webapp-compose/block.yaml
+++ b/locale/en/corteza-webapp-compose/block.yaml
@@ -97,6 +97,7 @@ chart:
   preview:
     chartId: Chart preview (ID {{0}})
   searchPlaceholder: Type here to search all charts in this namespace
+  openInBuilder: Open in chart builder
 content:
   ok: Ok
   label: Content