From fc67d035f70b1a0c4eae09d3ebaa4f544f731582 Mon Sep 17 00:00:00 2001
From: Dmitry <b4tm4n@mail.ru>
Date: Tue, 8 Jun 2021 14:08:45 +0300
Subject: [PATCH] fetch config

---
 src/App.vue                         | 11 ++++++++-
 src/components/InfobaseListItem.vue |  8 ++-----
 src/config.json                     |  4 +---
 src/store/index.js                  |  2 ++
 src/store/modules/config.js         | 37 +++++++++++++++++++++++++++++
 5 files changed, 52 insertions(+), 10 deletions(-)
 create mode 100644 src/store/modules/config.js

diff --git a/src/App.vue b/src/App.vue
index 90d2308..ce35037 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,7 +7,16 @@
 </template>
 
 <script>
-export default {};
+import { mapActions } from "vuex";
+
+export default {
+  methods: {
+    ...mapActions(["fetchConfig"]),
+  },
+  async mounted() {
+    await this.fetchConfig();
+  },
+};
 </script>
 
 <style lang="less">
diff --git a/src/components/InfobaseListItem.vue b/src/components/InfobaseListItem.vue
index 8153afc..512b68d 100644
--- a/src/components/InfobaseListItem.vue
+++ b/src/components/InfobaseListItem.vue
@@ -73,10 +73,6 @@ import { mapGetters, mapActions } from "vuex";
 import InfobaseURLEditor from "@/components/InfobaseURLEditor.vue";
 import ItemLoading from "@/components/ItemLoading.vue";
 
-import config from "@/config.js";
-
-const url_base = config.publication.url_base;
-
 export default {
   name: "InfobaseListItem",
   components: {
@@ -97,7 +93,7 @@ export default {
     },
   },
   computed: {
-    ...mapGetters(["getInfobaseByName"]),
+    ...mapGetters(["getInfobaseByName, Config"]),
     name() {
       return this.infobase.name;
     },
@@ -108,7 +104,7 @@ export default {
       return this.infobase.url;
     },
     url_full() {
-      return `${url_base}${this.infobase.url}`;
+      return `${this.$store.getters.Config.url_prefix}${this.infobase.url}`;
     },
     is_locked() {
       return this.$store.getters.isInfobaseLocked(this.infobase.name);
diff --git a/src/config.json b/src/config.json
index 0744410..c79ef84 100644
--- a/src/config.json
+++ b/src/config.json
@@ -1,6 +1,4 @@
 {
     "api": "http://localhost:17653",
-    "publication": {
-        "url_base": "http://localhost:11111"
-    }
+    "url_prefix": "http://localhost:11111"
 }
diff --git a/src/store/index.js b/src/store/index.js
index e970f2f..4e4fc49 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2,10 +2,12 @@ import { createStore } from "vuex";
 
 import infobases from "@/store/modules/infobases.js";
 import apache_restart from "@/store/modules/apache_restart.js";
+import config from "@/store/modules/config.js";
 
 export default createStore({
   modules: {
     infobases,
     apache_restart,
+    config,
   },
 });
diff --git a/src/store/modules/config.js b/src/store/modules/config.js
new file mode 100644
index 0000000..c2a25a7
--- /dev/null
+++ b/src/store/modules/config.js
@@ -0,0 +1,37 @@
+import axios from "axios";
+
+import const_config from "@/config.js";
+
+const api_base = const_config.api;
+
+export default {
+  state: {
+    config: {
+      ...const_config,
+    },
+  },
+  mutations: {
+    setConfig(state, new_config) {
+      state.config = {
+        ...const_config,
+        ...new_config,
+      };
+    },
+  },
+  actions: {
+    async fetchConfig(ctx) {
+      try {
+        const res = await axios.get(`${api_base}/config`);
+        const new_config = res.data;
+        ctx.commit("setConfig", new_config);
+      } catch (err) {
+        console.error(err);
+      }
+    },
+  },
+  getters: {
+    Config(state) {
+      return state.config;
+    },
+  },
+};