UI (#15)

Adding new Admin UI. Updating Fredy to V3.0.0 as it has been a large rewrite. Thanks for all contributions and help on the way!

ui/src/services/rematch/models/jobs.js

@@ -0,0 +1,43 @@
+import { xhrGet } from '../../xhr';
+
+export const jobs = {
+  state: {
+    jobs: [],
+    insights: {},
+  },
+  reducers: {
+    setJobs: (state, payload) => {
+      return {
+        ...state,
+        jobs: Object.freeze(payload),
+      };
+    },
+    setJobInsights: (state, payload, jobId) => {
+      return {
+        ...state,
+        insights: {
+          ...state.insights,
+          [jobId]: Object.freeze(payload),
+        },
+      };
+    },
+  },
+  effects: {
+    async getJobs() {
+      try {
+        const response = await xhrGet('/api/jobs');
+        this.setJobs(response.json);
+      } catch (Exception) {
+        console.error(`Error while trying to get resource for api/jobs. Error:`, Exception);
+      }
+    },
+    async getInsightDataForJob(jobId) {
+      try {
+        const response = await xhrGet(`/api/jobs/insights/${jobId}`);
+        this.setJobInsights(response.json, jobId);
+      } catch (Exception) {
+        console.error(`Error while trying to get resource for api/jobs/insights. Error:`, Exception);
+      }
+    },
+  },
+};

ui/src/services/rematch/models/notificationAdapter.js

@@ -0,0 +1,19 @@
+import { xhrGet } from '../../xhr';
+export const notificationAdapter = {
+  state: [],
+  reducers: {
+    setAdapter: (state, payload) => {
+      return [...Object.freeze(payload)];
+    },
+  },
+  effects: {
+    async getAdapter() {
+      try {
+        const response = await xhrGet('/api/jobs/notificationAdapter');
+        this.setAdapter(response.json);
+      } catch (Exception) {
+        console.error(`Error while trying to get resource for api/jobs/notificationAdapter. Error:`, Exception);
+      }
+    },
+  },
+};

ui/src/services/rematch/models/provider.js

@@ -0,0 +1,19 @@
+import { xhrGet } from '../../xhr';
+export const provider = {
+  state: [],
+  reducers: {
+    setProvider: (state, payload) => {
+      return [...Object.freeze(payload)];
+    },
+  },
+  effects: {
+    async getProvider() {
+      try {
+        const response = await xhrGet('/api/jobs/provider');
+        this.setProvider(response.json);
+      } catch (Exception) {
+        console.error(`Error while trying to get resource for api/jobs/provider. Error:`, Exception);
+      }
+    },
+  },
+};

ui/src/services/rematch/models/user.js

@@ -0,0 +1,41 @@
+import { xhrGet } from '../../xhr';
+
+export const user = {
+  state: {
+    users: [],
+    currentUser: null,
+  },
+  reducers: {
+    //only admins
+    setUsers: (state, payload) => {
+      return {
+        ...state,
+        users: payload,
+      };
+    },
+    setCurrentUser: (state, payload) => {
+      return {
+        ...state,
+        currentUser: Object.freeze(payload),
+      };
+    },
+  },
+  effects: {
+    async getUsers() {
+      try {
+        const response = await xhrGet('/api/admin/users');
+        this.setUsers(response.json);
+      } catch (Exception) {
+        console.error('Error while trying to get resource for api/admin/users. Error:', Exception);
+      }
+    },
+    async getCurrentUser() {
+      try {
+        const response = await xhrGet('/api/login/user');
+        this.setCurrentUser(response.json);
+      } catch (Exception) {
+        console.error('Error while trying to get resource for api/login/user. Error:', Exception);
+      }
+    },
+  },
+};

ui/src/services/rematch/store.js

@@ -0,0 +1,30 @@
+import { notificationAdapter } from './models/notificationAdapter';
+import createLoadingPlugin from '@rematch/loading';
+import { provider } from './models/provider';
+import { createLogger } from 'redux-logger';
+import { jobs } from './models/jobs';
+import { user } from './models/user';
+import { init } from '@rematch/core';
+
+const middleware = [];
+
+if (process.env.NODE_ENV === 'development') {
+  // eslint-disable-line no-redeclare
+  middleware.push(createLogger({ duration: false, collapsed: (getState, action, logEntry) => !logEntry.error }));
+}
+
+const store = init({
+  name: 'fredy',
+  models: {
+    notificationAdapter,
+    provider,
+    jobs,
+    user,
+  },
+  plugins: [createLoadingPlugin({})],
+  redux: {
+    middlewares: middleware,
+  },
+});
+
+export const reduxStore = store;