@plusscommunities/pluss-maintenance-web-forms 1.2.4-beta.0 → 1.2.4-beta.2

package/src/components/JobTypes.js

@@ -1,198 +0,0 @@
-import React, { Component } from 'react';
-import { Table } from 'react-bootstrap';
-import { connect } from 'react-redux';
-import _ from 'lodash';
-import FontAwesome from 'react-fontawesome';
-import { withRouter } from 'react-router';
-import { Link } from 'react-router-dom';
-import { jobTypesLoaded, jobTypesUpdate } from '../actions';
-import { maintenanceActions } from '../apis';
-import Config, { PlussCore } from '../feature.config';
-import { values } from '../values.config';
-
-const { Session, Components } = PlussCore;
-
-class JobTypes extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      jobList: [],
-      sortColumn: 'name',
-      sortDesc: false,
-      loading: true,
-    };
-  }
-
-  componentWillMount() {
-    this.updateProps(this.props);
-    Session.checkLoggedIn(this, this.props.auth);
-  }
-
-  componentDidMount() {
-    this.getJobTypes();
-  }
-
-  componentWillReceiveProps(nextProps) {
-    this.updateProps(nextProps);
-  }
-
-  updateProps(props) {
-    this.setState({ jobList: props.jobtypes });
-  }
-
-  getJobTypes = async () => {
-    try {
-      const res = await maintenanceActions.getJobTypes(this.props.auth.site);
-      if (res.data != null) this.props.jobTypesLoaded(res.data);
-    } catch (error) {
-      console.error('getJobTypes', error);
-    } finally {
-      this.setState({ loading: false });
-    }
-  };
-
-  sortByCol = (col) => {
-    if (this.state.sortColumn === col) {
-      this.setState({ sortDesc: !this.state.sortDesc });
-    } else {
-      this.setState({ sortColumn: col, sortDesc: false });
-    }
-  };
-
-  onRemoveJobType = async (ev) => {
-    if (!window.confirm(`Are you sure you want to delete ${ev.typeName}?`)) return;
-
-    try {
-      await maintenanceActions.deleteJobType(this.props.auth.site, ev.id);
-      const index = _.findIndex(this.state.jobList, (job) => {
-        return job != null && job.id === ev.id;
-      });
-      if (index > -1) {
-        const newJobTypes = [...this.state.jobList];
-        newJobTypes[index].Deleted = true;
-        this.props.jobTypesLoaded(newJobTypes);
-      }
-    } catch (error) {
-      console.error('onRemoveJobType', error);
-      alert('Something went wrong with the request. Please try again.');
-    }
-  };
-
-  renderList() {
-    let source = _.sortBy(this.state.jobList, this.state.sortColumn);
-    if (this.state.sortDesc) source.reverse();
-    source = _.filter(source, (ev) => {
-      if (!ev) return false;
-      if (ev.Deleted) return false;
-      return true;
-    });
-
-    return source.map((ev, index) => {
-      if (ev != null) {
-        return (
-          <tr key={index}>
-            <td className="table-TitleColumn">
-              <Link to={`${values.routeAddRequestType}/${ev.id}`}>{ev.typeName}</Link>
-            </td>
-            <td>{ev.description}</td>
-            <td>{ev.email}</td>
-            <td className="table-options">
-              <div style={{ display: 'flex', alignItems: 'center' }}>
-                {Session.validateAccess(this.props.auth.site, values.permissionMaintenanceTypes, this.props.auth) && (
-                  <Link to={`${values.routeAddRequestType}/${ev.id}`}>
-                    <FontAwesome style={{ fontSize: 20, padding: 5, marginLeft: 12, cursor: 'pointer' }} name="pencil" />
-                  </Link>
-                )}
-                {Session.validateAccess(this.props.auth.site, values.permissionMaintenanceTypes, this.props.auth) && (
-                  <a onClick={() => this.onRemoveJobType(ev)}>
-                    <FontAwesome style={{ fontSize: 20, padding: 5, marginLeft: 8, cursor: 'pointer' }} name="minus-circle" />
-                  </a>
-                )}
-              </div>
-            </td>
-          </tr>
-        );
-      }
-      return null;
-    });
-  }
-
-  renderView() {
-    return (
-      <Table className="plussTable" striped bordered condensed hover style={{ minWidth: '100%' }}>
-        <thead>
-          <tr>
-            <th style={{ cursor: 'pointer' }} onClick={() => this.sortByCol('name')}>
-              {values.textSingularName} type
-            </th>
-            <th style={{ cursor: 'pointer' }} onClick={() => this.sortByCol('name')}>
-              Type Description
-            </th>
-            <th style={{ cursor: 'pointer' }} onClick={() => this.sortByCol('email')}>
-              Email
-            </th>
-            <th style={{ width: 70 }} />
-          </tr>
-        </thead>
-        <tbody>{this.renderList()}</tbody>
-      </Table>
-    );
-  }
-
-  renderEmpty() {
-    return (
-      <div style={{ display: 'flex', flexDirection: 'column', flex: 1, justifyContent: 'center', alignItems: 'center', marginTop: 32 }}>
-        <div className="emptyState" />
-        <div className="marginTop-32" style={{ maxWidth: 500, textAlign: 'center' }}>
-          <span className="fontRegular fontSize-13">{values.textEmptyJobTypes}</span>
-        </div>
-        <div className="marginTop-8 fontRegular fontSize-13" style={{ maxWidth: 500, textAlign: 'center' }}>
-          {values.textEmptyJobTypesExample}
-        </div>
-      </div>
-    );
-  }
-
-  renderContent() {
-    if (_.isEmpty(this.state.jobList)) return this.renderEmpty();
-    return this.renderView();
-  }
-
-  renderJobTypes() {
-    const { jobList, loading } = this.state;
-
-    if (jobList.length === 0 && loading) {
-      return (
-        <div style={{ minWidth: '100%' }}>
-          <div className="padding-60 paddingVertical-40" style={{ textAlign: 'center' }}>
-            <FontAwesome style={{ fontSize: 30, color: Config.env.colourBrandingOff }} name="spinner fa-pulse fa-fw" />
-          </div>
-        </div>
-      );
-    }
-    return (
-      <div style={{ minWidth: '100%' }}>
-        <div className="marginBottom-32">
-          <Components.AddButton onClick={this.props.onNew} text={values.textNewTypeButton} />
-        </div>
-        {this.renderContent()}
-      </div>
-    );
-  }
-
-  render() {
-    return (
-      <div style={{ minWidth: '100%' }}>
-        <div>{this.renderJobTypes()}</div>
-        <div className="hub_tidioPadding"></div>
-      </div>
-    );
-  }
-}
-
-const mapStateToProps = (state) => {
-  const { auth } = state;
-  return { jobtypes: state[values.reducerKey].jobtypes, auth };
-};
-
-export default connect(mapStateToProps, { jobTypesLoaded, jobTypesUpdate })(withRouter(JobTypes));

