@plusscommunities/pluss-maintenance-app 6.0.4-auth.0 → 6.0.5-auth.0

package/dist/module/apis/index.js

@@ -1,2 +1,2 @@
-export * from './generalActions';
+export * from './maintenanceActions';
 //# sourceMappingURL=index.js.map

package/dist/module/apis/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.js"],"sourcesContent":["export * from './generalActions';\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.js"],"sourcesContent":["export * from './maintenanceActions';\n"],"mappings":"AAAA,cAAc,sBAAsB","ignoreList":[]}

package/dist/module/apis/{generalActions.js → maintenanceActions.js}

@@ -1,8 +1,5 @@
-// import axios from 'axios';
-// import { getUrl } from './helper';
-// import { authedFunction } from '../js';
 import { Helper, Session } from '../core.config';
-export const generalActions = {
+export const maintenanceActions = {
   getJob: (site, id) => {
     return Session.authedFunction({
       method: 'POST',
@@ -54,12 +51,12 @@ export const generalActions = {
   },
   getJobsRecursive: (site, status, type, lastKey, jobs = []) => {
     return new Promise(resolve => {
-      generalActions.getJobs2(site, status, type, lastKey).then(jobRes => {
+      maintenanceActions.getJobs2(site, status, type, lastKey).then(jobRes => {
         const newJobs = [...jobs, ...jobRes.data.Items];
         if (!jobRes.data.LastKey) {
           return resolve(newJobs);
         }
-        return resolve(generalActions.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs));
+        return resolve(maintenanceActions.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs));
       });
     });
   },
@@ -104,6 +101,24 @@ export const generalActions = {
       }
     });
   },
+  assignJob: (jobId, userId) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'update/assign'),
+      data: {
+        id: jobId,
+        userId
+      }
+    });
+  },
+  getAssignees: site => {
+    return Session.authedFunction({
+      method: 'GET',
+      url: Helper.getUrl('maintenance', 'get/assignees', {
+        site
+      })
+    });
+  },
   addNote: (jobId, note, attachments) => {
     return Session.authedFunction({
       method: 'POST',
@@ -140,10 +155,6 @@ export const generalActions = {
       }
     });
   },
-  // getWeeklyMenu: async time => {
-  //   //deprecated
-  //   return null;
-  // },
   getJobTypes: async site => {
     const url = Helper.getUrl('maintenance', 'getjobtypes');
     return Session.authedFunction({
@@ -154,33 +165,5 @@ export const generalActions = {
       }
     });
   }
-  // sendBookingRequest: async bookingInfo => {
-  //   return authedFunction({
-  //     method: 'POST',
-  //     data: {
-  //       bookingInfo,
-  //     },
-  //     url: getUrl('utility', 'sendBookingRequest'),
-  //   });
-  // },
-  // getString: async (site, id, useDefault) => {
-  //   return axios({
-  //     method: 'GET',
-  //     url: getUrl('strings', `get/${site}_${id}`, useDefault ? { useDefault } : undefined),
-  //   }).catch(error => {
-  //     console.log('getString error', error);
-  //     throw error;
-  //   });
-  // },
-  // getGeneralTerms: async () => {
-  //   return axios({
-  //     method: 'GET',
-  //     url: 'https://pluss.plussapp.com.au/strings-prd/get/plussSpace_termsofuse',
-  //   });
-  // },
-  // declineTerms: async (site, userID) => {
-  //   //deprecated
-  //   return null;
-  // },
 };
-//# sourceMappingURL=generalActions.js.map
+//# sourceMappingURL=maintenanceActions.js.map

