minor UI changes and Fixes

public/we_tasks/task05/5_1.html

@@ -6,7 +6,7 @@
         <h1>Einkaufsliste!</h1>
         <label>Artikelname: </label>
         <input id="input" type="text"></input>
-        <button id="add">Hinzufügen!</button>
+        <button id="add">Hinzuf&uml;gen!</button>
         <ul id="shoppingList"></ul>
     </body>
 

src/components/editor_components_14_unsecure/DocViewer.vue

-<template>
-  <div>
-    <v-card v-if="file" width="800">
-      <v-card-title>{{ file.title }}</v-card-title>
-      <v-card-subtitle>
-        Besitzer: {{ file.author }}
-        <v-btn icon small @click="$emit('profile-click')"
-          ><v-icon>mdi-account-circle</v-icon></v-btn
-        >
-      </v-card-subtitle>
-      <v-card-text class="contentBox">{{ file.content }}</v-card-text>
-      <v-card-actions v-if="editable">
-        <v-spacer></v-spacer>
-        <v-btn outlined color="primary" @click="$emit('doc-change')"
-          >Ändern</v-btn
-        >
-        <v-btn outlined color="red" @click="deleteConfirmDialogOpened = true"
-          >Löschen</v-btn
-        >
-      </v-card-actions>
-
-      <v-dialog width="400" v-model="deleteConfirmDialogOpened" persistent>
-        <v-card>
-          <v-card-title>Löschen Bestätigen</v-card-title>
-          <v-card-text
-            >Sind sie sicher, dass sie das Dokument
-            <b>{{ file.title }}</b> unwiederruflich löschen
-            möchten?</v-card-text
-          >
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn
-              outlined
-              color="primary"
-              @click="deleteConfirmDialogOpened = false"
-              >Abbrechen</v-btn
-            >
-            <v-btn outlined color="red" @click="deleteHandler()">Löschen</v-btn>
-          </v-card-actions>
-        </v-card>
-      </v-dialog>
-    </v-card>
-  </div>
-</template>
-
-<script>
-/* eslint-disable no-debugger, no-console */
-import client from "../../services/Client";
-
-export default {
-  name: "DocViewer",
-  props: {
-    file: Object,
-    editable: Boolean
-  },
-  data: () => ({
-    deleteConfirmDialogOpened: false
-  }),
-  methods: {
-    getFile(fileId) {
-      let payload = new FormData();
-      payload.append("fileId", fileId);
-      return client.post(client.URLs.file, payload).then(result => {
-        if (result.success) {
-          return result.file;
-        }
-      });
-    },
-    deleteHandler() {
-      this.$emit("doc-delete");
-      this.deleteConfirmDialogOpened = false;
-    }
-  }
-};
-</script>
-
-<style scoped>
-.contentBox {
-  white-space: pre;
-}
-</style>

src/views/Home.vue

@@ -107,15 +107,14 @@
               Aufgabe 10.1: Counter in Vue.js<br />
               <sr_vuecounter></sr_vuecounter>
               <br />
-              <router-link to="/vuenavigator">Vuenavigator</router-link>
+              <router-link to="/vuenavigator">Aufgabe 10.2/3: Vuenavigator</router-link>
             </v-expansion-panel-content>
           </v-expansion-panel>
           <v-expansion-panel>
             <v-expansion-panel-header>Übung 12 - PHP</v-expansion-panel-header>
             <v-expansion-panel-content
-              >Aufgabe 12.1/2/3: Content-Editor mit Registrierung und Login
-              <br />
-              <router-link to="/contenteditor">Content-Editor</router-link>
+              >
+              <router-link to="/contenteditor">Aufgabe 12.1/2/3: Content-Editor mit Registrierung und Login</router-link>
             </v-expansion-panel-content>
           </v-expansion-panel>
           <v-expansion-panel>
@@ -123,9 +122,10 @@
               >Übung 13 - React</v-expansion-panel-header
             >
             <v-expansion-panel-content>
-              Aufgabe 13.1: React Tutorial
-              <br />
-              <a href="we_tasks/task13/index.html">React Login</a>
+              <a href="we_tasks/task13/index.html">Aufgabe 13.1: React Login</a>
+              <p/>
+              <b>Keine Zugangsdaten bekannt?</b> Diese React-Anwendung verwendet dasselbe Backend, wie der Content-Editor aus Übung 12.
+              Registrieren sie einfach dort einen Account, um sich hier damit anzumelden.              
             </v-expansion-panel-content>
           </v-expansion-panel>
           <v-expansion-panel>