Adding Account field to record*form recipes to show different UI elem…

…s based on metadata (trailheadapps#49)
paulmcnam · Feb 1, 2019 · 6cb05ba · 6cb05ba
1 parent 23c6e42
commit 6cb05ba
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 2 deletions.
diff --git a/force-app/main/default/lwc/recordEditFormDynamicContact/recordEditFormDynamicContact.html b/force-app/main/default/lwc/recordEditFormDynamicContact/recordEditFormDynamicContact.html
@@ -7,6 +7,7 @@
                 object-api-name={objectApiName}
                 record-id={recordId}>
                 <lightning-messages></lightning-messages>
+                <lightning-input-field field-name='AccountId'></lightning-input-field>
                 <lightning-input-field field-name='Name'></lightning-input-field>
                 <lightning-input-field field-name='Title'></lightning-input-field>
                 <lightning-input-field field-name='Phone'></lightning-input-field>

diff --git a/force-app/main/default/lwc/recordEditFormStaticContact/recordEditFormStaticContact.html b/force-app/main/default/lwc/recordEditFormStaticContact/recordEditFormStaticContact.html
@@ -7,6 +7,7 @@
                 object-api-name={objectApiName}
                 record-id={recordId}>
                 <lightning-messages></lightning-messages>
+                <lightning-input-field field-name={accountField}></lightning-input-field>
                 <lightning-input-field field-name={nameField}></lightning-input-field>
                 <lightning-input-field field-name={titleField}></lightning-input-field>
                 <lightning-input-field field-name={phoneField}></lightning-input-field>

diff --git a/force-app/main/default/lwc/recordEditFormStaticContact/recordEditFormStaticContact.js b/force-app/main/default/lwc/recordEditFormStaticContact/recordEditFormStaticContact.js
@@ -1,12 +1,14 @@
 import { LightningElement, api } from 'lwc';
 
+import ACCOUNT_FIELD from '@salesforce/schema/Contact.AccountId';
 import NAME_FIELD from '@salesforce/schema/Contact.Name';
 import TITLE_FIELD from '@salesforce/schema/Contact.Title';
 import PHONE_FIELD from '@salesforce/schema/Contact.Phone';
 import EMAIL_FIELD from '@salesforce/schema/Contact.Email';
 
 export default class RecordEditFormStaticContact extends LightningElement {
     // Exposing fields to make them available in the template
+    accountField = ACCOUNT_FIELD;
     nameField = NAME_FIELD;
     titleField = TITLE_FIELD;
     phoneField = PHONE_FIELD;

diff --git a/force-app/main/default/lwc/recordFormDynamicContact/recordFormDynamicContact.js b/force-app/main/default/lwc/recordFormDynamicContact/recordFormDynamicContact.js
@@ -4,5 +4,5 @@ export default class RecordFormDynamicContact extends LightningElement {
     // Flexipage provides recordId and objectApiName
     @api recordId;
     @api objectApiName;
-    fields = ['Name', 'Title', 'Phone', 'Email', 'AccountId'];
+    fields = ['AccountId', 'Name', 'Title', 'Phone', 'Email'];
 }
diff --git a/force-app/main/default/lwc/recordFormStaticContact/recordFormStaticContact.js b/force-app/main/default/lwc/recordFormStaticContact/recordFormStaticContact.js
@@ -1,5 +1,6 @@
 import { LightningElement, api } from 'lwc';
 
+import ACCOUNT_FIELD from '@salesforce/schema/Contact.AccountId';
 import NAME_FIELD from '@salesforce/schema/Contact.Name';
 import TITLE_FIELD from '@salesforce/schema/Contact.Title';
 import PHONE_FIELD from '@salesforce/schema/Contact.Phone';
@@ -10,5 +11,5 @@ export default class RecordFormStaticContact extends LightningElement {
     @api recordId;
     @api objectApiName;
 
-    fields = [NAME_FIELD, TITLE_FIELD, PHONE_FIELD, EMAIL_FIELD];
+    fields = [ACCOUNT_FIELD, NAME_FIELD, TITLE_FIELD, PHONE_FIELD, EMAIL_FIELD];
 }
diff --git a/force-app/main/default/lwc/recordViewFormDynamicContact/recordViewFormDynamicContact.html b/force-app/main/default/lwc/recordViewFormDynamicContact/recordViewFormDynamicContact.html
@@ -6,6 +6,7 @@
             <lightning-record-view-form
                 object-api-name={objectApiName}
                 record-id={recordId}>
+                <lightning-output-field field-name='AccountId'></lightning-output-field>
                 <lightning-output-field field-name='Name'></lightning-output-field>
                 <lightning-output-field field-name='Title'></lightning-output-field>
                 <lightning-output-field field-name='Phone'></lightning-output-field>

diff --git a/force-app/main/default/lwc/recordViewFormStaticContact/recordViewFormStaticContact.html b/force-app/main/default/lwc/recordViewFormStaticContact/recordViewFormStaticContact.html
@@ -6,6 +6,7 @@
             <lightning-record-view-form
                 object-api-name={objectApiName}
                 record-id={recordId}>
+                <lightning-output-field field-name={accountField}></lightning-output-field>
                 <lightning-output-field field-name={nameField}></lightning-output-field>
                 <lightning-output-field field-name={titleField}></lightning-output-field>
                 <lightning-output-field field-name={phoneField}></lightning-output-field>

diff --git a/force-app/main/default/lwc/recordViewFormStaticContact/recordViewFormStaticContact.js b/force-app/main/default/lwc/recordViewFormStaticContact/recordViewFormStaticContact.js
@@ -1,12 +1,14 @@
 import { LightningElement, api } from 'lwc';
 
+import ACCOUNT_FIELD from '@salesforce/schema/Contact.AccountId';
 import NAME_FIELD from '@salesforce/schema/Contact.Name';
 import TITLE_FIELD from '@salesforce/schema/Contact.Title';
 import PHONE_FIELD from '@salesforce/schema/Contact.Phone';
 import EMAIL_FIELD from '@salesforce/schema/Contact.Email';
 
 export default class RecordViewFormStaticContact extends LightningElement {
     // Exposing fields to make them available in the template
+    accountField = ACCOUNT_FIELD;
     nameField = NAME_FIELD;
     titleField = TITLE_FIELD;
     phoneField = PHONE_FIELD;