Merge pull request #1756 from weseek/feat/reset-function

added reset function

src/client/js/components/Admin/UserManagement.jsx

@@ -64,6 +64,20 @@ class UserManagement extends React.Component {
     return true;
   }
 
+  /**
+   * Reset button
+   */
+  resetButtonClickHandler() {
+    const { adminUsersContainer } = this.props;
+    try {
+      adminUsersContainer.resetAllChanges();
+      this.searchUserElement.value = '';
+    }
+    catch (err) {
+      toastError(err);
+    }
+  }
+
   /**
    * Workaround increamental search
    * @param {string} event
@@ -179,7 +193,11 @@ class UserManagement extends React.Component {
 
             <div>
               <button type="button" className="btn btn-default btn-outline btn-sm">
-                <span className="icon-refresh mr-1"></span>
+                <span
+                  className="icon-refresh mr-1"
+                  onClick={() => { this.resetButtonClickHandler() }}
+                >
+                </span>
                 Reset
               </button>
             </div>

src/client/js/services/AdminUsersContainer.js

@@ -115,6 +115,13 @@ export default class AdminUsersContainer extends Container {
     this.retrieveUsersByPagingNum(1);
   }
 
+  async resetAllChanges() {
+    await this.setState({
+      sort: 'id', sortOrder: 'asc', searchText: '', selectedStatusList: new Set(['all']),
+    });
+    this.retrieveUsersByPagingNum(1);
+  }
+
   /**
    * syncUsers of selectedPage
    * @memberOf AdminUsersContainer