Переписал приложение на Vue. Изменена верстка.

1 files changed, 42 insertions, 0 deletions

diff --git a/day9/task5_vue/src/App.vue b/day9/task5_vue/src/App.vue
new file mode 100644
index 0000000..3ce2035
--- /dev/null
+++ b/day9/task5_vue/src/App.vue
@@ -0,0 +1,42 @@
+<template>
+    <div>
+        <Table v-bind:table-data="tableData"/>
+        <UploadFileButton/>
+        <AddNewEntryButton/>
+    </div>
+</template>
+
+<script>
+    import Table from "./components/Table.vue";
+    import UploadFileButton from "./components/UploadFileButton.vue";
+    import AddNewEntryButton from './components/AddNewEntryButton.vue';
+    import axios from 'axios';
+
+    export default {
+        name: "App",
+        components: {Table, UploadFileButton, AddNewEntryButton},
+
+        data() {
+            return {
+                tableData: []
+            }
+        },
+
+        mounted() {
+            axios
+                .request({
+                    url: '/api/get/',
+                    method: 'post',
+                    headers: {'Content-Type': 'application/json'},
+                    data: JSON.stringify({'type': 'full'})
+                })
+                .then(response => {
+                    this.tableData = response.data;
+                })
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file