Commit

src/components/bulitipp/Tabelle.vue

@@ -33,31 +33,42 @@ export default {
     }
   },
   computed: {
-    tsSource(){
+
-      return ritzenbergenlib.RitzenbergenLib.api("/bulitipp/buli-punkte.php?spieltag="+(spieltag+1)+"&paarung=null&detail=user&name="+ts[spieltag][user].user.username);
+  },
+  asyncComputed: {
+    modalContent: {
+      get(){
+        if(spieltag==null || user==null) return [];
+        let params=new URLSearchParams({
+          
+        });
+        return fetch(RitzenbergenLib.api("")+params.toString());
+      },
+      default: []
     }
   }
 };
 </script>
 <template>
-  <Modal v-if="modalOpen" @closemodal="closeModal"><h1 class="detailansichtSchriftart">Detailansicht für {{ ts[spieltag][user].user.username }}, {{ spieltag+1 }}. Spieltag</h1>
+  <Modal v-if="modalOpen" @closemodal="closeModal"
-        <table class="detailansichtSchriftart">
+    ><h1 class="detailansichtSchriftart">
-            <tr>
+      Detailansicht für {{ ts[spieltag][user].user.username }},
-                <td>Tipp von {{ ts[spieltag][user].user.username }}</td>
+      {{ spieltag + 1 }}. Spieltag
-                <td>Ergebnis</td>
+    </h1>
-                <td>Tipp</td>
+    <table>
-                <td>Punkte</td>
+      <tr>
-            </tr>
+        <td>Tipp von {{ ts[spieltag][user].user.username }}</td>
-            <tr>
+        <td>Ergebnis</td>
-                <td>0 - 0</td>
+        <td>Tipp</td>
-                <td>0 - 0</td>
+        <td>Punkte</td>
-                <td>0 - 0</td>
+      </tr>
-                <td>3</td>
+      <tr v-for="spiel in modalContent">
-            </tr>
+        <td>0 - 0</td>
-              
+        <td>0 - 0</td>
-        </table>
+        <td>0 - 0</td>
-        
+        <td>3</td>
-                
+      </tr>
+    </table>
   </Modal>
   <section class="buli-table" id="buli-table">
     <br /><br />
@@ -68,14 +79,16 @@ export default {
           <td>Tag</td>
           <td v-for="spieltag in ts[0]">{{ spieltag.user.username }}</td>
         </tr>
-        <tr v-for="spieltag, i in ts">
+        <tr v-for="(spieltag, i) in ts">
-          <td>{{ i+1 }}</td>
+          <td>{{ i + 1 }}</td>
 
           <!-- Open BTN -->
-          <td class="as-link" v-for="userpoints,j in spieltag" @click="openModal(i,j)">
+          <td
-
+            class="as-link"
+            v-for="(userpoints, j) in spieltag"
+            @click="openModal(i, j)"
+          >
             {{ userpoints.tsPoints }}
-            
           </td>
         </tr>