When filtering a view please use the newly introduced /documentView/{…

…windowId}/{viewId}/filter endpoint #740
metasfresh · May 15, 2017 · 95aec43 · 95aec43
1 parent b243dee
commit 95aec43
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 2 deletions.
diff --git a/src/actions/AppActions.js b/src/actions/AppActions.js
@@ -93,6 +93,13 @@ export function createViewRequest(
     });
 }
 
+export function filterViewRequest(windowType, viewId, filters){
+    return () => axios.post(config.API_URL + '/documentView/' + windowType +
+    '/'+viewId+'/filter', {
+        'filters': filters
+    });
+}
+
 export function addNotification(title, msg, time, notifType, shortMsg){
     return {
         type: types.ADD_NOTIFICATION,

diff --git a/src/components/app/DocumentList.js b/src/components/app/DocumentList.js
@@ -33,7 +33,8 @@ import {
 
 import {
     createViewRequest,
-    browseViewRequest
+    browseViewRequest,
+    filterViewRequest
 } from '../../actions/AppActions';
 
 class DocumentList extends Component {
@@ -267,7 +268,11 @@ class DocumentList extends Component {
                 if(viewId && !isNewFilter){
                     this.browseView();
                 }else{
-                    this.createView();
+                    if(viewId){
+                        this.filterView();
+                    } else {
+                        this.createView();
+                    }
                 }
                 setModalTitle && setModalTitle(response.data.caption)
             })
@@ -282,6 +287,7 @@ class DocumentList extends Component {
             })
         })
     }
+
     /*
      *  If viewId exist, than browse that view.
      */
@@ -316,6 +322,25 @@ class DocumentList extends Component {
         })
     }
 
+    filterView = () => {
+        const {
+            dispatch, windowType
+        } = this.props;
+
+        const {page, sort, filters, viewId} = this.state;
+
+        dispatch(filterViewRequest(
+            windowType, viewId, filters
+        )).then(response => {
+            this.mounted && this.setState({
+                data: response.data,
+                viewId: response.data.viewId
+            }, () => {
+                this.getData(response.data.viewId, page, sort);
+            })
+        })
+    }
+
     getData = (id, page, sortingQuery, refresh) => {
         const {dispatch, windowType, updateUri, setNotFound} = this.props;