Merge pull request #55 from randombenj/feature/config-file

Feature/config file

web/README.md

@@ -34,10 +34,10 @@ yarn lint
 ### Basic Header Theeming
 
 Not happy with the default Docat logo and header?
-Just add your custom html header with `VUE_APP_HEADER_HTML`.
+Just add your custom html header to the `/var/www/html/config.json` file.
 
 ```
-VUE_APP_HEADER_HTML="<h1>MyCompany</h1>"
+{"headerHTML": "<h1>MyCompany</h1>"}
 ```
 
 ### Customize configuration

web/package.json

@@ -41,7 +41,9 @@
       "plugin:vue/essential",
       "eslint:recommended"
     ],
-    "rules": {},
+    "rules": {
+      "no-console": "off"
+    },
     "parserOptions": {
       "parser": "babel-eslint"
     },

web/src/components/Layout.vue

@@ -28,15 +28,23 @@
 </template>
 
 <script>
+import ProjectRepository from '@/repositories/ProjectRepository'
+
 export default {
   name: 'layout',
   props: {
     fullscreen: Boolean,
   },
   data() {
-    const defaultHeader = '<img class="logo" alt="docat logo" src="' + require('../assets/logo.png') + '" /><h1>DOCAT</h1>';
+    const defaultHeader = '<img class="logo" alt="docat logo" src="' + require('../assets/logo.png') + '" /><h1>DOCAT</h1>'
     return {
-      header: process.env.VUE_APP_HEADER_HTML || defaultHeader,
+      header: defaultHeader,
+    }
+  },
+  async created() {
+    const config = ProjectRepository.getConfig()
+    if (config.hasOwnProperty('headerHTML')){
+      this.header = config.headerHTML
     }
   }
 }

web/src/repositories/ProjectRepository.js

@@ -3,6 +3,18 @@ import Repository from '@/repositories/Repository'
 const resource = 'doc'
 export default {
 
+  /**
+  * Get Config
+  */
+  async getConfig() {
+    try {
+      const result = await Repository.get(`${Repository.defaults.baseURL}/config.json`)
+      return result.data;
+    } catch {
+      return {}
+    }
+  },
+
   /**
    * Returns all projects
    */