Navigating and Editing a Residential Asset

When the user selects a residential asset from the homepage or enters one through single upload, they will be taken to the asset page. A residential asset page displays a map of the property and all the data relevant to the rebuild cost for an asset.

Residential Asset Page

The below image shows what a residential asset page looks like.

The summary component: first top left component next to the map.

The cost calculation component:

The property notices component: This will show notices about the property e.g. if it is a listed property.

The property details component:

The report details component: this shows the data on the page in a table format.

The asset map displays a property polygon and doughnut to define the specific property. 

The red outline shows the polygon of the property.  

The map can also be swapped to Streetview mode by clicking the location icon button.

This will show the StreetView mode of the property from Google and can be navigated as in Google Maps.

To return to satellite view click the back button.

The user can use the zoom buttons in the top left corner or double click to zoom closer to the asset.

To export the data as a PDF click the "Generate Rebuild Cost Report" button at the bottom of the Summary component OR the bottom of the page.

After clicking, the edit data window will pop-up on screen. The edit data window for a residential asset is very large and the user may be required to scroll to edit the data point they are looking for. There are a few different methods of editing the data depending on the type of data point.

Text inputs can be amended using the "+" and "-" buttons at either end of the input field.

The number can also be entered manually by clicking on the field and typing a new value.

Some number fields will also show the default adjusters of your browser which can also be used.

Some values are radio buttons.

When clicking the radio button, further inputs may open which include other input styles.

Some values are adjusted by sliders which can be dragged to the desired value.

You can also click on the value on the bar and the slide will move to this value.

If a value outside the expected range is selected a warning will be displayed.

The values can also be manually edited by clicking on the value input and typing the new value.

Some values have dropdowns. Click the dropdown arrow at the end of the input.

Select the desired option from the dropdown.

Some values are just text inputs. Click the input field and manually enter the new value.

Some text inputs have multiple input fields. Click the first and enter the desired value.

Then click the next input field and enter this new value.

Some of these values can have multiple versions. Click this button to add an additional version.

A duplicate of the fields will appear to manually edit.

Some dropdowns have default values attached to them which will update when the dropdown is edited.

These values can be edited manually by clicking the input and editing the value.

To save the changes click "Confirm".

The ‘Reset’ button will reset all datapoints to the values they had on opening of the edit data window. The ‘Cancel’ button will close the window and remove all edited values.

The Confirm, Reset and Cancel buttons are repeated at the bottom of the edit window.