@plusscommunities/pluss-maintenance-app-forms 6.0.8-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module/actions/JobActions.js +20 -0
- package/dist/module/actions/JobActions.js.map +1 -0
- package/dist/module/actions/index.js +2 -0
- package/dist/module/actions/index.js.map +1 -0
- package/dist/module/actions/types.js +5 -0
- package/dist/module/actions/types.js.map +1 -0
- package/dist/module/apis/index.js +2 -0
- package/dist/module/apis/index.js.map +1 -0
- package/dist/module/apis/maintenanceActions.js +171 -0
- package/dist/module/apis/maintenanceActions.js.map +1 -0
- package/dist/module/components/FilterPopupMenu.js +271 -0
- package/dist/module/components/FilterPopupMenu.js.map +1 -0
- package/dist/module/components/MaintenanceList.js +360 -0
- package/dist/module/components/MaintenanceList.js.map +1 -0
- package/dist/module/components/MaintenanceListItem.js +322 -0
- package/dist/module/components/MaintenanceListItem.js.map +1 -0
- package/dist/module/components/MaintenanceWidgetItem.js +149 -0
- package/dist/module/components/MaintenanceWidgetItem.js.map +1 -0
- package/dist/module/components/StatusSelectorPopup.js +89 -0
- package/dist/module/components/StatusSelectorPopup.js.map +1 -0
- package/dist/module/components/WidgetLarge.js +9 -0
- package/dist/module/components/WidgetLarge.js.map +1 -0
- package/dist/module/components/WidgetSmall.js +171 -0
- package/dist/module/components/WidgetSmall.js.map +1 -0
- package/dist/module/core.config.js +17 -0
- package/dist/module/core.config.js.map +1 -0
- package/dist/module/feature.config.js +75 -0
- package/dist/module/feature.config.js.map +1 -0
- package/dist/module/helper.js +33 -0
- package/dist/module/helper.js.map +1 -0
- package/dist/module/images/speechbubble.png +0 -0
- package/dist/module/index.js +25 -0
- package/dist/module/index.js.map +1 -0
- package/dist/module/reducers/JobsReducer.js +63 -0
- package/dist/module/reducers/JobsReducer.js.map +1 -0
- package/dist/module/screens/JobTypePicker.js +130 -0
- package/dist/module/screens/JobTypePicker.js.map +1 -0
- package/dist/module/screens/MaintenancePage.js +92 -0
- package/dist/module/screens/MaintenancePage.js.map +1 -0
- package/dist/module/screens/RequestDetail.js +980 -0
- package/dist/module/screens/RequestDetail.js.map +1 -0
- package/dist/module/screens/RequestNotes.js +390 -0
- package/dist/module/screens/RequestNotes.js.map +1 -0
- package/dist/module/screens/ServiceRequest.js +1243 -0
- package/dist/module/screens/ServiceRequest.js.map +1 -0
- package/dist/module/values.config.a.js +30 -0
- package/dist/module/values.config.a.js.map +1 -0
- package/dist/module/values.config.b.js +30 -0
- package/dist/module/values.config.b.js.map +1 -0
- package/dist/module/values.config.c.js +30 -0
- package/dist/module/values.config.c.js.map +1 -0
- package/dist/module/values.config.d.js +30 -0
- package/dist/module/values.config.d.js.map +1 -0
- package/dist/module/values.config.default.js +35 -0
- package/dist/module/values.config.default.js.map +1 -0
- package/dist/module/values.config.forms.js +35 -0
- package/dist/module/values.config.forms.js.map +1 -0
- package/dist/module/values.config.js +35 -0
- package/dist/module/values.config.js.map +1 -0
- package/package.json +53 -0
- package/src/actions/JobActions.js +22 -0
- package/src/actions/index.js +1 -0
- package/src/actions/types.js +5 -0
- package/src/apis/index.js +1 -0
- package/src/apis/maintenanceActions.js +163 -0
- package/src/components/FilterPopupMenu.js +256 -0
- package/src/components/MaintenanceList.js +335 -0
- package/src/components/MaintenanceListItem.js +289 -0
- package/src/components/MaintenanceWidgetItem.js +132 -0
- package/src/components/StatusSelectorPopup.js +87 -0
- package/src/components/WidgetLarge.js +10 -0
- package/src/components/WidgetSmall.js +152 -0
- package/src/core.config.js +5 -0
- package/src/feature.config.js +73 -0
- package/src/helper.js +39 -0
- package/src/images/speechbubble.png +0 -0
- package/src/index.js +25 -0
- package/src/reducers/JobsReducer.js +51 -0
- package/src/screens/JobTypePicker.js +107 -0
- package/src/screens/MaintenancePage.js +96 -0
- package/src/screens/RequestDetail.js +915 -0
- package/src/screens/RequestNotes.js +418 -0
- package/src/screens/ServiceRequest.js +1219 -0
- package/src/values.config.a.js +30 -0
- package/src/values.config.b.js +30 -0
- package/src/values.config.c.js +30 -0
- package/src/values.config.d.js +30 -0
- package/src/values.config.default.js +35 -0
- package/src/values.config.forms.js +35 -0
- package/src/values.config.js +35 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { JOBS_LOADED, JOB_ADDED, JOBS_ADDED } from './types';
|
|
2
|
+
export const jobsLoaded = jobs => {
|
|
3
|
+
return {
|
|
4
|
+
type: JOBS_LOADED,
|
|
5
|
+
payload: jobs
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
export const jobAdded = job => {
|
|
9
|
+
return {
|
|
10
|
+
type: JOB_ADDED,
|
|
11
|
+
payload: job
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export const jobsAdded = jobs => {
|
|
15
|
+
return {
|
|
16
|
+
type: JOBS_ADDED,
|
|
17
|
+
payload: jobs
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=JobActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["JOBS_LOADED","JOB_ADDED","JOBS_ADDED","jobsLoaded","jobs","type","payload","jobAdded","job","jobsAdded"],"sources":["JobActions.js"],"sourcesContent":["import { JOBS_LOADED, JOB_ADDED, JOBS_ADDED } from './types';\n\nexport const jobsLoaded = jobs => {\n return {\n type: JOBS_LOADED,\n payload: jobs,\n };\n};\n\nexport const jobAdded = job => {\n return {\n type: JOB_ADDED,\n payload: job,\n };\n};\n\nexport const jobsAdded = jobs => {\n return {\n type: JOBS_ADDED,\n payload: jobs,\n };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,UAAU,QAAQ,SAAS;AAE5D,OAAO,MAAMC,UAAU,GAAGC,IAAI,IAAI;EAChC,OAAO;IACLC,IAAI,EAAEL,WAAW;IACjBM,OAAO,EAAEF;EACX,CAAC;AACH,CAAC;AAED,OAAO,MAAMG,QAAQ,GAAGC,GAAG,IAAI;EAC7B,OAAO;IACLH,IAAI,EAAEJ,SAAS;IACfK,OAAO,EAAEE;EACX,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGL,IAAI,IAAI;EAC/B,OAAO;IACLC,IAAI,EAAEH,UAAU;IAChBI,OAAO,EAAEF;EACX,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["index.js"],"sourcesContent":["export * from './JobActions';\n"],"mappings":"AAAA,cAAc,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["values","JOBS_LOADED","actionJobsLoaded","JOB_ADDED","actionJobAdded","JOBS_ADDED","actionJobsAdded"],"sources":["types.js"],"sourcesContent":["import { values } from '../values.config';\n\nexport const JOBS_LOADED = values.actionJobsLoaded;\nexport const JOB_ADDED = values.actionJobAdded;\nexport const JOBS_ADDED = values.actionJobsAdded;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,WAAW,GAAGD,MAAM,CAACE,gBAAgB;AAClD,OAAO,MAAMC,SAAS,GAAGH,MAAM,CAACI,cAAc;AAC9C,OAAO,MAAMC,UAAU,GAAGL,MAAM,CAACM,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["index.js"],"sourcesContent":["export * from './maintenanceActions';\n"],"mappings":"AAAA,cAAc,sBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import { Helper, Session } from '../core.config';
|
|
2
|
+
import { values } from '../values.config';
|
|
3
|
+
export const maintenanceActions = {
|
|
4
|
+
getJob: (site, id) => {
|
|
5
|
+
return Session.authedFunction({
|
|
6
|
+
method: 'POST',
|
|
7
|
+
url: Helper.getUrl(values.serviceKey, 'getJob'),
|
|
8
|
+
data: {
|
|
9
|
+
site,
|
|
10
|
+
id
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
},
|
|
14
|
+
getJobByJobId: (site, jobId) => {
|
|
15
|
+
return Session.authedFunction({
|
|
16
|
+
method: 'POST',
|
|
17
|
+
url: Helper.getUrl(values.serviceKey, 'getJob'),
|
|
18
|
+
data: {
|
|
19
|
+
site,
|
|
20
|
+
jobId
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
},
|
|
24
|
+
getJobs: (site, status = '', type = '') => {
|
|
25
|
+
return Session.authedFunction({
|
|
26
|
+
method: 'POST',
|
|
27
|
+
url: Helper.getUrl(values.serviceKey, 'getJobs'),
|
|
28
|
+
data: {
|
|
29
|
+
site,
|
|
30
|
+
status,
|
|
31
|
+
type
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
},
|
|
35
|
+
getJobs2: (site, status, type, lastKey) => {
|
|
36
|
+
const query = {
|
|
37
|
+
site
|
|
38
|
+
};
|
|
39
|
+
if (status) {
|
|
40
|
+
query.status = status;
|
|
41
|
+
}
|
|
42
|
+
if (type) {
|
|
43
|
+
query.type = type;
|
|
44
|
+
}
|
|
45
|
+
if (lastKey) {
|
|
46
|
+
query.lastKey = JSON.stringify(lastKey);
|
|
47
|
+
}
|
|
48
|
+
return Session.authedFunction({
|
|
49
|
+
method: 'GET',
|
|
50
|
+
url: Helper.getUrl(values.serviceKey, 'get/requests', query)
|
|
51
|
+
});
|
|
52
|
+
},
|
|
53
|
+
getJobsRecursive: (site, status, type, lastKey, jobs = []) => {
|
|
54
|
+
return new Promise(resolve => {
|
|
55
|
+
maintenanceActions.getJobs2(site, status, type, lastKey).then(jobRes => {
|
|
56
|
+
const newJobs = [...jobs, ...jobRes.data.Items];
|
|
57
|
+
if (!jobRes.data.LastKey) {
|
|
58
|
+
return resolve(newJobs);
|
|
59
|
+
}
|
|
60
|
+
return resolve(maintenanceActions.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs));
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
},
|
|
64
|
+
sendMaintenanceRequest: (userID, userName, phone, room, title, description, date, type, images, location, isHome, homeText, customFields) => {
|
|
65
|
+
const request = {
|
|
66
|
+
method: 'POST',
|
|
67
|
+
url: Helper.getUrl(values.serviceKey, 'sendMaintenance'),
|
|
68
|
+
data: {
|
|
69
|
+
userID,
|
|
70
|
+
userName,
|
|
71
|
+
phone,
|
|
72
|
+
room,
|
|
73
|
+
title,
|
|
74
|
+
description,
|
|
75
|
+
date,
|
|
76
|
+
type,
|
|
77
|
+
images,
|
|
78
|
+
location,
|
|
79
|
+
isHome,
|
|
80
|
+
homeText,
|
|
81
|
+
customFields
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
return Session.authedFunction(request);
|
|
85
|
+
},
|
|
86
|
+
editJob: (job, site) => {
|
|
87
|
+
return Session.authedFunction({
|
|
88
|
+
method: 'POST',
|
|
89
|
+
url: Helper.getUrl(values.serviceKey, 'editJob'),
|
|
90
|
+
data: {
|
|
91
|
+
job,
|
|
92
|
+
site
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
},
|
|
96
|
+
editJobStatus: (id, status) => {
|
|
97
|
+
return Session.authedFunction({
|
|
98
|
+
method: 'POST',
|
|
99
|
+
url: Helper.getUrl(values.serviceKey, 'editJobStatus'),
|
|
100
|
+
data: {
|
|
101
|
+
id,
|
|
102
|
+
status
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
},
|
|
106
|
+
assignJob: (jobId, userId) => {
|
|
107
|
+
return Session.authedFunction({
|
|
108
|
+
method: 'POST',
|
|
109
|
+
url: Helper.getUrl(values.serviceKey, 'update/assign'),
|
|
110
|
+
data: {
|
|
111
|
+
id: jobId,
|
|
112
|
+
userId
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
},
|
|
116
|
+
getAssignees: site => {
|
|
117
|
+
return Session.authedFunction({
|
|
118
|
+
method: 'GET',
|
|
119
|
+
url: Helper.getUrl(values.serviceKey, 'get/assignees', {
|
|
120
|
+
site
|
|
121
|
+
})
|
|
122
|
+
});
|
|
123
|
+
},
|
|
124
|
+
addNote: (jobId, note, attachments) => {
|
|
125
|
+
return Session.authedFunction({
|
|
126
|
+
method: 'POST',
|
|
127
|
+
url: Helper.getUrl(values.serviceKey, 'requests/note'),
|
|
128
|
+
data: {
|
|
129
|
+
id: jobId,
|
|
130
|
+
note,
|
|
131
|
+
attachments,
|
|
132
|
+
action: 'AddNote'
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
},
|
|
136
|
+
editNote: (jobId, noteId, note, attachments) => {
|
|
137
|
+
return Session.authedFunction({
|
|
138
|
+
method: 'POST',
|
|
139
|
+
url: Helper.getUrl(values.serviceKey, 'requests/note'),
|
|
140
|
+
data: {
|
|
141
|
+
id: jobId,
|
|
142
|
+
note,
|
|
143
|
+
attachments,
|
|
144
|
+
noteId,
|
|
145
|
+
action: 'EditNote'
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
},
|
|
149
|
+
deleteNote: (jobId, noteId) => {
|
|
150
|
+
return Session.authedFunction({
|
|
151
|
+
method: 'POST',
|
|
152
|
+
url: Helper.getUrl(values.serviceKey, 'requests/note'),
|
|
153
|
+
data: {
|
|
154
|
+
id: jobId,
|
|
155
|
+
noteId,
|
|
156
|
+
action: 'DeleteNote'
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
},
|
|
160
|
+
getJobTypes: async site => {
|
|
161
|
+
const url = Helper.getUrl(values.serviceKey, 'getjobtypes');
|
|
162
|
+
return Session.authedFunction({
|
|
163
|
+
method: 'POST',
|
|
164
|
+
url,
|
|
165
|
+
data: {
|
|
166
|
+
site
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
}
|
|
170
|
+
};
|
|
171
|
+
//# sourceMappingURL=maintenanceActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Helper","Session","values","maintenanceActions","getJob","site","id","authedFunction","method","url","getUrl","serviceKey","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","customFields","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';\nimport { values } from '../values.config';\n\nexport const maintenanceActions = {\n getJob: (site, id) => {\n return Session.authedFunction({\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, 'getJob'),\n data: { site, id },\n });\n },\n getJobByJobId: (site, jobId) => {\n return Session.authedFunction({\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, 'getJob'),\n data: { site, jobId },\n });\n },\n getJobs: (site, status = '', type = '') => {\n return Session.authedFunction({\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, '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(values.serviceKey, '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: (\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 customFields,\n ) => {\n const request = {\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, '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 customFields,\n },\n };\n return Session.authedFunction(request);\n },\n editJob: (job, site) => {\n return Session.authedFunction({\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, 'editJob'),\n data: { job, site },\n });\n },\n editJobStatus: (id, status) => {\n return Session.authedFunction({\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, 'editJobStatus'),\n data: { id, status },\n });\n },\n assignJob: (jobId, userId) => {\n return Session.authedFunction({\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, '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(values.serviceKey, 'get/assignees', { site }),\n });\n },\n addNote: (jobId, note, attachments) => {\n return Session.authedFunction({\n method: 'POST',\n url: Helper.getUrl(values.serviceKey, '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(values.serviceKey, '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(values.serviceKey, 'requests/note'),\n data: {\n id: jobId,\n noteId,\n action: 'DeleteNote',\n },\n });\n },\n getJobTypes: async site => {\n const url = Helper.getUrl(values.serviceKey, 'getjobtypes');\n return Session.authedFunction({\n method: 'POST',\n url,\n data: { site },\n });\n },\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
2
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
3
|
+
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); }
|
|
4
|
+
import React, { Component } from 'react';
|
|
5
|
+
import { View, Text, TouchableOpacity, Modal, ScrollView, Dimensions } from 'react-native';
|
|
6
|
+
import { connect } from 'react-redux';
|
|
7
|
+
import _ from 'lodash';
|
|
8
|
+
import { maintenanceActions } from '../apis';
|
|
9
|
+
import { Colours, Helper } from '../core.config';
|
|
10
|
+
const SCREEN_HEIGHT = Dimensions.get('window').height;
|
|
11
|
+
class FilterPopupMenu extends Component {
|
|
12
|
+
constructor(props) {
|
|
13
|
+
super(props);
|
|
14
|
+
_defineProperty(this, "getAssignees", async () => {
|
|
15
|
+
try {
|
|
16
|
+
const res = await maintenanceActions.getAssignees(this.props.site);
|
|
17
|
+
let assignees = res.data.Users.map(t => {
|
|
18
|
+
return {
|
|
19
|
+
label: t.displayName,
|
|
20
|
+
value: t.id
|
|
21
|
+
};
|
|
22
|
+
});
|
|
23
|
+
assignees = _.orderBy(assignees, 'label');
|
|
24
|
+
assignees.splice(0, 0, {
|
|
25
|
+
label: 'All',
|
|
26
|
+
value: ''
|
|
27
|
+
});
|
|
28
|
+
const newState = {
|
|
29
|
+
assignees
|
|
30
|
+
};
|
|
31
|
+
if (!assignees.some(a => a.value === this.state.selectedAssignee)) {
|
|
32
|
+
newState.selectedAssignee = '';
|
|
33
|
+
}
|
|
34
|
+
// console.log('refreshassignees', assignees);
|
|
35
|
+
this.setState(newState);
|
|
36
|
+
} catch (error) {
|
|
37
|
+
console.error('getAssignees', error);
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
_defineProperty(this, "refreshTypes", async () => {
|
|
41
|
+
const {
|
|
42
|
+
data
|
|
43
|
+
} = await maintenanceActions.getJobTypes(Helper.getSite(this.props.site));
|
|
44
|
+
const types = data.map(t => {
|
|
45
|
+
return {
|
|
46
|
+
label: t.typeName,
|
|
47
|
+
value: t.typeName
|
|
48
|
+
};
|
|
49
|
+
});
|
|
50
|
+
types.splice(0, 0, {
|
|
51
|
+
label: 'All',
|
|
52
|
+
value: ''
|
|
53
|
+
});
|
|
54
|
+
// console.log('refreshTypes', types);
|
|
55
|
+
this.setState({
|
|
56
|
+
types
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
_defineProperty(this, "onSelectOption", (key, value) => {
|
|
60
|
+
const newState = {};
|
|
61
|
+
newState[key] = value;
|
|
62
|
+
this.setState(newState);
|
|
63
|
+
});
|
|
64
|
+
_defineProperty(this, "onDone", () => {
|
|
65
|
+
var _this$statusOptions$f, _this$state$assignees;
|
|
66
|
+
const {
|
|
67
|
+
onClose
|
|
68
|
+
} = this.props;
|
|
69
|
+
const {
|
|
70
|
+
selectedStatus,
|
|
71
|
+
selectedType,
|
|
72
|
+
selectedAssignee
|
|
73
|
+
} = this.state;
|
|
74
|
+
if (onClose) onClose({
|
|
75
|
+
status: selectedStatus,
|
|
76
|
+
statusText: (_this$statusOptions$f = this.statusOptions.find(o => o.value === selectedStatus)) === null || _this$statusOptions$f === void 0 ? void 0 : _this$statusOptions$f.label,
|
|
77
|
+
type: selectedType,
|
|
78
|
+
assignee: selectedAssignee,
|
|
79
|
+
assigneeName: (_this$state$assignees = this.state.assignees.find(a => a.value === selectedAssignee)) === null || _this$state$assignees === void 0 ? void 0 : _this$state$assignees.label
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
this.state = {
|
|
83
|
+
types: props.types || [],
|
|
84
|
+
selectedStatus: props.status || '',
|
|
85
|
+
selectedType: props.type || '',
|
|
86
|
+
selectedAssignee: props.assignee || '',
|
|
87
|
+
assignees: []
|
|
88
|
+
};
|
|
89
|
+
this.statusOptions = [{
|
|
90
|
+
label: 'All',
|
|
91
|
+
value: ''
|
|
92
|
+
}, {
|
|
93
|
+
label: 'Incomplete',
|
|
94
|
+
value: 'Unassigned|In Progress'
|
|
95
|
+
}, {
|
|
96
|
+
label: 'Open',
|
|
97
|
+
value: 'Unassigned'
|
|
98
|
+
}, {
|
|
99
|
+
label: 'In Progress',
|
|
100
|
+
value: 'In Progress'
|
|
101
|
+
}, {
|
|
102
|
+
label: 'Completed',
|
|
103
|
+
value: 'Completed'
|
|
104
|
+
}];
|
|
105
|
+
}
|
|
106
|
+
componentDidMount() {
|
|
107
|
+
this.getAssignees();
|
|
108
|
+
if (_.isEmpty(this.state.types)) this.refreshTypes();
|
|
109
|
+
}
|
|
110
|
+
componentDidUpdate(prevProps) {
|
|
111
|
+
if (prevProps.site !== this.props.site) {
|
|
112
|
+
this.refreshTypes();
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
renderTitle() {
|
|
116
|
+
const {
|
|
117
|
+
title
|
|
118
|
+
} = this.props;
|
|
119
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
120
|
+
style: styles.titleContainer
|
|
121
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
122
|
+
style: styles.titleText
|
|
123
|
+
}, title || 'Filter By'));
|
|
124
|
+
}
|
|
125
|
+
renderCancel() {
|
|
126
|
+
const {
|
|
127
|
+
colourBrandingMain,
|
|
128
|
+
cancelText
|
|
129
|
+
} = this.props;
|
|
130
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
131
|
+
onPress: this.onDone
|
|
132
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
133
|
+
style: styles.cancelContainer
|
|
134
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
135
|
+
style: [styles.cancelText, {
|
|
136
|
+
color: colourBrandingMain
|
|
137
|
+
}]
|
|
138
|
+
}, cancelText || 'Done')));
|
|
139
|
+
}
|
|
140
|
+
renderOptions(title, options, selectedKey) {
|
|
141
|
+
const {
|
|
142
|
+
colourBrandingMain
|
|
143
|
+
} = this.props;
|
|
144
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
145
|
+
style: styles.optionsContainer
|
|
146
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
147
|
+
style: styles.optionsTitle
|
|
148
|
+
}, title), /*#__PURE__*/React.createElement(View, {
|
|
149
|
+
style: styles.options
|
|
150
|
+
}, options.map(o => {
|
|
151
|
+
const selected = this.state[selectedKey];
|
|
152
|
+
const backgroundColor = o.value === selected ? colourBrandingMain : '#fff';
|
|
153
|
+
const color = o.value === selected ? '#fff' : colourBrandingMain;
|
|
154
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
155
|
+
key: o.label,
|
|
156
|
+
onPress: () => this.onSelectOption(selectedKey, o.value)
|
|
157
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
158
|
+
style: [styles.optionContainer, {
|
|
159
|
+
backgroundColor,
|
|
160
|
+
borderColor: colourBrandingMain
|
|
161
|
+
}]
|
|
162
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
163
|
+
style: [styles.optionText, {
|
|
164
|
+
color
|
|
165
|
+
}]
|
|
166
|
+
}, o.label)));
|
|
167
|
+
})));
|
|
168
|
+
}
|
|
169
|
+
render() {
|
|
170
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
171
|
+
visible: true,
|
|
172
|
+
transparent: true,
|
|
173
|
+
animationType: "slide",
|
|
174
|
+
onRequestClose: this.onDone
|
|
175
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
176
|
+
style: styles.container
|
|
177
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
178
|
+
style: styles.menu
|
|
179
|
+
}, this.renderTitle(), /*#__PURE__*/React.createElement(ScrollView, {
|
|
180
|
+
style: styles.optionContent
|
|
181
|
+
}, this.renderOptions('Status', this.statusOptions, 'selectedStatus'), this.renderOptions('Type', this.state.types, 'selectedType'), this.renderOptions('Assigned To', this.state.assignees, 'selectedAssignee')), this.renderCancel())));
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
const styles = {
|
|
185
|
+
container: {
|
|
186
|
+
position: 'absolute',
|
|
187
|
+
bottom: 0,
|
|
188
|
+
left: 0,
|
|
189
|
+
right: 0,
|
|
190
|
+
top: 0,
|
|
191
|
+
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
192
|
+
zIndex: 1000
|
|
193
|
+
},
|
|
194
|
+
menu: {
|
|
195
|
+
position: 'absolute',
|
|
196
|
+
bottom: 0,
|
|
197
|
+
left: 0,
|
|
198
|
+
right: 0,
|
|
199
|
+
backgroundColor: '#fff',
|
|
200
|
+
borderTopLeftRadius: 12,
|
|
201
|
+
borderTopRightRadius: 12,
|
|
202
|
+
maxHeight: SCREEN_HEIGHT * 0.8
|
|
203
|
+
},
|
|
204
|
+
cancelContainer: {
|
|
205
|
+
paddingVertical: 16,
|
|
206
|
+
borderColor: Colours.LINEGREY,
|
|
207
|
+
borderTopWidth: 1,
|
|
208
|
+
paddingHorizontal: 16
|
|
209
|
+
},
|
|
210
|
+
cancelText: {
|
|
211
|
+
fontFamily: 'sf-medium',
|
|
212
|
+
fontSize: 16,
|
|
213
|
+
textAlign: 'center',
|
|
214
|
+
color: Colours.TEXT_DARK
|
|
215
|
+
},
|
|
216
|
+
titleContainer: {
|
|
217
|
+
padding: 16,
|
|
218
|
+
borderColor: Colours.LINEGREY,
|
|
219
|
+
borderBottomWidth: 1
|
|
220
|
+
},
|
|
221
|
+
titleText: {
|
|
222
|
+
fontFamily: 'sf-semibold',
|
|
223
|
+
fontSize: 16,
|
|
224
|
+
textAlign: 'center',
|
|
225
|
+
color: Colours.TEXT_DARK
|
|
226
|
+
},
|
|
227
|
+
optionContent: {
|
|
228
|
+
paddingVertical: 10
|
|
229
|
+
},
|
|
230
|
+
optionsContainer: {
|
|
231
|
+
marginHorizontal: 14
|
|
232
|
+
},
|
|
233
|
+
optionsTitle: {
|
|
234
|
+
fontFamily: 'sf-semibold',
|
|
235
|
+
marginBottom: 4
|
|
236
|
+
},
|
|
237
|
+
options: {
|
|
238
|
+
flex: 1,
|
|
239
|
+
flexDirection: 'row',
|
|
240
|
+
flexWrap: 'wrap'
|
|
241
|
+
},
|
|
242
|
+
optionContainer: {
|
|
243
|
+
flexDirection: 'row',
|
|
244
|
+
alignItems: 'center',
|
|
245
|
+
justifyContent: 'center',
|
|
246
|
+
minWidth: 50,
|
|
247
|
+
height: 30,
|
|
248
|
+
paddingHorizontal: 8,
|
|
249
|
+
borderRadius: 4,
|
|
250
|
+
borderWidth: 1,
|
|
251
|
+
marginRight: 8,
|
|
252
|
+
marginBottom: 8
|
|
253
|
+
},
|
|
254
|
+
optionText: {
|
|
255
|
+
color: '#fff',
|
|
256
|
+
textAlign: 'center',
|
|
257
|
+
fontFamily: 'sf-semibold',
|
|
258
|
+
fontSize: 13
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
const mapStateToProps = state => {
|
|
262
|
+
const {
|
|
263
|
+
user
|
|
264
|
+
} = state;
|
|
265
|
+
return {
|
|
266
|
+
site: user.site,
|
|
267
|
+
colourBrandingMain: Colours.getMainBrandingColourFromState(state)
|
|
268
|
+
};
|
|
269
|
+
};
|
|
270
|
+
export default connect(mapStateToProps, {})(FilterPopupMenu);
|
|
271
|
+
//# sourceMappingURL=FilterPopupMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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":[]}
|