WIP Version 0.0.1

client/src/store/customViews/customViews.actions.js

@@ -42,4 +42,22 @@ export const fetchResourceViews = ({ resourceSlug }) => {
       })
       .catch((error) => { reject(error); });
   });
-};
+};
+
+export const fetchViewResource = ({ id }) => {
+  return (dispatch) => new Promise((resolve, reject) => {
+    ApiService.get(`views/${id}/resource`).then((response) => {
+      dispatch({
+        type: t.RESOURCE_COLUMNS_SET,
+        columns: response.data.resource_columns,
+        resource_slug: response.data.resource_slug
+      });
+      dispatch({
+        type: t.RESOURCE_FIELDS_SET,
+        fields: response.data.resource_fields, 
+        resource_slug: response.data.resource_slug,
+      });
+      resolve(response);
+    }).catch((error) => { reject(error); });
+  });
+}

client/src/store/customViews/customViews.selectors.js

@@ -1,5 +1,5 @@
 import {pickItemsFromIds} from 'store/selectors';
-
+import { getResourceField, getResourceColumn } from 'store/resources/resources.reducer';
 
 export const getResourceViews = (state, resourceName) => {
   const resourceViewsIds = state.views.resourceViews[resourceName] || [];
@@ -7,7 +7,16 @@ export const getResourceViews = (state, resourceName) => {
 };
 
 export const getViewMeta = (state, viewId) => {
-  return state.views.viewsMeta[viewId] || {};
+  const view = { ...state.views.viewsMeta[viewId] } || {};
+    
+  if (view.columns) {
+    view.columns = view.columns.map((column) => {
+      return {
+        ...getResourceColumn(state, column.field_id),
+      };
+    });
+  }
+  return view;
 };
 
 export const getViewItem = (state, viewId) => {