Add API methods, catalog list loading

Author: ssarkisy

package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "antd": "2.13.6",
+    "axios": "^0.17.0",
     "babel-polyfill": "^6.26.0",
     "moment": "^2.19.1",
     "prop-types": "^15.6.0",

src/components/api/catalogApi.js

@@ -0,0 +1,39 @@
+import axios from 'axios';
+import { server } from "./config";
+
+class CatalogApi {
+
+  static getAllCatalogs() {
+    return axios(
+      {
+        method: 'get',
+        url: `${server}/form/info`,
+        params: {
+          size: 5000
+        }
+      }
+    );
+  }
+
+  static getCatalogInfo(catalogClass) {
+    return axios.get(`${server}/form/info/${catalogClass}`);
+  }
+
+  static getCatalogExtent(catalogClass) {
+    return axios.get(`${server}/form/objects/${catalogClass}/info?size=500`);
+  }
+
+  static getCatalogExtendWithClass(catalogClass) {
+    return axios.get(`${server}/form/objects/${catalogClass}/infoclass?size=500&orderby=name`);
+  }
+
+  static getFormObjectById(catalogClass, id) {
+    return axios.get(`${server}/form/object/${catalogClass}/${id}`);
+  }
+
+  static saveCatalog(catalogClass, id, catalog) {
+    return axios.put(`${server}/form/object/${catalogClass}/${id}`, catalog);
+  }
+}
+
+export default CatalogApi;

src/components/api/config.js

@@ -0,0 +1 @@
+export const server = 'http://localhost:57773/sah/rest';

src/components/catalog/CatalogListPage.js

@@ -1,11 +1,16 @@
 import React from 'react';
-import { Breadcrumb, Table } from 'antd';
+import { Breadcrumb, Table, notification } from 'antd';
+import CatalogApi from '../api/catalogApi';
 
 class CatalogListPage extends React.Component {
 
   constructor(props, context) {
     super(props, context);
 
+    this.state = {
+      catalogs: []
+    };
+
     this.columns = [
       {
         title: 'Catalog',
@@ -21,13 +26,20 @@ class CatalogListPage extends React.Component {
   }
 
   componentDidMount() {
-    this.setState({catalog: []});
+    CatalogApi.getAllCatalogs()
+      .then((catalogs) => {
+        this.setState({catalogs: catalogs.data});
+      })
+      .catch((err) => {
+        notification.error({
+          message: 'Unable to load Catalog list',
+          description: err.summary || '',
+        });
+      });
   }
 
 
   render() {
-    const { catalogs } = this.props;
-
     return (
       <div>
         <Breadcrumb style={{ margin: '12px 0' }}>
@@ -36,7 +48,7 @@ class CatalogListPage extends React.Component {
 
         <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>
           <Table
-            dataSource={catalogs}
+            dataSource={this.state.catalogs}
             columns={this.columns}
             rowKey="class"
             bordered