Content Editor: Removed pofile Icon from task12 Version, as it has no use

src/components/editor_components/DocViewer.vue

@@ -4,9 +4,6 @@
       <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">

src/components/editor_components/DocViewer_profile.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/Editor_14_secure.vue

@@ -100,7 +100,7 @@ import Register from "../components/editor_components/Register";
 import Login from "../components/editor_components/Login";
 import TreeViewExplorer from "../components/editor_components/TreeViewExplorer";
 import DocEditor from "../components/editor_components/DocEditor";
-import DocViewer from "../components/editor_components/DocViewer";
+import DocViewer from "../components/editor_components/DocViewer_profile";
 import ProfileViwer from "../components/editor_components/ProfileViewer_secure";
 
 export default {

src/views/Editor_14_unsecure.vue

@@ -82,8 +82,7 @@
               file.title,
               file.directory,
               file.content
-            )
-          "
+            )"
         ></DocViewer>
       </v-layout>
     </v-main>
@@ -100,7 +99,7 @@ import Register from "../components/editor_components/Register";
 import Login from "../components/editor_components/Login";
 import TreeViewExplorer from "../components/editor_components/TreeViewExplorer";
 import DocEditor from "../components/editor_components/DocEditor";
-import DocViewer from "../components/editor_components/DocViewer";
+import DocViewer from "../components/editor_components/DocViewer_profile";
 import ProfileViwer from "../components/editor_components/ProfileViewer_unsecure";
 
 export default {