New functionality - Locate issue on a floor plan

[franck-boullier]

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.

[kiatlim]

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

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

[kiatlim]

Adding of floor plan image to the property.

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

[kaihendry]

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

[nbiton]

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

[ongdominic]

@nbiton here's the link on figma. You can reuse the components from the units screens.

[ongdominic]

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