+ Click Scan QR Code to open a QR Code scanner
+ camera view. Position a QR Code in the scanner view to scan it.
+
+
+
+
+
+
+
+
+
+
+ To use the QR Code Scanner, open Dreamhouse on a camera-equipped
+ smartphone.
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/force-app/main/default/lwc/daysOnMarket/daysOnMarket.js b/force-app/main/default/lwc/daysOnMarket/daysOnMarket.js
new file mode 100644
index 0000000..c3159b6
--- /dev/null
+++ b/force-app/main/default/lwc/daysOnMarket/daysOnMarket.js
@@ -0,0 +1,94 @@
+import { LightningElement, api, wire } from 'lwc';
+import { getRecord, getFieldValue } from 'lightning/uiRecordApi';
+import {
+ subscribe,
+ unsubscribe,
+ MessageContext
+} from 'lightning/messageService';
+import PROPERTYSELECTEDMC from '@salesforce/messageChannel/PropertySelected__c';
+import DATE_LISTED_FIELD from '@salesforce/schema/Property__c.Date_Listed__c';
+import DAYS_ON_MARKET_FIELD from '@salesforce/schema/Property__c.Days_On_Market__c';
+
+const MAX_DAYS_NORMAL_STATUS = 30;
+const MAX_DAYS_WARNING_STATUS = 60;
+const MAX_DAYS_CHART = 90;
+
+const FIELDS = [DATE_LISTED_FIELD, DAYS_ON_MARKET_FIELD];
+
+export default class DaysOnMarket extends LightningElement {
+ error;
+ daysOnMarket;
+ dateListed;
+ propertyId;
+ status;
+ subscription;
+
+ @wire(MessageContext)
+ messageContext;
+
+ @wire(getRecord, { recordId: '$propertyId', fields: FIELDS })
+ wiredRecord({ error, data }) {
+ if (data) {
+ this.error = undefined;
+ this.dateListed = getFieldValue(data, DATE_LISTED_FIELD);
+ this.daysOnMarket = getFieldValue(data, DAYS_ON_MARKET_FIELD);
+ if (this.daysOnMarket < MAX_DAYS_NORMAL_STATUS) {
+ this.status = 'normal';
+ } else if (this.daysOnMarket < MAX_DAYS_WARNING_STATUS) {
+ this.status = 'warning';
+ } else {
+ this.status = 'alert';
+ }
+ } else if (error) {
+ this.daysOnMarket = undefined;
+ this.dateListed = undefined;
+ this.status = undefined;
+ this.error = error;
+ }
+ }
+
+ @api
+ get recordId() {
+ return this.propertyId;
+ }
+
+ set recordId(propertyId) {
+ this.propertyId = propertyId;
+ }
+
+ get hasNoPropertyId() {
+ return this.propertyId === undefined;
+ }
+
+ get badgeClass() {
+ return 'badge ' + this.status;
+ }
+
+ get barClass() {
+ return 'bar ' + this.status;
+ }
+
+ get barStyle() {
+ const value = (this.daysOnMarket / MAX_DAYS_CHART) * 100;
+ return 'width:' + value + '%';
+ }
+
+ connectedCallback() {
+ this.subscription = subscribe(
+ this.messageContext,
+ PROPERTYSELECTEDMC,
+ (message) => {
+ this.handlePropertySelected(message);
+ }
+ );
+ }
+
+ disconnectedCallback() {
+ unsubscribe(this.subscription);
+ this.subscription = null;
+ }
+
+ handlePropertySelected(message) {
+ this.propertyId = message.propertyId;
+ }
+}
\ No newline at end of file
diff --git a/force-app/main/default/lwc/daysOnMarket/daysOnMarket.js-meta.xml b/force-app/main/default/lwc/daysOnMarket/daysOnMarket.js-meta.xml
new file mode 100644
index 0000000..020d148
--- /dev/null
+++ b/force-app/main/default/lwc/daysOnMarket/daysOnMarket.js-meta.xml
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
the market +
+
+ {daysOnMarket}
+
+ days on the market +
+
+
+
+
+
+
+
+
+
+
+ 30 days
+
+
+ 60 days
+
+
+ {friendlyMessage}.
+
+ Show details.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/force-app/main/default/lwc/errorPanel/templates/noDataIllustration.html b/force-app/main/default/lwc/errorPanel/templates/noDataIllustration.html
new file mode 100644
index 0000000..eb83302
--- /dev/null
+++ b/force-app/main/default/lwc/errorPanel/templates/noDataIllustration.html
@@ -0,0 +1,257 @@
+
+ + {message} +
+ + + +
+
+
+
+
\ No newline at end of file
diff --git a/force-app/main/default/lwc/ldsUtils/__tests__/ldsUtils.test.js b/force-app/main/default/lwc/ldsUtils/__tests__/ldsUtils.test.js
new file mode 100644
index 0000000..dfb398a
--- /dev/null
+++ b/force-app/main/default/lwc/ldsUtils/__tests__/ldsUtils.test.js
@@ -0,0 +1,61 @@
+import { reduceErrors } from 'c/ldsUtils';
+
+describe('c-lds-utils', () => {
+ describe('reduceErrors', () => {
+ it('reduces single error with message in body', () => {
+ const FULL_ERROR = { body: { message: 'mockError' } };
+ const REDUCED_ERROR = [FULL_ERROR.body.message];
+
+ const reduced = reduceErrors(FULL_ERROR);
+
+ expect(reduced).toStrictEqual(REDUCED_ERROR);
+ });
+
+ it('reduces single error with multiple bodies with messages', () => {
+ const FULL_ERROR = {
+ body: [{ message: 'mockError1' }, { message: 'mockError2' }]
+ };
+ const REDUCED_ERROR = [
+ FULL_ERROR.body[0].message,
+ FULL_ERROR.body[1].message
+ ];
+
+ const reduced = reduceErrors(FULL_ERROR);
+
+ expect(reduced).toStrictEqual(REDUCED_ERROR);
+ });
+
+ it('reduces single error message string', () => {
+ const FULL_ERROR = { message: 'mockError' };
+ const REDUCED_ERROR = [FULL_ERROR.message];
+
+ const reduced = reduceErrors(FULL_ERROR);
+
+ expect(reduced).toStrictEqual(REDUCED_ERROR);
+ });
+
+ it('reduces array of error message string', () => {
+ const FULL_ERROR = [
+ { message: 'mockError1' },
+ { message: 'mockError2' }
+ ];
+ const REDUCED_ERROR = [
+ FULL_ERROR[0].message,
+ FULL_ERROR[1].message
+ ];
+
+ const reduced = reduceErrors(FULL_ERROR);
+
+ expect(reduced).toStrictEqual(REDUCED_ERROR);
+ });
+
+ it('reduces single error with unknown shape', () => {
+ const FULL_ERROR = { statusText: 'mockStatus' };
+ const REDUCED_ERROR = [FULL_ERROR.statusText];
+
+ const reduced = reduceErrors(FULL_ERROR);
+
+ expect(reduced).toStrictEqual(REDUCED_ERROR);
+ });
+ });
+});
diff --git a/force-app/main/default/lwc/ldsUtils/ldsUtils.js b/force-app/main/default/lwc/ldsUtils/ldsUtils.js
new file mode 100644
index 0000000..db98851
--- /dev/null
+++ b/force-app/main/default/lwc/ldsUtils/ldsUtils.js
@@ -0,0 +1,37 @@
+/**
+ * Reduces one or more LDS errors into a string[] of error messages.
+ * @param {FetchResponse|FetchResponse[]} errors
+ * @return {String[]} Error messages
+ */
+export function reduceErrors(errors) {
+ if (!Array.isArray(errors)) {
+ errors = [errors];
+ }
+
+ return (
+ errors
+ // Remove null/undefined items
+ .filter((error) => !!error)
+ // Extract an error message
+ .map((error) => {
+ // UI API read errors
+ if (Array.isArray(error.body)) {
+ return error.body.map((e) => e.message);
+ }
+ // UI API DML, Apex and network errors
+ else if (error.body && typeof error.body.message === 'string') {
+ return error.body.message;
+ }
+ // JS errors
+ else if (typeof error.message === 'string') {
+ return error.message;
+ }
+ // Unknown error shape so try HTTP status text
+ return error.statusText;
+ })
+ // Flatten
+ .reduce((prev, curr) => prev.concat(curr), [])
+ // Remove empty strings
+ .filter((message) => !!message)
+ );
+}
\ No newline at end of file
diff --git a/force-app/main/default/lwc/ldsUtils/ldsUtils.js-meta.xml b/force-app/main/default/lwc/ldsUtils/ldsUtils.js-meta.xml
new file mode 100644
index 0000000..be8d172
--- /dev/null
+++ b/force-app/main/default/lwc/ldsUtils/ldsUtils.js-meta.xml
@@ -0,0 +1,8 @@
+
+-
+
+
-
+ {deviceContact.name.givenName}
+ {deviceContact.name.familyName}
+
-
+
+
- + {phoneNumber.value} + ({phoneNumber.label}) + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + There are currently no pictures for this property. +
+ +
+
+
+
`;
+ }
+}
\ No newline at end of file
diff --git a/force-app/main/default/lwc/propertyListMap/propertyListMap.js-meta.xml b/force-app/main/default/lwc/propertyListMap/propertyListMap.js-meta.xml
new file mode 100644
index 0000000..3553aa6
--- /dev/null
+++ b/force-app/main/default/lwc/propertyListMap/propertyListMap.js-meta.xml
@@ -0,0 +1,9 @@
+
+
+
+${property.Name}
+Beds: ${property.Hutte__Beds__c} - Baths: ${property.Hutte__Baths__c}
+
+
+
+
+
+ Current latitude:
+ {location.coords.latitude}
+
+
+ Current longitude:
+ {location.coords.longitude}
+
+
+ Distance to property:
+
+
+ 
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/force-app/main/default/lwc/propertyTile/propertyTile.js b/force-app/main/default/lwc/propertyTile/propertyTile.js
new file mode 100644
index 0000000..a9fc6bb
--- /dev/null
+++ b/force-app/main/default/lwc/propertyTile/propertyTile.js
@@ -0,0 +1,32 @@
+import { LightningElement, api } from 'lwc';
+import FORM_FACTOR from '@salesforce/client/formFactor';
+import { NavigationMixin } from 'lightning/navigation';
+
+export default class PropertyTile extends NavigationMixin(LightningElement) {
+ @api property;
+ formFactor = FORM_FACTOR;
+
+ handlePropertySelected() {
+ if (FORM_FACTOR === 'Small') {
+ // In Phones, navigate to property record page directly
+ this[NavigationMixin.Navigate]({
+ type: 'standard__recordPage',
+ attributes: {
+ recordId: this.property.Id,
+ objectApiName: 'Hutte__Property__c',
+ actionName: 'view'
+ }
+ });
+ } else {
+ // In other devices, send message to other cmps on the page
+ const selectedEvent = new CustomEvent('selected', {
+ detail: this.property.Id
+ });
+ this.dispatchEvent(selectedEvent);
+ }
+ }
+
+ get backgroundImageStyle() {
+ return `background-image:url(${this.property.Hutte__Thumbnail__c})`;
+ }
+}
\ No newline at end of file
diff --git a/force-app/main/default/lwc/propertyTile/propertyTile.js-meta.xml b/force-app/main/default/lwc/propertyTile/propertyTile.js-meta.xml
new file mode 100644
index 0000000..a4a5ed3
--- /dev/null
+++ b/force-app/main/default/lwc/propertyTile/propertyTile.js-meta.xml
@@ -0,0 +1,5 @@
+
+
+
+ + {property.Hutte__City__c} • {property.Name} +
+Beds: {property.Hutte__Beds__c} - Baths: {property.Hutte__Baths__c}
+
+
+
+
+
\ No newline at end of file
diff --git a/force-app/main/default/lwc/propertyTileList/propertyTileList.js b/force-app/main/default/lwc/propertyTileList/propertyTileList.js
new file mode 100644
index 0000000..1ac164b
--- /dev/null
+++ b/force-app/main/default/lwc/propertyTileList/propertyTileList.js
@@ -0,0 +1,70 @@
+import { LightningElement, wire } from 'lwc';
+import {
+ publish,
+ subscribe,
+ unsubscribe,
+ MessageContext
+} from 'lightning/messageService';
+import FILTERSCHANGEMC from '@salesforce/messageChannel/FiltersChange__c';
+import PROPERTYSELECTEDMC from '@salesforce/messageChannel/PropertySelected__c';
+import getPagedPropertyList from '@salesforce/apex/PropertyController.getPagedPropertyList';
+
+const PAGE_SIZE = 9;
+
+export default class PropertyTileList extends LightningElement {
+ pageNumber = 1;
+ pageSize = PAGE_SIZE;
+
+ searchKey = '';
+ maxPrice = 9999999;
+ minBedrooms = 0;
+ minBathrooms = 0;
+
+ @wire(MessageContext)
+ messageContext;
+
+ @wire(getPagedPropertyList, {
+ searchKey: '$searchKey',
+ maxPrice: '$maxPrice',
+ minBedrooms: '$minBedrooms',
+ minBathrooms: '$minBathrooms',
+ pageSize: '$pageSize',
+ pageNumber: '$pageNumber'
+ })
+ properties;
+
+ connectedCallback() {
+ this.subscription = subscribe(
+ this.messageContext,
+ FILTERSCHANGEMC,
+ (message) => {
+ this.handleFilterChange(message);
+ }
+ );
+ }
+
+ disconnectedCallback() {
+ unsubscribe(this.subscription);
+ this.subscription = null;
+ }
+
+ handleFilterChange(filters) {
+ this.searchKey = filters.searchKey;
+ this.maxPrice = filters.maxPrice;
+ this.minBedrooms = filters.minBedrooms;
+ this.minBathrooms = filters.minBathrooms;
+ }
+
+ handlePreviousPage() {
+ this.pageNumber = this.pageNumber - 1;
+ }
+
+ handleNextPage() {
+ this.pageNumber = this.pageNumber + 1;
+ }
+
+ handlePropertySelected(event) {
+ const message = { propertyId: event.detail };
+ publish(this.messageContext, PROPERTYSELECTEDMC, message);
+ }
+}
\ No newline at end of file
diff --git a/force-app/main/default/lwc/propertyTileList/propertyTileList.js-meta.xml b/force-app/main/default/lwc/propertyTileList/propertyTileList.js-meta.xml
new file mode 100644
index 0000000..9270748
--- /dev/null
+++ b/force-app/main/default/lwc/propertyTileList/propertyTileList.js-meta.xml
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+ + Click the button below to initialize the Property and Broker + objects with sample data. All existing records in these objects + will be deleted. +
+