Modal closelink hinzugefügt, Events werden jetzt von der API geholt

src/components/Modal.vue

@@ -1,19 +1,27 @@
 <script lang="ts">
-    export default {
-        emits: ['closemodal'],
-        props: ["content"]
-    }
+export default {
+  emits: ["closemodal"],
+  props: ["content"],
+  mounted() {
+    (<HTMLElement>this.$refs.contentspan)
+      .querySelectorAll(".closelink")
+      .forEach((el) => {
+        el.addEventListener("click", () => {
+          this.$emit("closemodal");
+        });
+      });
+  },
+};
 </script>
 <template>
-        <div class="modal">
-            <div class="modal-content">
-                <button class="closeBtn" @click="$emit('closemodal')">x</button>
-                <slot></slot>
-                <span v-html="content"></span>
-            </div>
-        </div>
+  <div class="modal">
+    <div class="modal-content">
+      <button class="closeBtn" @click="$emit('closemodal')">x</button>
+      <slot></slot>
+      <span v-html="content" ref="contentspan"></span>
+    </div>
+  </div>
 </template>
 <style lang="css" scoped>
-    @import "../assets/modal";
-
-</style>
+@import "../assets/modal";
+</style>

src/components/startseite/Events.vue

@@ -3,6 +3,8 @@ import RitzenbergenLib from "../../ritzenbergenlib.ts";
 import striptags from "striptags";
 import moment, { Moment } from "moment";
 import Modal from "../Modal.vue";
+import $ from "jquery";
+
 export default {
   data() {
     let openedModals: number[] = [];
@@ -14,7 +16,20 @@ export default {
   },
   computed: {
     events() {
-      return [
+      let result: any[]=[];
+
+      $.ajax(RitzenbergenLib.api("get_events.php"),{
+        crossDomain: true,
+        async: false,
+        success: function (data:string) {
+          result = JSON.parse(data);
+        },
+      });
+      console.log(result);
+      return result;
+      /*
+      Beispiel-Event-Array:
+      [
         {
           id: 0,
           eventname: "Eventname",
@@ -60,7 +75,7 @@ export default {
           link: undefined,
           foto: "erntefest/2011/pic08.jpg",
         },
-      ];
+      ];*/
     },
   },
   methods:{
@@ -74,11 +89,9 @@ export default {
         }
     },
     format_date(date: string){
-        let mymoment:Moment=moment();
-        mymoment.set("year",parseInt(date.split("-")[0]));
-        mymoment.set("month",parseInt(date.split("-")[2])-1);
-        mymoment.set("day",parseInt(date.split("-")[1]));
-        return mymoment.format("DD.MM.YYYY")
+        let mymoment:Moment=moment(date);
+        
+        return mymoment.format("DD.MM.YYYY");
     }
   },
     components: {

src/jquery.d.ts

@@ -0,0 +1 @@
+declare module 'jquery';

src/ritzenbergenlib.ts

@@ -4,7 +4,7 @@ export default class RitzenbergenLib {
     else return "http://bilder.ritzenbergen.de/"+mypath;
   }
   static api(path:string){
-    if(path.startsWith("/")) return "http://api.ritzenbergen.de"+path;
-    else return "http://api.ritzenbergen.de/"+path;
+    if(path.startsWith("/")) return "http://192.168.188.38/Jonas/ritzenbergenapi"+path;
+    else return "http://192.168.188.38/Jonas/ritzenbergenapi/"+path;
   }
 }