package/src/components/PreviewFull.js

@@ -1,33 +0,0 @@
-import React, { Component } from 'react';
-import fullNoTitle from '../images/fullNoTitle.png';
-import fullNoTitleForms from '../images/forms/fullNoTitle.png';
-import { values } from '../values.config';
-
-class PreviewFull extends Component {
-  render() {
-    const { backgroundColor, widgetTitle, titleClassName } = this.props;
-
-    let src = fullNoTitle;
-    if (values.featureKey === 'maintenanceForms') {
-      src = fullNoTitleForms;
-    }
-
-    return (
-      <div style={styles.container}>
-        <p className={titleClassName}>{widgetTitle}</p>
-        <img style={{ ...styles.image, backgroundColor }} src={src} alt="fullNoTitle" />
-      </div>
-    );
-  }
-}
-
-const styles = {
-  container: {
-    position: 'relative',
-  },
-  image: {
-    width: '100%',
-  },
-};
-
-export default PreviewFull;

package/src/components/PreviewGrid.js

@@ -1,29 +0,0 @@
-import React, { Component } from 'react';
-import { values } from '../values.config';
-
-const SVG_PATH = values.svgPathGridIcon;
-const SVG_VIEWBOX = values.svgPathGridIconViewBox || '0 0 30 30';
-
-class PreviewGrid extends Component {
-  render() {
-    const { colour } = this.props;
-
-    if (Array.isArray(SVG_PATH)) {
-      return (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox={SVG_VIEWBOX}>
-          {SVG_PATH.map((p) => {
-            return <path key={p.substring(0, 20)} d={p} fill={colour} />;
-          })}
-        </svg>
-      );
-    } else {
-      return (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox={SVG_VIEWBOX}>
-          <path key={SVG_PATH.substring(0, 20)} d={SVG_PATH} fill={colour} />
-        </svg>
-      );
-    }
-  }
-}
-
-export default PreviewGrid;

