done

frontend/src/components/Header.vue

@@ -3,6 +3,10 @@
         methods: {
             getRoutes() {
                 return this.$router.options.routes.filter(route => route.meta?.hasOwnProperty('label'));
+            },
+            logout() {
+                localStorage.clear();
+                this.$router.push('/login');
             }
         }
     }
@@ -27,6 +31,7 @@
                     </li>
                 </ul>
             </div>
+            <button class="btn btn-danger" @click.prevent="logout">Выход</button>
         </div>
     </nav>
 </template>

frontend/src/components/Login.vue

@@ -26,6 +26,7 @@ export default {
             if (response.status === 200) {
                 localStorage.setItem("token", result);
                 localStorage.setItem("user", login);
+                this.$router.push("/cabinets");
             } else {
                 localStorage.removeItem("token");
                 localStorage.removeItem("user");

frontend/src/components/Reports.vue

@@ -1,21 +0,0 @@
-<script>
-export default {
-    data() {
-        return {
-            reports: [
-                { name: 'group-students', label: 'Список студентов' },
-                { name: 'group-disciplines', label: 'Список дисциплин' }
-            ]
-        }
-    }
-}
-</script>
-
-<template>
-    <div class="list-group">
-        <router-link v-for="report in this.reports" 
-            :to="'/reports/' + report.name" class="list-group-item list-group-item-action">
-            {{ report.label }}
-        </router-link>
-    </div>
-</template>

frontend/src/components/Users.vue

@@ -15,33 +15,31 @@ export default {
                 { name: 'id', label: 'ID' },
                 { name: 'login', label: 'Логин' },
                 { name: 'role', label: 'Роль' }
-            ]
+            ],
+            ifAdmin: Boolean
         }
     },
     beforeCreate() {
         if (localStorage.getItem("token") == null) {
             this.$router.push("/login");
         }
+    },
+    created() {
+        this.ifAdmin = localStorage.getItem("user") === "admin";
     }
 }
 </script>
 
 <template>
-    <ToolBar
+    <div v-if="ifAdmin">
-            @add="showAddModal"
+        <DataTable
-            @edit="showEditModal"
+                :headers="this.headers"
-            @remove="removeSelectedItems">
+                :items="this.items"
-    </ToolBar>
+                :selectedItems="this.selectedItems"
-    <DataTable
+                @dblclick="showEditModalDblClick">
-            :headers="this.headers"
+        </DataTable>
-            :items="this.items"
+    </div>
-            :selectedItems="this.selectedItems"
+    <div v-else>
-            @dblclick="showEditModalDblClick">
+        <h2>Эта страница доступна только администраторам!</h2>
-    </DataTable>
+    </div>
-    <Modal
-            :header="this.modal.header"
-            :confirm="this.modal.confirm"
-            v-model:visible="this.modalShow"
-            @done="saveItem">
-    </Modal>
 </template>