implement submission page

app/javascript/application.js

@@ -10,6 +10,7 @@ import MenuActive from './elements/menu_active'
 import ClipboardCopy from './elements/clipboard_copy'
 import TemplateBuilder from './template_builder/builder'
 import DynamicList from './elements/dynamic_list'
+import DownloadButton from './elements/download_button'
 
 document.addEventListener('turbo:before-cache', () => {
   window.flash?.remove()
@@ -28,6 +29,7 @@ window.customElements.define('file-dropzone', FileDropzone)
 window.customElements.define('menu-active', MenuActive)
 window.customElements.define('clipboard-copy', ClipboardCopy)
 window.customElements.define('dynamic-list', DynamicList)
+window.customElements.define('download-button', DownloadButton)
 
 window.customElements.define('template-builder', class extends HTMLElement {
   connectedCallback () {

app/javascript/submission_form/form.vue

@@ -1,21 +1,4 @@
 <template>
-  <template
-    v-for="field in otherSubmitterFields"
-    :key="field.uuid"
-  >
-    <Teleport
-      v-for="(area, index) in field.areas"
-      :key="index"
-      :to="`#page-${area.attachment_uuid}-${area.page}`"
-    >
-      <FieldArea
-        :model-value="values[field.uuid]"
-        :field="field"
-        :area="area"
-        :attachments-index="attachmentsIndex"
-      />
-    </Teleport>
-  </template>
   <FieldAreas
     ref="areas"
     :steps="stepFields"
@@ -273,7 +256,6 @@
 
 <script>
 import FieldAreas from './areas'
-import FieldArea from './area'
 import ImageStep from './image_step'
 import SignatureStep from './signature_step'
 import AttachmentStep from './attachment_step'
@@ -285,7 +267,6 @@ export default {
   name: 'SubmissionForm',
   components: {
     FieldAreas,
-    FieldArea,
     ImageStep,
     SignatureStep,
     AttachmentStep,
@@ -336,14 +317,8 @@ export default {
     currentField () {
       return this.currentStepFields[0]
     },
-    currentSubmitterFields () {
-      return this.fields.filter((f) => f.submitter_uuid === this.submitterUuid)
-    },
-    otherSubmitterFields () {
-      return this.fields.filter((f) => f.submitter_uuid !== this.submitterUuid)
-    },
     stepFields () {
-      return this.currentSubmitterFields.reduce((acc, f) => {
+      return this.fields.reduce((acc, f) => {
         const prevStep = acc[acc.length - 1]
 
         if (f.type === 'checkbox' && Array.isArray(prevStep) && prevStep[0].type === 'checkbox') {