WIP. loading app config

src/_services/app.service.js

@@ -18,7 +18,9 @@ export const appService = {
 
     getAppDataByUserId,
     getAppSiteDataByUserId,
-    takeDataAction
+    takeDataAction,
+
+    getAppConfigViewByUserId
 };
 
 // MITM
@@ -80,3 +82,8 @@ function getAppSiteDataByUserId(userId, appId, siteId, viewId, query, messages,
 function takeDataAction(userId, appId, dataId, action, messages, errors) {
     return fetch(`${config.apiUrl}/users/${userId}/apps/${appId}/data/${dataId}/actions/${action}`, util.postWithAuth()).then(util.handleCrudResponse(messages, errors));
 }
+
+// Config
+function getAppConfigViewByUserId(userId, appId, viewId, messages, errors) {
+    return fetch(`${config.apiUrl}/users/${userId}/apps/${appId}/config/${viewId}`, util.getWithAuth()).then(util.handleCrudResponse(messages, errors));
+}

src/_store/apps.module.js

@@ -6,7 +6,7 @@ const state = {
         enableMitm: false, disableMitm: false,
         apps: false, app: false, enableApp: false, disableApp: false,
         sites: false, site: false, enableSite: false, disableSite: false,
-        appData: false, action: false
+        appData: false, appConfig: false, action: false
     },
     mitmEnabled: null,
     error: null,
@@ -15,6 +15,7 @@ const state = {
     sites: [],
     site: null,
     appData: null,
+    appConfigData: null,
     actionResult: null
 };
 
@@ -151,6 +152,16 @@ const actions = {
                 appData => commit('takeDataActionSuccess', appData),
                 error => commit('takeDataActionFailure', error)
             );
+    },
+
+    // App Config
+    getAppConfigViewByUserId({ commit }, {userId, appId, viewId, messages, errors}) {
+        commit('getAppConfigViewByUserIdRequest');
+        appService.getAppConfigViewByUserId(userId, appId, viewId, messages, errors)
+            .then(
+                appConfigData => commit('getAppConfigViewByUserIdSuccess', appConfigData),
+                error => commit('getAppConfigViewByUserIdFailure', error)
+            );
     }
 };
 
@@ -331,6 +342,19 @@ const mutations = {
     takeDataActionFailure(state, error) {
         state.loading.action = false;
         state.error = error;
+    },
+
+    // App Config
+    getAppConfigViewByUserIdRequest(state) {
+        state.loading.appConfig = true;
+    },
+    getAppConfigViewByUserIdSuccess(state, appConfigData) {
+        state.loading.appConfig = false;
+        state.appConfigData = appConfigData;
+    },
+    getAppConfigViewByUserIdFailure(state, error) {
+        state.loading.appConfig = false;
+        state.error = error;
     }
 };
 

src/account/AppConfigPage.vue

@@ -6,13 +6,49 @@
 
 <script>
     import { mapState, mapActions } from 'vuex'
+    import { util } from '../_helpers';
+    import { safeEval } from '../_store';
 
     export default {
+        data () {
+            return {
+                user: util.currentUser(),
+                appId: null,
+                viewId: null
+            };
+        },
         computed: {
+            ...mapState('apps', ['app', 'appConfigData', 'actionResult']),
+            ...mapState('system', ['messages'])
         },
         created () {
+            this.appId = this.$route.params.app;
+            this.viewId = this.$route.params.view;
+            this.getAppByUserId({
+                userId: this.user.uuid,
+                appId: this.appId,
+                messages: this.messages,
+                errors: this.errors
+            });
+            this.getAppConfigViewByUserId({
+                userId: this.user.uuid,
+                appId: this.appId,
+                viewId: this.viewId,
+                messages: this.messages,
+                errors: this.errors
+            });
         },
         methods: {
+            ...mapActions('apps', [
+                'getAppByUserId', 'getAppConfigViewByUserId'
+            ]),
+        },
+        watch: {
+            appConfigData (configData) {
+                if (configData) {
+
+                }
+            }
         }
     };
 </script>