From e9640b7dd770bd7d3867fe35081a9b652995feda Mon Sep 17 00:00:00 2001
From: StephanH90 <88476449+StephanH90@users.noreply.github.com>
Date: Thu, 25 Jan 2024 16:11:09 +0100
Subject: [PATCH] feat(form-builder): allow editing of form meta (#2597)

---
 .../cfb-form-editor/cfb-advanced-settings.hbs   | 16 ++++++++++++++++
 .../cfb-form-editor/cfb-advanced-settings.js    |  6 ++++++
 .../components/cfb-form-editor/general.hbs      |  8 ++++++++
 .../addon/components/cfb-form-editor/general.js |  3 +++
 .../components/cfb-form-editor/question.hbs     | 17 ++---------------
 .../addon/gql/fragments/form-info.graphql       |  1 +
 .../cfb-form-editor/cfb-advanced-settings.js    |  1 +
 7 files changed, 37 insertions(+), 15 deletions(-)
 create mode 100644 packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.hbs
 create mode 100644 packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.js
 create mode 100644 packages/form-builder/app/components/cfb-form-editor/cfb-advanced-settings.js

diff --git a/packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.hbs b/packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.hbs
new file mode 100644
index 000000000..3fd9ab528
--- /dev/null
+++ b/packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.hbs
@@ -0,0 +1,16 @@
+<UkButton
+  @color="link"
+  @onClick={{toggle-action "showAdvanced" this}}
+  class="uk-flex uk-flex-middle uk-margin"
+>
+  {{#if this.showAdvanced}}
+    <UkIcon @icon="triangle-down" />
+  {{else}}
+    <UkIcon @icon="triangle-right" />
+  {{/if}}
+  {{t "caluma.form-builder.question.advancedSettings"}}
+</UkButton>
+
+{{#if this.showAdvanced}}
+  {{yield}}
+{{/if}}
\ No newline at end of file
diff --git a/packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.js b/packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.js
new file mode 100644
index 000000000..a76e673b4
--- /dev/null
+++ b/packages/form-builder/addon/components/cfb-form-editor/cfb-advanced-settings.js
@@ -0,0 +1,6 @@
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+
+export default class CfbFormEditorCfbAdvancedSettings extends Component {
+  @tracked showAdvanced = false;
+}
diff --git a/packages/form-builder/addon/components/cfb-form-editor/general.hbs b/packages/form-builder/addon/components/cfb-form-editor/general.hbs
index c684760b5..ea2b9bf32 100644
--- a/packages/form-builder/addon/components/cfb-form-editor/general.hbs
+++ b/packages/form-builder/addon/components/cfb-form-editor/general.hbs
@@ -49,6 +49,14 @@
       @renderComponent={{component "cfb-toggle-switch" size="small"}}
     />
 
+    <CfbFormEditor::CfbAdvancedSettings>
+      <f.input
+        @label={{t "caluma.form-builder.question.meta"}}
+        @name="meta"
+        @renderComponent={{component "cfb-code-editor" language="json"}}
+      />
+    </CfbFormEditor::CfbAdvancedSettings>
+
     <div class="uk-text-right">
       <f.submit
         @disabled={{f.loading}}
diff --git a/packages/form-builder/addon/components/cfb-form-editor/general.js b/packages/form-builder/addon/components/cfb-form-editor/general.js
index fd2853084..355938cc9 100644
--- a/packages/form-builder/addon/components/cfb-form-editor/general.js
+++ b/packages/form-builder/addon/components/cfb-form-editor/general.js
@@ -58,6 +58,8 @@ export default class CfbFormEditorGeneral extends Component {
 
   @dropTask
   *submit(changeset) {
+    const rawMeta = changeset.get("meta");
+
     try {
       const form = yield this.apollo.mutate(
         {
@@ -69,6 +71,7 @@ export default class CfbFormEditorGeneral extends Component {
               description: changeset.get("description"),
               isArchived: changeset.get("isArchived"),
               isPublished: changeset.get("isPublished"),
+              meta: JSON.stringify(rawMeta?.unwrap?.() ?? rawMeta),
             },
           },
         },
diff --git a/packages/form-builder/addon/components/cfb-form-editor/question.hbs b/packages/form-builder/addon/components/cfb-form-editor/question.hbs
index 4750a286c..342e286ea 100644
--- a/packages/form-builder/addon/components/cfb-form-editor/question.hbs
+++ b/packages/form-builder/addon/components/cfb-form-editor/question.hbs
@@ -384,20 +384,7 @@
         @renderComponent={{component "cfb-toggle-switch" size="small"}}
       />
 
-      <UkButton
-        @color="link"
-        @onClick={{toggle-action "showAdvanced" this}}
-        class="uk-flex uk-flex-middle uk-margin"
-      >
-        {{#if this.showAdvanced}}
-          <UkIcon @icon="triangle-down" />
-        {{else}}
-          <UkIcon @icon="triangle-right" />
-        {{/if}}
-        {{t "caluma.form-builder.question.advancedSettings"}}
-      </UkButton>
-
-      {{#if this.showAdvanced}}
+      <CfbFormEditor::CfbAdvancedSettings>
         {{#if (has-question-type f.model "action-button")}}
           <f.input
             @name="validateOnEnter"
@@ -438,7 +425,7 @@
           @name="meta"
           @renderComponent={{component "cfb-code-editor" language="json"}}
         />
-      {{/if}}
+      </CfbFormEditor::CfbAdvancedSettings>
 
       <div class="uk-flex uk-flex-between uk-flex-middle uk-flex-row-reverse">
         <CfbFormEditor::QuestionUsage
diff --git a/packages/form-builder/addon/gql/fragments/form-info.graphql b/packages/form-builder/addon/gql/fragments/form-info.graphql
index 4c8dd0467..c315a12c2 100644
--- a/packages/form-builder/addon/gql/fragments/form-info.graphql
+++ b/packages/form-builder/addon/gql/fragments/form-info.graphql
@@ -5,4 +5,5 @@ fragment FormInfo on Form {
   description
   isArchived
   isPublished
+  meta
 }
diff --git a/packages/form-builder/app/components/cfb-form-editor/cfb-advanced-settings.js b/packages/form-builder/app/components/cfb-form-editor/cfb-advanced-settings.js
new file mode 100644
index 000000000..ab13b0f9d
--- /dev/null
+++ b/packages/form-builder/app/components/cfb-form-editor/cfb-advanced-settings.js
@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-form-builder/components/cfb-form-editor/cfb-advanced-settings";