package/src/components/PreviewWidget.js

@@ -1,35 +0,0 @@
-import React, { Component } from 'react';
-import previewWidget from '../images/previewWidget.png';
-import previewWidgetForms from '../images/forms/previewWidget.png';
-import { values } from '../values.config';
-
-class PreviewWidget extends Component {
-  render() {
-    const { backgroundColor, widgetTitle, titleClassName } = this.props;
-
-    let src = previewWidget;
-    if (values.featureKey === 'maintenanceForms') {
-      src = previewWidgetForms;
-    }
-
-    return (
-      <div style={styles.container}>
-        <img style={{ ...styles.image, backgroundColor }} src={src} alt="previewWidget" />
-        <p className={titleClassName} style={styles.title}>
-          {widgetTitle}
-        </p>
-      </div>
-    );
-  }
-}
-
-const styles = {
-  container: {
-    position: 'relative',
-  },
-  image: {
-    width: '100%',
-  },
-};
-
-export default PreviewWidget;

package/src/components/ViewFull.js

@@ -1,25 +0,0 @@
-import React, { Component } from 'react';
-import full from '../images/full.png';
-import fullForms from '../images/forms/full.png';
-import { values } from '../values.config';
-
-class ViewFull extends Component {
-  render() {
-    let src = full;
-    if (values.featureKey === 'maintenanceForms') {
-      src = fullForms;
-    }
-
-    return <img style={styles.image} src={src} alt="full" />;
-  }
-}
-
-const styles = {
-  image: {
-    width: '100%',
-    height: '100%',
-    objectFit: 'contain',
-  },
-};
-
-export default ViewFull;

package/src/components/ViewWidget.js

@@ -1,23 +0,0 @@
-import React, { Component } from 'react';
-import widget from '../images/widget.png';
-import widgetForms from '../images/forms/widget.png';
-import { values } from '../values.config';
-
-class ViewWidget extends Component {
-  render() {
-    let src = widget;
-    if (values.featureKey === 'maintenanceForms') {
-      src = widgetForms;
-    }
-
-    return <img style={styles.image} src={src} alt="widget" />;
-  }
-}
-
-const styles = {
-  image: {
-    width: 80,
-  },
-};
-
-export default ViewWidget;

package/src/feature.config.js

