Add more pages in the WebUI

webui/src/store/http/actions.js

@@ -0,0 +1,79 @@
+import HttpService from '../../_services/HttpService'
+
+export function getAllRouters ({ commit }, params) {
+  commit('getAllRoutersRequest')
+  return HttpService.getAllRouters(params)
+    .then(body => {
+      commit('getAllRoutersSuccess', body)
+      return body
+    })
+    .catch(error => {
+      commit('getAllRoutersFailure', error)
+      return Promise.reject(error)
+    })
+}
+
+export function getRouterByName ({ commit }, name) {
+  commit('getRouterByNameRequest')
+  return HttpService.getRouterByName(name)
+    .then(body => {
+      commit('getRouterByNameSuccess', body)
+      return body
+    })
+    .catch(error => {
+      commit('getRouterByNameFailure', error)
+      return Promise.reject(error)
+    })
+}
+
+export function getAllServices ({ commit }, params) {
+  commit('getAllServicesRequest')
+  return HttpService.getAllServices(params)
+    .then(body => {
+      commit('getAllServicesSuccess', body)
+      return body
+    })
+    .catch(error => {
+      commit('getAllServicesFailure', error)
+      return Promise.reject(error)
+    })
+}
+
+export function getServiceByName ({ commit }, name) {
+  commit('getServiceByNameRequest')
+  return HttpService.getServiceByName(name)
+    .then(body => {
+      commit('getServiceByNameSuccess', body)
+      return body
+    })
+    .catch(error => {
+      commit('getServiceByNameFailure', error)
+      return Promise.reject(error)
+    })
+}
+
+export function getAllMiddlewares ({ commit }, params) {
+  commit('getAllMiddlewaresRequest')
+  return HttpService.getAllMiddlewares(params)
+    .then(body => {
+      commit('getAllMiddlewaresSuccess', body)
+      return body
+    })
+    .catch(error => {
+      commit('getAllMiddlewaresFailure', error)
+      return Promise.reject(error)
+    })
+}
+
+export function getMiddlewareByName ({ commit }, name) {
+  commit('getMiddlewareByNameRequest')
+  return HttpService.getMiddlewareByName(name)
+    .then(body => {
+      commit('getMiddlewareByNameSuccess', body)
+      return body
+    })
+    .catch(error => {
+      commit('getMiddlewareByNameFailure', error)
+      return Promise.reject(error)
+    })
+}

webui/src/store/http/getters.js

@@ -0,0 +1,41 @@
+// ----------------------------
+// all Routers
+// ----------------------------
+export function allRouters (state) {
+  return state.allRouters
+}
+
+// ----------------------------
+// Router by Name
+// ----------------------------
+export function routerByName (state) {
+  return state.routerByName
+}
+
+// ----------------------------
+// all Services
+// ----------------------------
+export function allServices (state) {
+  return state.allServices
+}
+
+// ----------------------------
+// Service by Name
+// ----------------------------
+export function serviceByName (state) {
+  return state.serviceByName
+}
+
+// ----------------------------
+// all Middlewares
+// ----------------------------
+export function allMiddlewares (state) {
+  return state.allMiddlewares
+}
+
+// ----------------------------
+// Middleware by Name
+// ----------------------------
+export function middlewareByName (state) {
+  return state.middlewareByName
+}

webui/src/store/http/index.js

@@ -0,0 +1,12 @@
+import state from './state'
+import * as getters from './getters'
+import * as mutations from './mutations'
+import * as actions from './actions'
+
+export default {
+  namespaced: true,
+  getters,
+  mutations,
+  actions,
+  state
+}

webui/src/store/http/mutations.js

@@ -0,0 +1,113 @@
+// ----------------------------
+// Get All Routers
+// ----------------------------
+export function getAllRoutersRequest (state) {
+  state.allRouters.loading = true
+}
+
+export function getAllRoutersSuccess (state, body) {
+  state.allRouters = { items: body.data, total: body.total, loading: false }
+}
+
+export function getAllRoutersFailure (state, error) {
+  state.allRouters = { error }
+}
+
+export function getAllRoutersClear (state) {
+  state.allRouters = {}
+}
+
+// ----------------------------
+// Get Router By Name
+// ----------------------------
+export function getRouterByNameRequest (state) {
+  state.routerByName.loading = true
+}
+
+export function getRouterByNameSuccess (state, body) {
+  state.routerByName = { item: body, loading: false }
+}
+
+export function getRouterByNameFailure (state, error) {
+  state.routerByName = { error }
+}
+
+export function getRouterByNameClear (state) {
+  state.routerByName = {}
+}
+
+// ----------------------------
+// Get All Services
+// ----------------------------
+export function getAllServicesRequest (state) {
+  state.allServices.loading = true
+}
+
+export function getAllServicesSuccess (state, body) {
+  state.allServices = { items: body.data, total: body.total, loading: false }
+}
+
+export function getAllServicesFailure (state, error) {
+  state.allServices = { error }
+}
+
+export function getAllServicesClear (state) {
+  state.allServices = {}
+}
+
+// ----------------------------
+// Get Service By Name
+// ----------------------------
+export function getServiceByNameRequest (state) {
+  state.serviceByName.loading = true
+}
+
+export function getServiceByNameSuccess (state, body) {
+  state.serviceByName = { item: body, loading: false }
+}
+
+export function getServiceByNameFailure (state, error) {
+  state.serviceByName = { error }
+}
+
+export function getServiceByNameClear (state) {
+  state.serviceByName = {}
+}
+
+// ----------------------------
+// Get All Middlewares
+// ----------------------------
+export function getAllMiddlewaresRequest (state) {
+  state.allMiddlewares.loading = true
+}
+
+export function getAllMiddlewaresSuccess (state, body) {
+  state.allMiddlewares = { items: body.data, total: body.total, loading: false }
+}
+
+export function getAllMiddlewaresFailure (state, error) {
+  state.allMiddlewares = { error }
+}
+
+export function getAllMiddlewaresClear (state) {
+  state.allMiddlewares = {}
+}
+
+// ----------------------------
+// Get Middleware By Name
+// ----------------------------
+export function getMiddlewareByNameRequest (state) {
+  state.middlewareByName.loading = true
+}
+
+export function getMiddlewareByNameSuccess (state, body) {
+  state.middlewareByName = { item: body, loading: false }
+}
+
+export function getMiddlewareByNameFailure (state, error) {
+  state.middlewareByName = { error }
+}
+
+export function getMiddlewareByNameClear (state) {
+  state.middlewareByName = {}
+}

webui/src/store/http/state.js

@@ -0,0 +1,8 @@
+export default {
+  allRouters: {},
+  routerByName: {},
+  allServices: {},
+  serviceByName: {},
+  allMiddlewares: {},
+  middlewareByName: {}
+}