@@ -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)); | |||
} |
@@ -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; | |||
} | |||
}; | |||
@@ -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> |