@@ -1,127 +0,0 @@
-// import * as PlussCore from '../../pluss-core/src';
-import * as PlussCore from '@plusscommunities/pluss-core-web';
-import { values } from './values.config';
-
-export { PlussCore };
-
-const FeatureConfig = {
-  key: values.featureKey,
-  aliases: values.aliases,
-  singularName: values.textSingularName,
-  description: 'Submit maintenance requests and track the progress.',
-  emptyText: values.textYourRequestHere,
-  widgetOptions: [
-    {
-      key: values.featureKey,
-      widget: true,
-      main: true,
-      hideOnTabNumbers: [],
-      optionKey: values.optionOnlyForResidents,
-      type: 'toggle',
-      inverseOption: false,
-      title: 'Limit Admins to Only Submit on Behalf of Primary Users',
-      description:
-        'This will limit admins to only make a submission on behalf of a primary users in the site. Otherwise they can also submit on behalf of other admins/staff users.',
-      defaultNew: false,
-      default: false,
-    },
-  ],
-  menu: {
-    order: values.menuOrder,
-    text: values.textMenuTitle,
-    icon: values.menuIcon,
-    isFontAwesome: values.isFontAwesomeIcon,
-    isSVGIcon: values.isSVGIcon,
-    url: values.routeRequestsHub,
-    countProps: null,
-    visibleExps: {
-      type: 'and',
-      exps: [
-        { type: 'feature', value: values.featureKey },
-        {
-          type: 'or',
-          exps: [
-            { type: 'permission', value: values.permissionMaintenanceTracking },
-            { type: 'permission', value: values.permissionMaintenanceTypes },
-            { type: 'permission', value: values.permissionMaintenanceAssignment },
-          ],
-        },
-      ],
-    },
-  },
-  addUrl: values.routeAddRequest,
-  addPermission: values.permissionMaintenanceTracking,
-  activities: [
-    values.activityMaintenanceJobStatusChanged,
-    values.activityAddMaintenanceJob,
-    values.activityEditMaintenanceJob,
-    values.activityDeleteMaintenanceJob,
-  ],
-  permissions: [
-    {
-      displayName: values.textPermissionMaintenanceTracking,
-      key: values.permissionMaintenanceTracking,
-      hq: false,
-    },
-    {
-      displayName: values.textPermissionManageMaintenanceTypes,
-      key: values.permissionMaintenanceTypes,
-      hq: false,
-    },
-    {
-      displayName: values.textPermissionManageAssignedMaintenance,
-      key: values.permissionMaintenanceAssignment,
-      hq: false,
-    },
-  ],
-  hiddenSections: [
-    {
-      displayName: values.textHiddenSectionMaintenanceRequests,
-      key: values.keyHiddenSectionMaintenanceRequests,
-      defaultNew: false,
-      default: false,
-    },
-  ],
-  moreSections: values.hasMoreSection
-    ? [
-        {
-          displayName: values.textMoreSectionMaintenance,
-          featureKey: values.featureKeyMoreSectionMaintenance,
-          optionKey: values.optionKeyMoreSectionMaintenance,
-          hiddenKey: values.hiddenKeyMoreSectionMaintenance,
-          inverseOption: true,
-        },
-      ]
-    : [],
-  routes: [
-    { path: values.routeRequestsHub, component: values.screenRequestsHub, exact: false },
-    { path: values.routeAddRequest, component: values.screenAddJob, exact: true },
-    { path: `${values.routeAddRequest}/:jobId`, component: values.screenAddJob, exact: true },
-    { path: `${values.routeRequestDetails}/:jobId`, component: values.screenJob, exact: true },
-    { path: values.routeRequestTypes, component: values.screenJobTypes, exact: false },
-    { path: values.routeAddRequestType, component: values.screenAddJobType, exact: true },
-    { path: `${values.routeAddRequestType}/:jobTypeId`, component: values.screenAddJobType, exact: true },
-  ],
-  env: {
-    baseStage: '',
-    baseAPIUrl: '',
-    baseUploadsUrl: '',
-    uploadBucket: '',
-    colourBrandingMain: '',
-    colourBrandingOff: '',
-    colourBrandingApp: '',
-    defaultProfileImage: '',
-    utcOffset: '',
-    hasAvailableNews: false,
-    newsHaveTags: true,
-    defaultAllowComments: true,
-    makeApiKey: '',
-    logo: '',
-    clientName: '',
-  },
-  init: (environment) => {
-    FeatureConfig.env = environment;
-    PlussCore.Config.init(environment);
-  },
-};
-export default FeatureConfig;

package/src/helper/index.js

@@ -1,26 +0,0 @@
-import jobStatusOptions from '../maintenanceStatus.json';
-import jobPriorityOptions from '../maintenancePriority.json';
-
-const STATUS_IMCOMPLETE = 'All Incomplete';
-const STATUS_NOT_ACTIONED = 'Not Actioned';
-const STATUS_IN_PROGRESS = 'In Progress';
-const STATUS_COMPLETED = 'Completed';
-
-const getDefaultPriority = () => jobPriorityOptions.find((p) => p.default);
-
-const getJobPriority = (priority) => {
-  let priorityOption = null;
-  if (priority) priorityOption = jobPriorityOptions.find((p) => p.name === priority);
-  return priorityOption || getDefaultPriority();
-};
-
-export {
-  STATUS_IMCOMPLETE,
-  STATUS_NOT_ACTIONED,
-  STATUS_IN_PROGRESS,
-  STATUS_COMPLETED,
-  jobStatusOptions,
-  jobPriorityOptions,
-  getDefaultPriority,
-  getJobPriority,
-};

