From 42bb5336384cf6bd1cc14a08b450861a73895279 Mon Sep 17 00:00:00 2001
From: R40fendt <r40test311@gmail.com>
Date: Wed, 16 Apr 2025 22:33:40 +0200
Subject: [PATCH] =?UTF-8?q?Forms=20werden=20jetzt=20=C3=BCber=20API=20geho?=
 =?UTF-8?q?lt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/startseite/Forms.vue | 166 ++++++++++++++++++----------
 1 file changed, 106 insertions(+), 60 deletions(-)

diff --git a/src/components/startseite/Forms.vue b/src/components/startseite/Forms.vue
index d56a402..caa3977 100644
--- a/src/components/startseite/Forms.vue
+++ b/src/components/startseite/Forms.vue
@@ -1,69 +1,115 @@
-<script>
+<script lang="ts">
+import $ from "jquery";
+import RitzenbergenLib from "../../ritzenbergenlib";
+import Modal from "../Modal.vue";
 export default {
+  data(){
+    return {
+      openedModals: []
     }
+  },
+  computed: {
+    forms(){
+      let result:any[]=[];
+      $.ajax(RitzenbergenLib.api("/get_forms.php"),{
+        async: false,
+        crossDomain: true,
+        success: function(data:string){
+          result=JSON.parse(data);
+          console.log(result);
+        },
+      });
+      return result;
+    }
+  },
+  components: {
+    Modal
+  },
+  methods:{
+    process_minitext(minitext:string){
+      let count=0;
+      return minitext.replace("{0}",count.toString());
+      //return minitext;
+    }
+  }
+};
 </script>
 <template>
-<section id="anmeldeformular">
+  <section id="anmeldeformular">
+    <section class="form5 cid-u6k7q0BfGa">
+      <div class="container" v-for="form in forms">
+        <div class="row justify-content-center">
+          <div class="col-12 content-head">
+            <div class="mbr-section-head mb-5">
+              <h3
+                class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
+              >
+                <strong>{{ form.ueberschrift }}</strong>
+              </h3>
+              <br />
+              <h5 style="text-align: center">
+                <b></b> <br />
+                {{ form.inhalt }}
+              </h5>
+              <br />
 
-<section class="form5 cid-u6k7q0BfGa">
-  <div class="container">
-    <div class="row justify-content-center">
-      <div class="col-12 content-head">
-        <div class="mbr-section-head mb-5">
-          <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
-            <strong>Überschrift</strong>
-          </h3><br>
-          <h5 style="text-align: center;"><b></b> <br>
-            Inhalt</h5><br>
-          if public
-
-
-            <div class="modal-container">
-              <div class="modal">
-
-                <div class="modal-content">
-                  <span class="closeBtn" style="cursor: pointer;">x</span>
-                  <h1>Modal-Überschrift</h1>
+              <Modal v-if="form.public" @closemodal="openedModals.splice(openedModals.indexOf(form.id), 1)" v-show="openedModals.includes(form.id)">
+                  <h1>{{ form.modalueberschrift }}</h1>
                   Ergebnisse
-                </div>
-
-              </div>
-              <br><br>
-            </div>
-            else
-            <p style="text-align: center;">Minitext<br><br>
-              
-          </p>
-        </div>
-      </div>
-    </div>
-    <div class="row justify-content-center">
-      <div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
-        <form action="formularergebnisse-eintragen.php" method="POST" class="mbr-form form-with-styler"
-          data-form-title="Form Name" onsubmit="return false;"><input type="hidden" name="email"
-            data-form-email="true" value="">
-          <div class="dragArea row">
-            <div class="col-md col-sm-12 form-group mb-3" data-for="name">
-              <input type="text" maxlength="128" name="name" placeholder="Label1"
-                data-form-field="name" class="form-control" value="" id="name-form02-0">
-            </div>
-
-            <div class="col-12 form-group mb-3" data-for="textarea">
-              <input type="text" name="textarea" maxlength="128" placeholder="Label2"
-                data-form-field="textarea" class="form-control" id="textarea-form02-0">
-            </div>
-            <div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
-              <button type="submit" class="btn btn-primary display-7 formular-submit-button">Absenden</button>
+              </Modal>
+              <p style="text-align: center" @click="openedModals.push(form.id)">{{ process_minitext(form.minitext) }}<br /><br /></p>
             </div>
           </div>
-          <input type="hidden" value="<?php echo $id; ?>" name="id">
-        </form>
-      </div>
-    </div>
-  </div>
-</section>
-</section>
-</template>
-<style>
+        </div>
+        <div class="row justify-content-center">
+          <div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
+            <form
+              class="mbr-form form-with-styler"
+              data-form-title="Form Name"
+              @submit.prevent
+            >
+              <div class="dragArea row">
+                <div class="col-md col-sm-12 form-group mb-3" data-for="name">
+                  <input
+                    type="text"
+                    maxlength="128"
+                    name="name"
+                    :placeholder="form.labelone"
+                    data-form-field="name"
+                    class="form-control"
+                    value=""
+                    id="name-form02-0"
+                  />
+                </div>
 
-</style>
\ No newline at end of file
+                <div class="col-12 form-group mb-3" data-for="textarea">
+                  <input
+                    type="text"
+                    name="textarea"
+                    maxlength="128"
+                    :placeholder="form.labeltwo"
+                    data-form-field="textarea"
+                    class="form-control"
+                    id="textarea-form02-0"
+                  />
+                </div>
+                <div
+                  class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn"
+                >
+                  <button
+                    type="submit"
+                    class="btn btn-primary display-7 formular-submit-button"
+                  >
+                    Absenden
+                  </button>
+                </div>
+              </div>
+              <input type="hidden" :value="form.id" name="id" />
+            </form>
+          </div>
+        </div>
+      </div>
+    </section>
+  </section>
+</template>
+<style></style>