Бэкенд:

Добавлены тесты, исправлены ошибки в валидаторах и полях схем баз данных.

Фронтенд:
Добавлен компонент для показа всплывающих сообщений.

3 files changed, 57 insertions, 25 deletions

diff --git a/day9/task5_vue/src/components/EditFormBox.vue b/day9/task5_vue/src/components/EditFormBox.vue
index 861a82d..c994656 100644
--- a/day9/task5_vue/src/components/EditFormBox.vue
+++ b/day9/task5_vue/src/components/EditFormBox.vue
@@ -111,7 +111,7 @@
 
     export default {
         name: "EditFormBox",
-        props: ['formType', 'cancelCallback', 'tableRow'],
+        props: ['formType', 'cancelCallback', 'tableRow', 'showPopup'],
 
         data() {
             return {
@@ -178,6 +178,10 @@
                             headers: {'Content-Type': 'application/json'},
                             data: JSON.stringify(formData)
                         })
+                        .then(response => {
+                            this.cancelCallback();
+                            this.showPopup('Database updated successfully');
+                        });
                 }
             }
         }
diff --git a/day9/task5_vue/src/components/PopupMessage.vue b/day9/task5_vue/src/components/PopupMessage.vue
new file mode 100644
index 0000000..a905b4d
--- /dev/null
+++ b/day9/task5_vue/src/components/PopupMessage.vue
@@ -0,0 +1,28 @@
+<template>
+    <div ref="container" class="popupContainer">
+        {{ message }}
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "PopupMessage",
+        props: ['message'],
+    }
+</script>
+
+<style scoped>
+    .popupContainer {
+        background-color: #00ff5e;
+        padding: 30px;
+
+        font-size: 30px;
+        text-align: center;
+
+        position: fixed;
+        bottom: 0;
+
+        left: 0;
+        right: 0;
+    }
+</style>
\ No newline at end of file
diff --git a/day9/task5_vue/src/components/Table.vue b/day9/task5_vue/src/components/Table.vue
index d9296d9..a186277 100644
--- a/day9/task5_vue/src/components/Table.vue
+++ b/day9/task5_vue/src/components/Table.vue
@@ -1,29 +1,29 @@
 <template>
     <table>
-            <thead>
-                <tr>
-                    <th v-for="header in tableData.headers">
-                        {{ header }}
-                    </th>
-                    <th></th>
-                    <th></th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr v-for="(row) in tableData.content">
-                    <td>{{ row[0] }}</td>
-                    <td v-for="(column) in row.slice(1)">
-                        {{ column }}
-                    </td>
-                    <td>
-                        <button @click="showEditForm(`${row[0]}`)">&#9998</button>
-                    </td>
-                    <td>
-                        <button @click="removeField(`${row[0]}`)">&#10006</button>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <thead>
+            <tr>
+                <th v-for="header in tableData.headers">
+                    {{ header }}
+                </th>
+                <th></th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="(row) in tableData.content">
+                <td>{{ row[0] }}</td>
+                <td v-for="(column) in row.slice(1)">
+                    {{ column }}
+                </td>
+                <td>
+                    <button @click="showEditForm(`${row[0]}`)">&#9998</button>
+                </td>
+                <td>
+                    <button @click="removeField(`${row[0]}`)">&#10006</button>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 </template>
 
 <script>