package/src/index.js

@@ -1,29 +0,0 @@
-import RequestsHub from './screens/RequestsHub';
-import Job from './screens/Job';
-import AddJob from './screens/AddJob';
-import AddJobType from './screens/AddJobType.js';
-import { AnalyticsHub } from './components/AnalyticsHub.js';
-import MaintenanceReducer from './reducers/MaintenanceReducer';
-import { values } from './values.config';
-
-export const Reducers = (() => {
-  const reducers = {};
-  reducers[values.reducerKey] = MaintenanceReducer;
-  return reducers;
-})();
-export const Screens = (() => {
-  const screens = {};
-  screens[values.screenRequestsHub] = RequestsHub;
-  screens[values.screenJob] = Job;
-  screens[values.screenAddJob] = AddJob;
-  screens[values.screenAddJobType] = AddJobType;
-  return screens;
-})();
-export { default as Config } from './feature.config';
-export { default as ActivityText } from './components/ActivityText';
-export { default as ViewWidget } from './components/ViewWidget';
-export { default as ViewFull } from './components/ViewFull';
-export { default as PreviewWidget } from './components/PreviewWidget';
-export { default as PreviewFull } from './components/PreviewFull';
-export { default as PreviewGrid } from './components/PreviewGrid';
-export const Analytics = [AnalyticsHub];

package/src/maintenancePriority.json

@@ -1,5 +0,0 @@
-[
-  { "name": "Low", "color": "green", "default": true },
-  { "name": "Medium", "color": "orange" },
-  { "name": "High", "color": "red" }
-]

package/src/maintenanceStatus.json

@@ -1,20 +0,0 @@
-[
-  {
-    "text": "Open",
-    "order": 0,
-    "color": "#d5dde4",
-    "category": "Not Actioned"
-  },
-  {
-    "text": "In Progress",
-    "order": 1,
-    "color": "#82d6e5",
-    "category": "In Progress"
-  },
-  {
-    "text": "Completed",
-    "order": 2,
-    "color": "#58dba4",
-    "category": "Completed"
-  }
-]

package/src/reducers/MaintenanceReducer.js

@@ -1,49 +0,0 @@
-import _ from 'lodash';
-import { JOBS_LOADED, JOBS_REMOVED, JOBS_LOADING, JOBS_TYPES_LOADED, JOBS_STATUSES_LOADED, JOBS_HIDE_SEEN } from '../actions/types';
-import { jobStatusOptions } from '../helper';
-
-const INITIAL_STATE = {
-  jobs: [],
-  jobtypes: [],
-  jobstatuses: jobStatusOptions,
-  loading: false,
-  hideSeen: false,
-};
-
-export default (state = INITIAL_STATE, action) => {
-  switch (action.type) {
-    case JOBS_LOADING:
-      return { ...state, loading: true };
-    case JOBS_LOADED:
-      const result = _.unionWith(action.payload, state.jobs, (v1, v2) => {
-        return v1 != null && v2 != null && v1.id === v2.id;
-      });
-      return {
-        ...state,
-        jobs: result.map((job) => ({ title: job.title || job.description, ...job })),
-        loading: false,
-      };
-    case JOBS_REMOVED:
-      const index = _.findIndex(state.jobs, (event) => {
-        return event != null && event.id === action.payload;
-      });
-      if (index > -1) {
-        const newJobs = [...state.jobs];
-        newJobs.splice(index, 1);
-        return { ...state, jobs: newJobs };
-      }
-      return state;
-    case JOBS_TYPES_LOADED:
-      const jobtypes = _.unionWith(action.payload, state.jobtypes, (v1, v2) => {
-        return v1 != null && v2 != null && v1.id === v2.id;
-      });
-      return { ...state, jobtypes };
-    case JOBS_STATUSES_LOADED:
-      const jobstatuses = _.orderBy(action.payload, 'order', 'asc');
-      return { ...state, jobstatuses };
-    case JOBS_HIDE_SEEN:
-      return { ...state, hideSeen: action.payload };
-    default:
-      return state;
-  }
-};