created abgabe-hochladen

components/KolloquiumItem.vue

@@ -7,9 +7,6 @@
                 {{ title }}
             </div>
             <input v-if="inEdit" class="w-full rounded border p-1" v-model="title" placeholder="Neues Kolloquium...">
-            <button
-                v-if="!inEdit"
-                class="text-center text-white rounded-md select-none w-9 h-8 ml-1 bg-blue-500 hover:bg-blue-700 active:bg-blue-900 pb-1">&#9993;</button>
             <button
                 v-if="inEdit"
                 @click="save()"

pages/abgabe-hochladen.vue

+<template>
+    <div class="relative flex flex-col items-center justify-top min-h-screen bg-gray-100 sm:items-top sm:pt-0">
+        <box>
+            <template slot="title">
+                Abgabe Hochladen
+            </template>
+            <template slot="content">
+                Auf dieser Seite kann man seine CAD/Datasmith-Datei hochladen.
+            </template>
+        </box>
+        <box>
+            <template slot="title">
+                Details
+            </template>
+            <template slot="content">
+                <div class="flex flex-row items-center mb-1">Name: <input class="ml-1 w-full rounded border p-1" v-model="name"></div>
+                <div class="flex flex-row items-center mb-1">Matrikelnummer: <input class="ml-1 w-full rounded border p-1" v-model="matrikelnummer"></div>
+                <div class="flex flex-row items-center mb-1">Datei: <input type=file class="ml-1 w-full rounded border p-1"></div>
+                <button class="border rounded mt-4 p-2 font-semibold text-white bg-green-500 hover:bg-green-600 focus:bg-green-700">Hochladen</button>
+            </template>
+        </box>
+    </div>
+</template>
+
+<script>
+import Box from '~/components/Box'
+import ListItem from '~/components/ListItem'
+
+export default {
+    components: {
+        Box,
+        ListItem
+    },
+    data() {
+      return {
+            kolloquium: "Test Kolloquium",
+            abgabe: {
+                name: "Nick Kleine-Tebbe",
+                matrikelnummer: "355557",
+            }
+        }
+    },
+    methods: {
+
+    }
+}
+</script>

pages/index.vue

@@ -32,18 +32,29 @@
         </box>
         <box>
             <template slot="title">
-            Details
+                <div class="flex flex-row justify-between">
+                    <span>Details</span>
+                </div>
             </template>
             <template slot="content">
                 <p class="text-xl"><span class="font-semibold">Titel:</span> {{ selectedKolloquium }}</p>
-                <p class="font-semibold mt-4">Abgaben:</p>
+                <p class="font-semibold mt-4 mb-1">Abgaben:</p>
                 <AbgabeItem
                     v-for="abgabe in abgaben"
                     :key="abgabe"
                     @click.native="selectAbgabe(abgabe)"
                     :title="abgabe"
                 />
-                <button class="border rounded mt-4 p-2 font-semibold text-white bg-green-500 hover:bg-green-600 focus:bg-green-700">Aktivieren</button>
+                <div class="flex flex-row justify-between">
+                    <button class="border rounded mt-4 p-2 font-semibold text-white bg-green-500 hover:bg-green-600 focus:bg-green-700">
+                        Aktivieren
+                    </button>
+                    <n-link to="/abgabe-hochladen">
+                        <button class="border rounded mt-4 p-2 font-semibold text-white bg-blue-500 hover:bg-blue-600 focus:bg-blue-700">
+                            Link Teilen
+                        </button>
+                    </n-link>
+                </div>
             </template>
         </box>
     </div>