package/dist/module/apis/maintenanceActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Helper","Session","maintenanceActions","getJob","site","id","authedFunction","method","url","getUrl","data","getJobByJobId","jobId","getJobs","status","type","getJobs2","lastKey","query","JSON","stringify","getJobsRecursive","jobs","Promise","resolve","then","jobRes","newJobs","Items","LastKey","sendMaintenanceRequest","userID","userName","phone","room","title","description","date","images","location","isHome","homeText","request","editJob","job","editJobStatus","assignJob","userId","getAssignees","addNote","note","attachments","action","editNote","noteId","deleteNote","getJobTypes"],"sources":["maintenanceActions.js"],"sourcesContent":["import { Helper, Session } from '../core.config';\n\nexport const maintenanceActions = {\n  getJob: (site, id) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'getJob'),\n      data: { site, id },\n    });\n  },\n  getJobByJobId: (site, jobId) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'getJob'),\n      data: { site, jobId },\n    });\n  },\n  getJobs: (site, status = '', type = '') => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'getJobs'),\n      data: { site, status, type },\n    });\n  },\n  getJobs2: (site, status, type, lastKey) => {\n    const query = { site };\n    if (status) {\n      query.status = status;\n    }\n    if (type) {\n      query.type = type;\n    }\n    if (lastKey) {\n      query.lastKey = JSON.stringify(lastKey);\n    }\n    return Session.authedFunction({\n      method: 'GET',\n      url: Helper.getUrl('maintenance', 'get/requests', query),\n    });\n  },\n  getJobsRecursive: (site, status, type, lastKey, jobs = []) => {\n    return new Promise(resolve => {\n      maintenanceActions.getJobs2(site, status, type, lastKey).then(jobRes => {\n        const newJobs = [...jobs, ...jobRes.data.Items];\n        if (!jobRes.data.LastKey) {\n          return resolve(newJobs);\n        }\n        return resolve(maintenanceActions.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs));\n      });\n    });\n  },\n  sendMaintenanceRequest: (userID, userName, phone, room, title, description, date, type, images, location, isHome, homeText) => {\n    const request = {\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'sendMaintenance'),\n      data: {\n        userID,\n        userName,\n        phone,\n        room,\n        title,\n        description,\n        date,\n        type,\n        images,\n        location,\n        isHome,\n        homeText,\n      },\n    };\n    return Session.authedFunction(request);\n  },\n  editJob: (job, site) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'editJob'),\n      data: { job, site },\n    });\n  },\n  editJobStatus: (id, status) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'editJobStatus'),\n      data: { id, status },\n    });\n  },\n  assignJob: (jobId, userId) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'update/assign'),\n      data: {\n        id: jobId,\n        userId,\n      },\n    });\n  },\n  getAssignees: site => {\n    return Session.authedFunction({\n      method: 'GET',\n      url: Helper.getUrl('maintenance', 'get/assignees', { site }),\n    });\n  },\n  addNote: (jobId, note, attachments) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'requests/note'),\n      data: {\n        id: jobId,\n        note,\n        attachments,\n        action: 'AddNote',\n      },\n    });\n  },\n  editNote: (jobId, noteId, note, attachments) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'requests/note'),\n      data: {\n        id: jobId,\n        note,\n        attachments,\n        noteId,\n        action: 'EditNote',\n      },\n    });\n  },\n  deleteNote: (jobId, noteId) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'requests/note'),\n      data: {\n        id: jobId,\n        noteId,\n        action: 'DeleteNote',\n      },\n    });\n  },\n  getJobTypes: async site => {\n    const url = Helper.getUrl('maintenance', 'getjobtypes');\n    return Session.authedFunction({\n      method: 'POST',\n      url,\n      data: { site },\n    });\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/FilterPopupMenu.js

@@ -2,18 +2,45 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { Component } from 'react';
-import { View, Text, TouchableOpacity, Modal } from 'react-native';
+import { View, Text, TouchableOpacity, Modal, ScrollView, Dimensions } from 'react-native';
 import { connect } from 'react-redux';
 import _ from 'lodash';
-import { generalActions } from '../apis';
+import { maintenanceActions } from '../apis';
 import { Colours, Helper } from '../core.config';
+const SCREEN_HEIGHT = Dimensions.get('window').height;
 class FilterPopupMenu extends Component {
   constructor(props) {
     super(props);
+    _defineProperty(this, "getAssignees", async () => {
+      try {
+        const res = await maintenanceActions.getAssignees(this.props.site);
+        let assignees = res.data.Users.map(t => {
+          return {
+            label: t.displayName,
+            value: t.id
+          };
+        });
+        assignees = _.orderBy(assignees, 'label');
+        assignees.splice(0, 0, {
+          label: 'All',
+          value: ''
+        });
+        const newState = {
+          assignees
+        };
+        if (!assignees.some(a => a.value === this.state.selectedAssignee)) {
+          newState.selectedAssignee = '';
+        }
+        // console.log('refreshassignees', assignees);
+        this.setState(newState);
+      } catch (error) {
+        console.error('getAssignees', error);
+      }
+    });
     _defineProperty(this, "refreshTypes", async () => {
       const {
         data
-      } = await generalActions.getJobTypes(Helper.getSite(this.props.site));
+      } = await maintenanceActions.getJobTypes(Helper.getSite(this.props.site));
       const types = data.map(t => {
         return {
           label: t.typeName,
@@ -35,22 +62,29 @@ class FilterPopupMenu extends Component {
       this.setState(newState);
     });
     _defineProperty(this, "onDone", () => {
+      var _this$statusOptions$f, _this$state$assignees;
       const {
         onClose
       } = this.props;
       const {
         selectedStatus,
-        selectedType
+        selectedType,
+        selectedAssignee
       } = this.state;
       if (onClose) onClose({
         status: selectedStatus,
-        type: selectedType
+        statusText: (_this$statusOptions$f = this.statusOptions.find(o => o.value === selectedStatus)) === null || _this$statusOptions$f === void 0 ? void 0 : _this$statusOptions$f.label,
+        type: selectedType,
+        assignee: selectedAssignee,
+        assigneeName: (_this$state$assignees = this.state.assignees.find(a => a.value === selectedAssignee)) === null || _this$state$assignees === void 0 ? void 0 : _this$state$assignees.label
       });
     });
     this.state = {
       types: props.types || [],
       selectedStatus: props.status || '',
-      selectedType: props.type || ''
+      selectedType: props.type || '',
+      selectedAssignee: props.assignee || '',
+      assignees: []
     };
     this.statusOptions = [{
       label: 'All',
@@ -59,7 +93,7 @@ class FilterPopupMenu extends Component {
       label: 'Incomplete',
       value: 'Unassigned|In Progress'
     }, {
-      label: 'Unassigned',
+      label: 'Open',
       value: 'Unassigned'
     }, {
       label: 'In Progress',
@@ -70,6 +104,7 @@ class FilterPopupMenu extends Component {
     }];
   }
   componentDidMount() {
+    this.getAssignees();
     if (_.isEmpty(this.state.types)) this.refreshTypes();
   }
   componentDidUpdate(prevProps) {
@@ -141,9 +176,9 @@ class FilterPopupMenu extends Component {
       style: styles.container
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.menu
-    }, this.renderTitle(), /*#__PURE__*/React.createElement(View, {
+    }, this.renderTitle(), /*#__PURE__*/React.createElement(ScrollView, {
       style: styles.optionContent
-    }, this.renderOptions('Status', this.statusOptions, 'selectedStatus'), this.renderOptions('Type', this.state.types, 'selectedType')), this.renderCancel())));
+    }, this.renderOptions('Status', this.statusOptions, 'selectedStatus'), this.renderOptions('Type', this.state.types, 'selectedType'), this.renderOptions('Assigned To', this.state.assignees, 'selectedAssignee')), this.renderCancel())));
   }
 }
 const styles = {
@@ -163,7 +198,8 @@ const styles = {
     right: 0,
     backgroundColor: '#fff',
     borderTopLeftRadius: 12,
-    borderTopRightRadius: 12
+    borderTopRightRadius: 12,
+    maxHeight: SCREEN_HEIGHT * 0.8
   },
   cancelContainer: {
     paddingVertical: 16,

package/dist/module/components/FilterPopupMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","Text","TouchableOpacity","Modal","connect","_","generalActions","Colours","Helper","FilterPopupMenu","constructor","props","_defineProperty","data","getJobTypes","getSite","site","types","map","t","label","typeName","value","splice","setState","key","newState","onClose","selectedStatus","selectedType","state","status","type","statusOptions","componentDidMount","isEmpty","refreshTypes","componentDidUpdate","prevProps","renderTitle","title","createElement","style","styles","titleContainer","titleText","renderCancel","colourBrandingMain","cancelText","onPress","onDone","cancelContainer","color","renderOptions","options","selectedKey","optionsContainer","optionsTitle","o","selected","backgroundColor","onSelectOption","optionContainer","borderColor","optionText","render","visible","transparent","animationType","onRequestClose","container","menu","optionContent","position","bottom","left","right","top","zIndex","borderTopLeftRadius","borderTopRightRadius","paddingVertical","LINEGREY","borderTopWidth","paddingHorizontal","fontFamily","fontSize","textAlign","TEXT_DARK","padding","borderBottomWidth","marginHorizontal","marginBottom","flex","flexDirection","flexWrap","alignItems","justifyContent","minWidth","height","borderRadius","borderWidth","marginRight","mapStateToProps","user","getMainBrandingColourFromState"],"sources":["FilterPopupMenu.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, TouchableOpacity, Modal } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { generalActions } from '../apis';\nimport { Colours, Helper } from '../core.config';\n\nclass FilterPopupMenu extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      types: props.types || [],\n      selectedStatus: props.status || '',\n      selectedType: props.type || '',\n    };\n    this.statusOptions = [\n      {\n        label: 'All',\n        value: '',\n      },\n      {\n        label: 'Incomplete',\n        value: 'Unassigned|In Progress',\n      },\n      {\n        label: 'Unassigned',\n        value: 'Unassigned',\n      },\n      {\n        label: 'In Progress',\n        value: 'In Progress',\n      },\n      {\n        label: 'Completed',\n        value: 'Completed',\n      },\n    ];\n  }\n\n  componentDidMount() {\n    if (_.isEmpty(this.state.types)) this.refreshTypes();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.site !== this.props.site) {\n      this.refreshTypes();\n    }\n  }\n\n  refreshTypes = async () => {\n    const { data } = await generalActions.getJobTypes(Helper.getSite(this.props.site));\n    const types = data.map(t => {\n      return { label: t.typeName, value: t.typeName };\n    });\n    types.splice(0, 0, { label: 'All', value: '' });\n    // console.log('refreshTypes', types);\n    this.setState({ types });\n  };\n\n  onSelectOption = (key, value) => {\n    const newState = {};\n    newState[key] = value;\n    this.setState(newState);\n  };\n\n  onDone = () => {\n    const { onClose } = this.props;\n    const { selectedStatus, selectedType } = this.state;\n    if (onClose)\n      onClose({\n        status: selectedStatus,\n        type: selectedType,\n      });\n  };\n\n  renderTitle() {\n    const { title } = this.props;\n    return (\n      <View style={styles.titleContainer}>\n        <Text style={styles.titleText}>{title || 'Filter By'}</Text>\n      </View>\n    );\n  }\n\n  renderCancel() {\n    const { colourBrandingMain, cancelText } = this.props;\n    return (\n      <TouchableOpacity onPress={this.onDone}>\n        <View style={styles.cancelContainer}>\n          <Text style={[styles.cancelText, { color: colourBrandingMain }]}>{cancelText || 'Done'}</Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n\n  renderOptions(title, options, selectedKey) {\n    const { colourBrandingMain } = this.props;\n    return (\n      <View style={styles.optionsContainer}>\n        <Text style={styles.optionsTitle}>{title}</Text>\n        <View style={styles.options}>\n          {options.map(o => {\n            const selected = this.state[selectedKey];\n            const backgroundColor = o.value === selected ? colourBrandingMain : '#fff';\n            const color = o.value === selected ? '#fff' : colourBrandingMain;\n            return (\n              <TouchableOpacity key={o.label} onPress={() => this.onSelectOption(selectedKey, o.value)}>\n                <View style={[styles.optionContainer, { backgroundColor, borderColor: colourBrandingMain }]}>\n                  <Text style={[styles.optionText, { color }]}>{o.label}</Text>\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </View>\n    );\n  }\n\n  render() {\n    return (\n      <Modal visible transparent animationType=\"slide\" onRequestClose={this.onDone}>\n        <View style={styles.container}>\n          <View style={styles.menu}>\n            {this.renderTitle()}\n            <View style={styles.optionContent}>\n              {this.renderOptions('Status', this.statusOptions, 'selectedStatus')}\n              {this.renderOptions('Type', this.state.types, 'selectedType')}\n            </View>\n            {this.renderCancel()}\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    backgroundColor: 'rgba(0,0,0,0.5)',\n    zIndex: 1000,\n  },\n  menu: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n  },\n  cancelContainer: {\n    paddingVertical: 16,\n    borderColor: Colours.LINEGREY,\n    borderTopWidth: 1,\n    paddingHorizontal: 16,\n  },\n  cancelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    textAlign: 'center',\n    color: Colours.TEXT_DARK,\n  },\n  titleContainer: {\n    padding: 16,\n    borderColor: Colours.LINEGREY,\n    borderBottomWidth: 1,\n  },\n  titleText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    textAlign: 'center',\n    color: Colours.TEXT_DARK,\n  },\n  optionContent: {\n    paddingVertical: 10,\n  },\n  optionsContainer: {\n    marginHorizontal: 14,\n  },\n  optionsTitle: {\n    fontFamily: 'sf-semibold',\n    marginBottom: 4,\n  },\n  options: {\n    flex: 1,\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  optionContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: 50,\n    height: 30,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n    borderWidth: 1,\n    marginRight: 8,\n    marginBottom: 8,\n  },\n  optionText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n  },\n};\n\nconst mapStateToProps = state => {\n  const { user } = state;\n\n  return {\n    site: user.site,\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(FilterPopupMenu);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","View","Text","TouchableOpacity","Modal","ScrollView","Dimensions","connect","_","maintenanceActions","Colours","Helper","SCREEN_HEIGHT","get","height","FilterPopupMenu","constructor","props","_defineProperty","res","getAssignees","site","assignees","data","Users","map","t","label","displayName","value","id","orderBy","splice","newState","some","a","state","selectedAssignee","setState","error","console","getJobTypes","getSite","types","typeName","key","_this$statusOptions$f","_this$state$assignees","onClose","selectedStatus","selectedType","status","statusText","statusOptions","find","o","type","assignee","assigneeName","componentDidMount","isEmpty","refreshTypes","componentDidUpdate","prevProps","renderTitle","title","createElement","style","styles","titleContainer","titleText","renderCancel","colourBrandingMain","cancelText","onPress","onDone","cancelContainer","color","renderOptions","options","selectedKey","optionsContainer","optionsTitle","selected","backgroundColor","onSelectOption","optionContainer","borderColor","optionText","render","visible","transparent","animationType","onRequestClose","container","menu","optionContent","position","bottom","left","right","top","zIndex","borderTopLeftRadius","borderTopRightRadius","maxHeight","paddingVertical","LINEGREY","borderTopWidth","paddingHorizontal","fontFamily","fontSize","textAlign","TEXT_DARK","padding","borderBottomWidth","marginHorizontal","marginBottom","flex","flexDirection","flexWrap","alignItems","justifyContent","minWidth","borderRadius","borderWidth","marginRight","mapStateToProps","user","getMainBrandingColourFromState"],"sources":["FilterPopupMenu.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, TouchableOpacity, Modal, ScrollView, Dimensions } from 'react-native';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { maintenanceActions } from '../apis';\nimport { Colours, Helper } from '../core.config';\n\nconst SCREEN_HEIGHT = Dimensions.get('window').height;\n\nclass FilterPopupMenu extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      types: props.types || [],\n      selectedStatus: props.status || '',\n      selectedType: props.type || '',\n      selectedAssignee: props.assignee || '',\n      assignees: [],\n    };\n    this.statusOptions = [\n      {\n        label: 'All',\n        value: '',\n      },\n      {\n        label: 'Incomplete',\n        value: 'Unassigned|In Progress',\n      },\n      {\n        label: 'Open',\n        value: 'Unassigned',\n      },\n      {\n        label: 'In Progress',\n        value: 'In Progress',\n      },\n      {\n        label: 'Completed',\n        value: 'Completed',\n      },\n    ];\n  }\n\n  componentDidMount() {\n    this.getAssignees();\n    if (_.isEmpty(this.state.types)) this.refreshTypes();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.site !== this.props.site) {\n      this.refreshTypes();\n    }\n  }\n\n  getAssignees = async () => {\n    try {\n      const res = await maintenanceActions.getAssignees(this.props.site);\n      let assignees = res.data.Users.map(t => {\n        return { label: t.displayName, value: t.id };\n      });\n      assignees = _.orderBy(assignees, 'label');\n\n      assignees.splice(0, 0, { label: 'All', value: '' });\n\n      const newState = { assignees };\n\n      if (!assignees.some(a => a.value === this.state.selectedAssignee)) {\n        newState.selectedAssignee = '';\n      }\n      // console.log('refreshassignees', assignees);\n      this.setState(newState);\n    } catch (error) {\n      console.error('getAssignees', error);\n    }\n  };\n\n  refreshTypes = async () => {\n    const { data } = await maintenanceActions.getJobTypes(Helper.getSite(this.props.site));\n    const types = data.map(t => {\n      return { label: t.typeName, value: t.typeName };\n    });\n    types.splice(0, 0, { label: 'All', value: '' });\n    // console.log('refreshTypes', types);\n    this.setState({ types });\n  };\n\n  onSelectOption = (key, value) => {\n    const newState = {};\n    newState[key] = value;\n    this.setState(newState);\n  };\n\n  onDone = () => {\n    const { onClose } = this.props;\n    const { selectedStatus, selectedType, selectedAssignee } = this.state;\n    if (onClose)\n      onClose({\n        status: selectedStatus,\n        statusText: this.statusOptions.find(o => o.value === selectedStatus)?.label,\n        type: selectedType,\n        assignee: selectedAssignee,\n        assigneeName: this.state.assignees.find(a => a.value === selectedAssignee)?.label,\n      });\n  };\n\n  renderTitle() {\n    const { title } = this.props;\n    return (\n      <View style={styles.titleContainer}>\n        <Text style={styles.titleText}>{title || 'Filter By'}</Text>\n      </View>\n    );\n  }\n\n  renderCancel() {\n    const { colourBrandingMain, cancelText } = this.props;\n    return (\n      <TouchableOpacity onPress={this.onDone}>\n        <View style={styles.cancelContainer}>\n          <Text style={[styles.cancelText, { color: colourBrandingMain }]}>{cancelText || 'Done'}</Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n\n  renderOptions(title, options, selectedKey) {\n    const { colourBrandingMain } = this.props;\n    return (\n      <View style={styles.optionsContainer}>\n        <Text style={styles.optionsTitle}>{title}</Text>\n        <View style={styles.options}>\n          {options.map(o => {\n            const selected = this.state[selectedKey];\n            const backgroundColor = o.value === selected ? colourBrandingMain : '#fff';\n            const color = o.value === selected ? '#fff' : colourBrandingMain;\n            return (\n              <TouchableOpacity key={o.label} onPress={() => this.onSelectOption(selectedKey, o.value)}>\n                <View style={[styles.optionContainer, { backgroundColor, borderColor: colourBrandingMain }]}>\n                  <Text style={[styles.optionText, { color }]}>{o.label}</Text>\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      </View>\n    );\n  }\n\n  render() {\n    return (\n      <Modal visible transparent animationType=\"slide\" onRequestClose={this.onDone}>\n        <View style={styles.container}>\n          <View style={styles.menu}>\n            {this.renderTitle()}\n            <ScrollView style={styles.optionContent}>\n              {this.renderOptions('Status', this.statusOptions, 'selectedStatus')}\n              {this.renderOptions('Type', this.state.types, 'selectedType')}\n              {this.renderOptions('Assigned To', this.state.assignees, 'selectedAssignee')}\n            </ScrollView>\n            {this.renderCancel()}\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    backgroundColor: 'rgba(0,0,0,0.5)',\n    zIndex: 1000,\n  },\n  menu: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    backgroundColor: '#fff',\n    borderTopLeftRadius: 12,\n    borderTopRightRadius: 12,\n    maxHeight: SCREEN_HEIGHT * 0.8,\n  },\n  cancelContainer: {\n    paddingVertical: 16,\n    borderColor: Colours.LINEGREY,\n    borderTopWidth: 1,\n    paddingHorizontal: 16,\n  },\n  cancelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    textAlign: 'center',\n    color: Colours.TEXT_DARK,\n  },\n  titleContainer: {\n    padding: 16,\n    borderColor: Colours.LINEGREY,\n    borderBottomWidth: 1,\n  },\n  titleText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    textAlign: 'center',\n    color: Colours.TEXT_DARK,\n  },\n  optionContent: {\n    paddingVertical: 10,\n  },\n  optionsContainer: {\n    marginHorizontal: 14,\n  },\n  optionsTitle: {\n    fontFamily: 'sf-semibold',\n    marginBottom: 4,\n  },\n  options: {\n    flex: 1,\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  optionContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: 50,\n    height: 30,\n    paddingHorizontal: 8,\n    borderRadius: 4,\n    borderWidth: 1,\n    marginRight: 8,\n    marginBottom: 8,\n  },\n  optionText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n  },\n};\n\nconst mapStateToProps = state => {\n  const { user } = state;\n\n  return {\n    site: user.site,\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(FilterPopupMenu);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/MaintenanceList.js

@@ -5,7 +5,7 @@ import React, { Component } from 'react';
 import { View, StyleSheet, FlatList, TouchableOpacity, Text } from 'react-native';
 import _ from 'lodash';
 import { connect } from 'react-redux';
-import { generalActions } from '../apis';
+import { maintenanceActions } from '../apis';
 import { jobsLoaded, jobAdded, jobsAdded } from '../actions';
 import MaintenanceListItem from '../components/MaintenanceListItem';
 import FilterPopupMenu from './FilterPopupMenu';
@@ -21,7 +21,7 @@ class MaintenanceList extends Component {
             selectedType
           } = this.state;
           // console.log('filters', { selectedStatus, selectedType });
-          const res = await generalActions.getJobsRecursive(this.props.site, selectedStatus, selectedType);
+          const res = await maintenanceActions.getJobsRecursive(this.props.site, selectedStatus, selectedType);
           // console.log('refresh', res?.data);
           if (selectedStatus !== this.initialStatus || !_.isEmpty(selectedType)) {
             this.props.jobsAdded(res);
@@ -38,7 +38,7 @@ class MaintenanceList extends Component {
     _defineProperty(this, "refreshTypes", async () => {
       const {
         data
-      } = await generalActions.getJobTypes(Helper.getSite(this.props.site));
+      } = await maintenanceActions.getJobTypes(Helper.getSite(this.props.site));
       const types = data.map(t => {
         return {
           label: t.typeName,
@@ -58,7 +58,7 @@ class MaintenanceList extends Component {
       if (this.state.loading) return;
       this.onLoadingChanged(true, async () => {
         try {
-          const job = await generalActions.getJobByJobId(this.props.site, jobId);
+          const job = await maintenanceActions.getJobByJobId(this.props.site, jobId);
           // console.log('fetchJob', job?.data);
           this.props.jobAdded(job.data);
         } catch (error) {
@@ -72,7 +72,8 @@ class MaintenanceList extends Component {
       const {
         searchText,
         selectedStatus,
-        selectedType
+        selectedType,
+        selectedAssignee
       } = this.state;
       const {
         jobs
@@ -91,6 +92,7 @@ class MaintenanceList extends Component {
       }
       if (selectedStatus) filteredList = filteredList.filter(j => selectedStatus.includes(j.status));
       if (selectedType) filteredList = filteredList.filter(j => selectedType.includes(j.type));
+      if (selectedAssignee) filteredList = filteredList.filter(j => selectedAssignee.includes(j.AssigneeId));
       if (jobIdMatch) {
         const jobIndex = filteredList.indexOf(jobIdMatch);
         if (jobIndex > -1) {
@@ -129,13 +131,40 @@ class MaintenanceList extends Component {
     _defineProperty(this, "onSelectFilter", selected => {
       this.setState({
         selectedStatus: selected.status,
-        selectedType: selected.type
+        selectedStatusText: selected.statusText,
+        selectedType: selected.type,
+        selectedAssignee: selected.assignee,
+        selectedAssigneeName: selected.assigneeName
       }, () => {
         this.resetDataSource();
         this.onToggleFilter();
       });
     });
+    _defineProperty(this, "getFilterButtonText", () => {
+      const {
+        selectedStatus,
+        selectedStatusText,
+        selectedType,
+        selectedAssignee,
+        selectedAssigneeName
+      } = this.state;
+      const filterTexts = [];
+      if (!_.isEmpty(selectedStatus)) {
+        filterTexts.push(selectedStatusText);
+      }
+      if (!_.isEmpty(selectedType)) {
+        filterTexts.push(selectedType);
+      }
+      if (!_.isEmpty(selectedAssignee)) {
+        filterTexts.push(selectedAssigneeName);
+      }
+      if (_.isEmpty(filterTexts)) {
+        return 'Filter';
+      }
+      return `Filtering by ${filterTexts.join(', ')}`;
+    });
     this.initialStatus = props.hasPermission ? 'Unassigned|In Progress' : '';
+    this.initialStatusText = props.hasPermission ? 'Incomplete' : '';
     this.state = {
       types: [],
       filteredList: props.jobs,
@@ -143,7 +172,10 @@ class MaintenanceList extends Component {
       searchText: '',
       showFilterPopup: false,
       selectedStatus: this.initialStatus,
-      selectedType: ''
+      selectedStatusText: this.initialStatusText,
+      selectedType: '',
+      selectedAssignee: '',
+      selectedAssigneeName: ''
     };
   }
   componentDidMount() {
@@ -178,7 +210,7 @@ class MaintenanceList extends Component {
       style: [styles.filterButtonText, {
         color: this.props.colourBrandingMain
       }]
-    }, "Filter")));
+    }, this.getFilterButtonText())));
   }
   renderSearch() {
     if (!this.props.hasPermission) return null;
@@ -202,7 +234,7 @@ class MaintenanceList extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(View, null, ListHeaderComponent ? ListHeaderComponent : /*#__PURE__*/React.createElement(View, {
       style: {
-        height: 32
+        height: 8
       }
     }), this.renderFilterButton(), this.renderSearch());
   }
@@ -235,13 +267,15 @@ class MaintenanceList extends Component {
       showFilterPopup,
       types,
       selectedStatus,
-      selectedType
+      selectedType,
+      selectedAssignee
     } = this.state;
     if (!showFilterPopup) return null;
     return /*#__PURE__*/React.createElement(FilterPopupMenu, {
       site: this.props.site,
       types: types,
       status: selectedStatus,
+      assignee: selectedAssignee,
       type: selectedType,
       onClose: this.onSelectFilter
     });
@@ -289,9 +323,9 @@ const styles = StyleSheet.create({
     paddingHorizontal: 16
   },
   filterButton: {
-    position: 'absolute',
-    right: 20,
-    top: -32
+    paddingBottom: 8,
+    paddingHorizontal: 16,
+    flexDirection: 'row-reverse'
   },
   filterButtonText: {
     fontFamily: 'sf-semibold',

package/dist/module/components/MaintenanceList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","StyleSheet","FlatList","TouchableOpacity","Text","_","connect","generalActions","jobsLoaded","jobAdded","jobsAdded","MaintenanceListItem","FilterPopupMenu","Components","Colours","Config","Helper","MaintenanceList","constructor","props","_defineProperty","onLoadingChanged","selectedStatus","selectedType","state","res","getJobsRecursive","site","initialStatus","isEmpty","error","console","log","data","getJobTypes","getSite","types","map","t","label","typeName","value","splice","setState","jobId","loading","job","getJobByJobId","source","searchText","jobs","filteredList","jobIdMatch","find","j","filter","room","toLowerCase","indexOf","fetchJob","includes","status","type","jobIndex","unshift","refresh","callback","resetDataSource","showFilterPopup","selected","onToggleFilter","hasPermission","componentDidMount","refreshTypes","componentDidUpdate","prevProps","dataUpdated","isEqual","getEmptyStateText","options","EmptyText","userCategory","env","strings","EMPTY_REQUESTS_STAFF","EMPTY_REQUESTS_USER","renderEmptyList","createElement","EmptyStateMain","title","style","marginHorizontal","renderFilterButton","onPress","styles","filterButton","filterButtonText","color","colourBrandingMain","renderSearch","searchContainer","GenericInput","placeholder","onChangeText","onSearchText","onSubmitEditing","onSearchSubmit","squaredCorners","hasClear","returnKeyType","renderListHeader","ListHeaderComponent","height","renderList","keyboardShouldPersistTaps","flex","contentContainerStyle","paddingBottom","keyExtractor","item","id","renderItem","itemStyle","ListEmptyComponent","renderFilterPopup","onClose","onSelectFilter","render","container","create","backgroundColor","filterContainerOuter","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","filterTitle","fontFamily","fontSize","letterSpacing","filterContainer","filterText","marginRight","filterIcon","position","right","top","mapStateToProps","user","notifications","jobsOrdered","orderBy","permissions","category","getMainBrandingColourFromState","forwardRef"],"sources":["MaintenanceList.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet, FlatList, TouchableOpacity, Text } from 'react-native';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { generalActions } from '../apis';\nimport { jobsLoaded, jobAdded, jobsAdded } from '../actions';\nimport MaintenanceListItem from '../components/MaintenanceListItem';\nimport FilterPopupMenu from './FilterPopupMenu';\nimport { Components, Colours, Config, Helper } from '../core.config';\n\nclass MaintenanceList extends Component {\n  constructor(props) {\n    super(props);\n\n    this.initialStatus = props.hasPermission ? 'Unassigned|In Progress' : '';\n\n    this.state = {\n      types: [],\n      filteredList: props.jobs,\n      loading: false,\n      searchText: '',\n      showFilterPopup: false,\n      selectedStatus: this.initialStatus,\n      selectedType: '',\n    };\n  }\n\n  componentDidMount() {\n    this.refresh();\n    this.refreshTypes();\n\n    this.resetDataSource();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n    if (!_.isEqual(prevProps.jobs, this.props.jobs)) this.resetDataSource();\n  }\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const { selectedStatus, selectedType } = this.state;\n        // console.log('filters', { selectedStatus, selectedType });\n        const res = await generalActions.getJobsRecursive(this.props.site, selectedStatus, selectedType);\n        // console.log('refresh', res?.data);\n        if (selectedStatus !== this.initialStatus || !_.isEmpty(selectedType)) {\n          this.props.jobsAdded(res);\n        } else {\n          this.props.jobsLoaded(res);\n        }\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  refreshTypes = async () => {\n    const { data } = await generalActions.getJobTypes(Helper.getSite(this.props.site));\n    const types = data.map(t => {\n      return { label: t.typeName, value: t.typeName };\n    });\n    types.splice(0, 0, { label: 'All', value: '' });\n    // console.log('refreshTypes', types);\n    this.setState({ types });\n  };\n\n  fetchJob = jobId => {\n    if (this.state.loading) return;\n\n    this.onLoadingChanged(true, async () => {\n      try {\n        const job = await generalActions.getJobByJobId(this.props.site, jobId);\n        // console.log('fetchJob', job?.data);\n        this.props.jobAdded(job.data);\n      } catch (error) {\n        console.log('fetchJob error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  getEmptyStateText() {\n    if (this.props.options && !_.isEmpty(this.props.options.EmptyText)) {\n      return this.props.options.EmptyText;\n    }\n    return this.props.userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;\n  }\n\n  resetDataSource = (source = '') => {\n    const { searchText, selectedStatus, selectedType } = this.state;\n    const { jobs } = this.props;\n\n    let filteredList = jobs;\n    let jobIdMatch = null;\n    if (searchText) {\n      jobIdMatch = _.find(jobs, j => j.jobId === searchText);\n      filteredList = jobs.filter(j => {\n        if (j.room && j.room.toLowerCase().indexOf(searchText.toLowerCase()) > -1) {\n          return true;\n        }\n        return false;\n      });\n      if (!jobIdMatch) this.fetchJob(searchText);\n    }\n    if (selectedStatus) filteredList = filteredList.filter(j => selectedStatus.includes(j.status));\n    if (selectedType) filteredList = filteredList.filter(j => selectedType.includes(j.type));\n    if (jobIdMatch) {\n      const jobIndex = filteredList.indexOf(jobIdMatch);\n      if (jobIndex > -1) {\n        filteredList.splice(jobIndex, 1);\n      }\n      filteredList.unshift(jobIdMatch);\n    }\n    if (source !== 'search') this.refresh();\n\n    this.setState({ filteredList });\n  };\n\n  onLoadingChanged = (loading, callback) => {\n    this.setState({ loading }, () => {\n      if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);\n      if (callback) callback();\n    });\n  };\n\n  onSearchText = value => {\n    this.setState({ searchText: value }, () => {\n      if (_.isEmpty(this.state.searchText)) this.resetDataSource('search');\n    });\n  };\n\n  onSearchSubmit = () => {\n    this.resetDataSource('search');\n  };\n\n  onToggleFilter = () => {\n    this.setState({ showFilterPopup: !this.state.showFilterPopup });\n  };\n\n  onSelectFilter = selected => {\n    this.setState({ selectedStatus: selected.status, selectedType: selected.type }, () => {\n      this.resetDataSource();\n      this.onToggleFilter();\n    });\n  };\n\n  renderEmptyList() {\n    return this.state.loading ? null : <Components.EmptyStateMain title={this.getEmptyStateText()} style={{ marginHorizontal: 16 }} />;\n  }\n\n  renderFilterButton() {\n    return (\n      <TouchableOpacity onPress={this.onToggleFilter}>\n        <View style={styles.filterButton}>\n          <Text style={[styles.filterButtonText, { color: this.props.colourBrandingMain }]}>Filter</Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n\n  renderSearch() {\n    if (!this.props.hasPermission) return null;\n\n    return (\n      <View style={styles.searchContainer}>\n        <Components.GenericInput\n          placeholder=\"Search by Job ID or Location\"\n          value={this.state.searchText}\n          onChangeText={this.onSearchText}\n          onSubmitEditing={this.onSearchSubmit}\n          squaredCorners\n          hasClear\n          // keyboardType={'numeric'}\n          returnKeyType={'done'}\n        />\n      </View>\n    );\n  }\n\n  renderListHeader() {\n    const { ListHeaderComponent } = this.props;\n    return (\n      <View>\n        {ListHeaderComponent ? ListHeaderComponent : <View style={{ height: 32 }} />}\n        {this.renderFilterButton()}\n        {this.renderSearch()}\n      </View>\n    );\n  }\n\n  renderList() {\n    const { filteredList } = this.state;\n\n    return (\n      <FlatList\n        keyboardShouldPersistTaps=\"always\"\n        style={{ flex: 1 }}\n        contentContainerStyle={{ paddingBottom: 16 }}\n        data={filteredList}\n        keyExtractor={item => item.id}\n        renderItem={({ item }) => <MaintenanceListItem style={this.props.itemStyle} job={item} />}\n        ListEmptyComponent={this.renderEmptyList()}\n        ListHeaderComponent={this.renderListHeader()}\n      />\n    );\n  }\n\n  renderFilterPopup() {\n    const { showFilterPopup, types, selectedStatus, selectedType } = this.state;\n    if (!showFilterPopup) return null;\n\n    return (\n      <FilterPopupMenu site={this.props.site} types={types} status={selectedStatus} type={selectedType} onClose={this.onSelectFilter} />\n    );\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.renderList()}\n        {this.renderFilterPopup()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#fff',\n  },\n  filterContainerOuter: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  filterTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 11,\n    letterSpacing: 0.8,\n    color: '#4d4d4d',\n  },\n  filterContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  filterText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    marginRight: 6,\n  },\n  filterIcon: {\n    fontSize: 20,\n  },\n  searchContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingBottom: 8,\n    paddingHorizontal: 16,\n  },\n  filterButton: {\n    position: 'absolute',\n    right: 20,\n    top: -32,\n  },\n  filterButtonText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, jobs, notifications } = state;\n  const jobsOrdered = _.orderBy(jobs.jobs, ['createdUnix'], ['desc']);\n  const hasPermission = _.includes(user.permissions, 'maintenanceTracking');\n\n  return {\n    hasPermission,\n    jobs: jobsOrdered,\n    site: user.site,\n    userCategory: user.category,\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    dataUpdated: notifications.dataUpdated['jobs'],\n  };\n};\n\nexport default connect(mapStateToProps, { jobsLoaded, jobAdded, jobsAdded }, null, { forwardRef: true })(MaintenanceList);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","View","StyleSheet","FlatList","TouchableOpacity","Text","_","connect","maintenanceActions","jobsLoaded","jobAdded","jobsAdded","MaintenanceListItem","FilterPopupMenu","Components","Colours","Config","Helper","MaintenanceList","constructor","props","_defineProperty","onLoadingChanged","selectedStatus","selectedType","state","res","getJobsRecursive","site","initialStatus","isEmpty","error","console","log","data","getJobTypes","getSite","types","map","t","label","typeName","value","splice","setState","jobId","loading","job","getJobByJobId","source","searchText","selectedAssignee","jobs","filteredList","jobIdMatch","find","j","filter","room","toLowerCase","indexOf","fetchJob","includes","status","type","AssigneeId","jobIndex","unshift","refresh","callback","resetDataSource","showFilterPopup","selected","selectedStatusText","statusText","assignee","selectedAssigneeName","assigneeName","onToggleFilter","filterTexts","push","join","hasPermission","initialStatusText","componentDidMount","refreshTypes","componentDidUpdate","prevProps","dataUpdated","isEqual","getEmptyStateText","options","EmptyText","userCategory","env","strings","EMPTY_REQUESTS_STAFF","EMPTY_REQUESTS_USER","renderEmptyList","createElement","EmptyStateMain","title","style","marginHorizontal","renderFilterButton","onPress","styles","filterButton","filterButtonText","color","colourBrandingMain","getFilterButtonText","renderSearch","searchContainer","GenericInput","placeholder","onChangeText","onSearchText","onSubmitEditing","onSearchSubmit","squaredCorners","hasClear","returnKeyType","renderListHeader","ListHeaderComponent","height","renderList","keyboardShouldPersistTaps","flex","contentContainerStyle","paddingBottom","keyExtractor","item","id","renderItem","itemStyle","ListEmptyComponent","renderFilterPopup","onClose","onSelectFilter","render","container","create","backgroundColor","filterContainerOuter","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","filterTitle","fontFamily","fontSize","letterSpacing","filterContainer","filterText","marginRight","filterIcon","mapStateToProps","user","notifications","jobsOrdered","orderBy","permissions","category","getMainBrandingColourFromState","forwardRef"],"sources":["MaintenanceList.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet, FlatList, TouchableOpacity, Text } from 'react-native';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { maintenanceActions } from '../apis';\nimport { jobsLoaded, jobAdded, jobsAdded } from '../actions';\nimport MaintenanceListItem from '../components/MaintenanceListItem';\nimport FilterPopupMenu from './FilterPopupMenu';\nimport { Components, Colours, Config, Helper } from '../core.config';\n\nclass MaintenanceList extends Component {\n  constructor(props) {\n    super(props);\n\n    this.initialStatus = props.hasPermission ? 'Unassigned|In Progress' : '';\n    this.initialStatusText = props.hasPermission ? 'Incomplete' : '';\n\n    this.state = {\n      types: [],\n      filteredList: props.jobs,\n      loading: false,\n      searchText: '',\n      showFilterPopup: false,\n      selectedStatus: this.initialStatus,\n      selectedStatusText: this.initialStatusText,\n      selectedType: '',\n      selectedAssignee: '',\n      selectedAssigneeName: '',\n    };\n  }\n\n  componentDidMount() {\n    this.refresh();\n    this.refreshTypes();\n\n    this.resetDataSource();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n    if (!_.isEqual(prevProps.jobs, this.props.jobs)) this.resetDataSource();\n  }\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const { selectedStatus, selectedType } = this.state;\n        // console.log('filters', { selectedStatus, selectedType });\n        const res = await maintenanceActions.getJobsRecursive(this.props.site, selectedStatus, selectedType);\n        // console.log('refresh', res?.data);\n        if (selectedStatus !== this.initialStatus || !_.isEmpty(selectedType)) {\n          this.props.jobsAdded(res);\n        } else {\n          this.props.jobsLoaded(res);\n        }\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  refreshTypes = async () => {\n    const { data } = await maintenanceActions.getJobTypes(Helper.getSite(this.props.site));\n    const types = data.map(t => {\n      return { label: t.typeName, value: t.typeName };\n    });\n    types.splice(0, 0, { label: 'All', value: '' });\n    // console.log('refreshTypes', types);\n    this.setState({ types });\n  };\n\n  fetchJob = jobId => {\n    if (this.state.loading) return;\n\n    this.onLoadingChanged(true, async () => {\n      try {\n        const job = await maintenanceActions.getJobByJobId(this.props.site, jobId);\n        // console.log('fetchJob', job?.data);\n        this.props.jobAdded(job.data);\n      } catch (error) {\n        console.log('fetchJob error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  getEmptyStateText() {\n    if (this.props.options && !_.isEmpty(this.props.options.EmptyText)) {\n      return this.props.options.EmptyText;\n    }\n    return this.props.userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;\n  }\n\n  resetDataSource = (source = '') => {\n    const { searchText, selectedStatus, selectedType, selectedAssignee } = this.state;\n    const { jobs } = this.props;\n\n    let filteredList = jobs;\n    let jobIdMatch = null;\n    if (searchText) {\n      jobIdMatch = _.find(jobs, j => j.jobId === searchText);\n      filteredList = jobs.filter(j => {\n        if (j.room && j.room.toLowerCase().indexOf(searchText.toLowerCase()) > -1) {\n          return true;\n        }\n        return false;\n      });\n      if (!jobIdMatch) this.fetchJob(searchText);\n    }\n    if (selectedStatus) filteredList = filteredList.filter(j => selectedStatus.includes(j.status));\n    if (selectedType) filteredList = filteredList.filter(j => selectedType.includes(j.type));\n    if (selectedAssignee) filteredList = filteredList.filter(j => selectedAssignee.includes(j.AssigneeId));\n    if (jobIdMatch) {\n      const jobIndex = filteredList.indexOf(jobIdMatch);\n      if (jobIndex > -1) {\n        filteredList.splice(jobIndex, 1);\n      }\n      filteredList.unshift(jobIdMatch);\n    }\n    if (source !== 'search') this.refresh();\n\n    this.setState({ filteredList });\n  };\n\n  onLoadingChanged = (loading, callback) => {\n    this.setState({ loading }, () => {\n      if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);\n      if (callback) callback();\n    });\n  };\n\n  onSearchText = value => {\n    this.setState({ searchText: value }, () => {\n      if (_.isEmpty(this.state.searchText)) this.resetDataSource('search');\n    });\n  };\n\n  onSearchSubmit = () => {\n    this.resetDataSource('search');\n  };\n\n  onToggleFilter = () => {\n    this.setState({ showFilterPopup: !this.state.showFilterPopup });\n  };\n\n  onSelectFilter = selected => {\n    this.setState(\n      {\n        selectedStatus: selected.status,\n        selectedStatusText: selected.statusText,\n        selectedType: selected.type,\n        selectedAssignee: selected.assignee,\n        selectedAssigneeName: selected.assigneeName,\n      },\n      () => {\n        this.resetDataSource();\n        this.onToggleFilter();\n      },\n    );\n  };\n\n  getFilterButtonText = () => {\n    const { selectedStatus, selectedStatusText, selectedType, selectedAssignee, selectedAssigneeName } = this.state;\n    const filterTexts = [];\n    if (!_.isEmpty(selectedStatus)) {\n      filterTexts.push(selectedStatusText);\n    }\n\n    if (!_.isEmpty(selectedType)) {\n      filterTexts.push(selectedType);\n    }\n    if (!_.isEmpty(selectedAssignee)) {\n      filterTexts.push(selectedAssigneeName);\n    }\n    if (_.isEmpty(filterTexts)) {\n      return 'Filter';\n    }\n    return `Filtering by ${filterTexts.join(', ')}`;\n  };\n\n  renderEmptyList() {\n    return this.state.loading ? null : <Components.EmptyStateMain title={this.getEmptyStateText()} style={{ marginHorizontal: 16 }} />;\n  }\n\n  renderFilterButton() {\n    return (\n      <TouchableOpacity onPress={this.onToggleFilter}>\n        <View style={styles.filterButton}>\n          <Text style={[styles.filterButtonText, { color: this.props.colourBrandingMain }]}>{this.getFilterButtonText()}</Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n\n  renderSearch() {\n    if (!this.props.hasPermission) return null;\n\n    return (\n      <View style={styles.searchContainer}>\n        <Components.GenericInput\n          placeholder=\"Search by Job ID or Location\"\n          value={this.state.searchText}\n          onChangeText={this.onSearchText}\n          onSubmitEditing={this.onSearchSubmit}\n          squaredCorners\n          hasClear\n          // keyboardType={'numeric'}\n          returnKeyType={'done'}\n        />\n      </View>\n    );\n  }\n\n  renderListHeader() {\n    const { ListHeaderComponent } = this.props;\n    return (\n      <View>\n        {ListHeaderComponent ? ListHeaderComponent : <View style={{ height: 8 }} />}\n        {this.renderFilterButton()}\n        {this.renderSearch()}\n      </View>\n    );\n  }\n\n  renderList() {\n    const { filteredList } = this.state;\n\n    return (\n      <FlatList\n        keyboardShouldPersistTaps=\"always\"\n        style={{ flex: 1 }}\n        contentContainerStyle={{ paddingBottom: 16 }}\n        data={filteredList}\n        keyExtractor={item => item.id}\n        renderItem={({ item }) => <MaintenanceListItem style={this.props.itemStyle} job={item} />}\n        ListEmptyComponent={this.renderEmptyList()}\n        ListHeaderComponent={this.renderListHeader()}\n      />\n    );\n  }\n\n  renderFilterPopup() {\n    const { showFilterPopup, types, selectedStatus, selectedType, selectedAssignee } = this.state;\n    if (!showFilterPopup) return null;\n\n    return (\n      <FilterPopupMenu\n        site={this.props.site}\n        types={types}\n        status={selectedStatus}\n        assignee={selectedAssignee}\n        type={selectedType}\n        onClose={this.onSelectFilter}\n      />\n    );\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.renderList()}\n        {this.renderFilterPopup()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#fff',\n  },\n  filterContainerOuter: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  filterTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 11,\n    letterSpacing: 0.8,\n    color: '#4d4d4d',\n  },\n  filterContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  filterText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    marginRight: 6,\n  },\n  filterIcon: {\n    fontSize: 20,\n  },\n  searchContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingBottom: 8,\n    paddingHorizontal: 16,\n  },\n  filterButton: {\n    paddingBottom: 8,\n    paddingHorizontal: 16,\n    flexDirection: 'row-reverse',\n  },\n  filterButtonText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, jobs, notifications } = state;\n  const jobsOrdered = _.orderBy(jobs.jobs, ['createdUnix'], ['desc']);\n  const hasPermission = _.includes(user.permissions, 'maintenanceTracking');\n\n  return {\n    hasPermission,\n    jobs: jobsOrdered,\n    site: user.site,\n    userCategory: user.category,\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    dataUpdated: notifications.dataUpdated['jobs'],\n  };\n};\n\nexport default connect(mapStateToProps, { jobsLoaded, jobAdded, jobsAdded }, null, { forwardRef: true })(MaintenanceList);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/MaintenanceListItem.js

@@ -83,7 +83,7 @@ class MaintenanceListItem extends Component {
     } = this.props;
     const createdTime = moment(job.createdUnix);
     const createdTimeText = `${createdTime.format('ddd, D MMMM')} • ${createdTime.format('h:mma')}`;
-    const activityTimeText = job.expectedDate ? moment(job.expectedDate).format('D MMMM') : '--';
+    const assigneeText = job.Assignee ? `Assigned to\n${job.Assignee.displayName}` : '';
     const {
       statusText,
       statusColor
@@ -131,11 +131,7 @@ class MaintenanceListItem extends Component {
       style: [styles.jobStatusContainer, {
         backgroundColor: statusColor
       }]
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "wrench",
-      type: "font-awesome",
-      iconStyle: styles.jobStatusIcon
-    }), /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusText
     }, statusText)), /*#__PURE__*/React.createElement(View, {
       style: [styles.jobStatusLine, {
@@ -149,7 +145,7 @@ class MaintenanceListItem extends Component {
       }]
     }), /*#__PURE__*/React.createElement(Text, {
       style: styles.jobStatusDateText
-    }, activityTimeText))))));
+    }, assigneeText))))));
   }
 }
 const styles = StyleSheet.create({
@@ -270,7 +266,7 @@ const styles = StyleSheet.create({
   jobStatusContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between',
+    justifyContent: 'center',
     width: 105,
     height: 30,
     paddingHorizontal: 8,
@@ -308,7 +304,7 @@ const styles = StyleSheet.create({
   jobStatusDateText: {
     flex: 1,
     textAlign: 'right',
-    fontFamily: 'sf-bold',
+    fontFamily: 'sf-medium',
     fontSize: 14,
     color: Colours.TEXT_DARK
   }