add: fetch coordinated format for review

frontend/src/components/ActiveSchemaScreen.vue

@@ -32,37 +32,8 @@ import { defineComponent } from "vue";
 export default defineComponent({
     name: "active-schema-screen",
     data() {
-        // TODO: download instead
-        const dummytable = [
-            {
-                "fadr": "",
-                "Уникальный номер образца": "",
-                "кордината X": "",
-                "координата Y": "",
-                "Категория в ГИС\nGeology - керн, каменный материал\nSoil - почва, грунты, морские осадки\n Material - искуственные материалы, минералы": "",
-                "Категория (Археология, Биология, Минералы)": "",
-                "Бассейн": "",
-                "Месторождение": "",
-                "№ скважины": "",
-                "Глубина, интервал, привязка": "",
-                "Свита\\пласт": "",
-                "Хозяин (ФИО)": "",
-                "Организация": "",
-                "Контакты хозяина": "",
-                "перечень объектов/образцов": "",
-                "Описание объекта": "",
-                "Форма, размер": "",
-                "Перечень данных": "",
-                "Разрешение, µm": "",
-                "Дата съёмки": "",
-                "Дополнительная информация": "",
-                "Томограф": "",
-                "комментарий": "",
-
-            }
-        ]
         return {
-            items: dummytable,
+            columns: [],
             viewOptions: [
                 "table-view",
                 "list-view",
@@ -71,6 +42,28 @@ export default defineComponent({
             selectedOption: "list-view"
         }
     },
+    methods: {
+        async fetchColumns() {
+            fetch(`/api/v1/headers/`)
+                .then(res => res.json())
+                .then(data => this.columns = data)
+                .catch((e) => console.log(e))
+
+        },
+    },
+    mounted() {
+        this.fetchColumns();
+    },
+    computed: {
+
+        items() {
+            const dummytable = {};
+            for (let column of this.columns) {
+                dummytable[column.spreadsheet] = ""
+            }
+            return [dummytable,]
+        }
+    },
 })
 </script>