unee-t / frontend

Meteor front end

Home Page:https://case.dev.unee-t.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

New functionality - Locate issue on a floor plan

franck-boullier opened this issue · comments

The Problem:

When an issue is reported, technician and other people need to be able to easily locate WHERE the issue is in the property

Suggested solution

  • Add one attribute "Floor plan" to the property <-- this will only exist in the MEFE and UNTE. (BZFE does NOT handle information for property/units)
  • Allow the user to add a floor plan to a property <-- This will be an image file.
  • During case creation, if a floor plan exist allow the user to point where the issue is on the floor plan.
  • Generate a new image "Floor plan + location of the issue reported"
  • Attach this image to the case.

@nbiton do you see any major issue with that?
@kiatlim can we start thinking of a UX/UI for that:

  • UX to add an image to a property
  • UX to add the location of the case in the property if a floor plan exists for the property.

Added an idea of the pinning of issue to floor plan for discussion:
image

Figma link:
https://www.figma.com/file/SgLcXdmBih1JxVq1lupMiPtr/Unee-T-Designs?node-id=3666%3A142

Be nice if there a way to hyperlink/permalink to the exact area in the Unit.

E.g. https://case.unee-t.com/unit/$unitID/$floorplanID/$label I put a pin on my uploaded floor plan and label it "kitchen". And then there is a way to copy that link to the clipboard and share it like so:

https://case.unee-t.com/unit/328/1/kitchen

So things to consider:

  • URL mapping to floor plan(s)
  • multiple revisions of floor plan
  • what happens when floor plan / label is removed and the link is broken

@kiatlim @ongdominic Do we have the UI to attach the floor plan image to a new unit (during creation)?

@nbiton here's the link on figma. You can reuse the components from the units screens.
Screenshot 2019-08-15 at 7 16 36 PM

Here are the designs to add a pin/floor-plan during case creation and also edit pin on floor-plan in case details.

Designs are in figma

Screenshot 2019-09-10 at 1 21 37 AM