rename to templates

2023-05-31 23:19:20 +03:00
parent 98fc9d964a
commit 4a303cb423
59 changed files with 248 additions and 264 deletions
@@ -0,0 +1,26 @@
+import { createApp, reactive } from 'vue'
+
+import Form from './submission_form/form'
+
+window.customElements.define('submission-form', class extends HTMLElement {
+  connectedCallback () {
+    this.appElem = document.createElement('div')
+
+    this.app = createApp(Form, {
+      submissionSlug: this.dataset.submissionSlug,
+      authenticityToken: this.dataset.authenticityToken,
+      values: reactive(JSON.parse(this.dataset.values)),
+      attachments: reactive(JSON.parse(this.dataset.attachments)),
+      fields: JSON.parse(this.dataset.fields)
+    })
+
+    this.app.mount(this.appElem)
+
+    this.appendChild(this.appElem)
+  }
+
+  disconnectedCallback () {
+    this.app?.unmount()
+    this.appElem?.remove()
+  }
+})