Add possibility to create new object

Author: ssarkisy

src/api/catalogApi.js

@@ -54,13 +54,21 @@ class CatalogApi {
   }
 
 
-  static saveCatalog(catalogClass, id, catalog) {
+  static updateObject(catalogClass, id, catalog) {
     return axios({
       method: 'put',
       url: `${server}/form/object/${catalogClass}/${id}`,
       data: catalog
     });
   }
+
+  static saveObject(catalogClass, catalog) {
+    return axios({
+      method: 'post',
+      url: `${server}/form/object/${catalogClass}`,
+      data: catalog
+    });
+  }
 }
 
 export default CatalogApi;

src/components/App.js

@@ -36,6 +36,7 @@ class App extends Component {
               <Route exact path={"/"} component={CatalogListPage}/>
               <Route exact path={"/catalog/:name"} component={CatalogPage}/>
               <Route exact path={"/catalog/:name/object/:id"} component={ManageCatalogPage}/>
+              <Route exact path={"/catalog/:name/object"} component={ManageCatalogPage}/>
 
             </Content>
             <Footer style={{ textAlign: 'center' }}>

src/components/catalog/CatalogPage.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {Breadcrumb, Table, Button} from 'antd';
+import { Breadcrumb, Table, Button, notification } from 'antd';
 import { NavLink } from 'react-router-dom';
 import CatalogApi from '../../api/catalogApi';
 
@@ -65,11 +65,23 @@ class CatalogPage extends React.Component {
         this.setState({catalog: response.data});
         return CatalogApi.getCatalogExtent(name);
       })
+
       .then((response) => {
         this.setState({extent: response.data.children});
+      })
+
+      .catch((error) => {
+        notification.error({
+          message: 'An error has occurred: ' + error.summary
+        });
       });
   }
 
+  add = () => {
+    const path = this.props.location.pathname;
+    this.props.history.replace(`${path}/object`);
+  };
+
   edit = (record) => {
     const path = this.props.location.pathname;
     this.props.history.replace(`${path}/object/${record._id}`);
@@ -93,7 +105,7 @@ class CatalogPage extends React.Component {
             <Button type="primary"
                     style={{float: 'right', marginBottom: 8}}
                     size="small"
-                    onClick={this.handleAdd}
+                    onClick={this.add}
                     className="clearfix"
             >
               Add

src/components/catalog/ManageCatalogPage.js

@@ -15,7 +15,9 @@ export class ManageCatalogPage extends React.Component {
       catalogPath: `/catalog/${this.props.match.params.name}`,
       collections: {},
       isTouched: false,
-      form: { name: '' },
+      form: {
+        name: ''
+      },
       errors: {},
       saving: false,
       loading: true
@@ -35,11 +37,26 @@ export class ManageCatalogPage extends React.Component {
           }
         });
 
-        return CatalogApi.getFormObjectById(this.props.match.params.name, this.props.match.params.id);
+        const id = this.props.match.params.id;
+        const name = this.props.match.params.name;
+
+        if (id) {
+          return CatalogApi.getFormObjectById(name, id);
+        }
+
+        return { data: { _class: this.state.catalog.class } };
       })
 
-      .then((response) => {
-        this.setState({form: response.data, loading: false});
+      .then(({data}) => {
+        this.setState({form: data, loading: false});
+      })
+
+      .catch(({response}) => {
+        const summary = (response && response.data && response.data.summary);
+
+        notification.error({
+          message: 'An error has occurred: ' + summary
+        });
       });
   }
 
@@ -83,7 +100,17 @@ export class ManageCatalogPage extends React.Component {
 
     this.setState({ saving: true });
 
-    CatalogApi.saveCatalog(this.props.match.params.name, this.props.match.params.id, this.state.form)
+    let promise;
+    const name = this.props.match.params.name;
+    const id = this.props.match.params.id;
+
+    if (id) {
+      promise = CatalogApi.updateObject(name, id, this.state.form);
+    } else {
+      promise = CatalogApi.saveObject(name, this.state.form);
+    }
+
+    promise
       .then(() => {
         notification.success({
           message: 'Saved successfully!'
@@ -145,7 +172,7 @@ export class ManageCatalogPage extends React.Component {
 
           {!this.state.loading &&
           <div>
-            {!this.props.match.params.id && <h1>'{this.state.catalog.name}: creating new object'</h1>}
+            {!this.props.match.params.id && <h1>{this.state.catalog.name}: creating new object</h1>}
 
             {this.props.match.params.id &&
             (this.state.catalog.objpermissions.indexOf('U') !== -1) &&