@ -1,12 +1,12 @@ | |||||
import { LightningElement, track } from "lwc"; | import { LightningElement, track } from "lwc"; | ||||
import template from "./myCheckboxComponent.html" | |||||
import template from "./baseCheckboxComponent.html" | |||||
import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | ||||
export default class myCheckboxComponent extends OmniscriptBaseMixin(LightningElement){ | |||||
export default class BaseCheckboxComponent extends OmniscriptBaseMixin(LightningElement){ | |||||
connectedCallback() { | connectedCallback() { | ||||
// this.layout = this.getAttribute('data-omni-layout'); // returns lightning or newport | // this.layout = this.getAttribute('data-omni-layout'); // returns lightning or newport | ||||
console.debug("myCheckboxComponent - connected"); | |||||
console.debug("BaseCheckboxComponent - connected"); | |||||
} | } | ||||
render() { | render() { |
@ -1,8 +1,8 @@ | |||||
import { LightningElement } from 'lwc'; | import { LightningElement } from 'lwc'; | ||||
import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | ||||
export default class MyCssComponent extends OmniscriptBaseMixin(LightningElement) { | |||||
export default class BaseCssComponent extends OmniscriptBaseMixin(LightningElement) { | |||||
connectedCallback() { | connectedCallback() { | ||||
console.log("myCssComponent - Connected"); | |||||
console.log("BaseCssComponent - Connected"); | |||||
} | } | ||||
} | } |
@ -1,13 +1,13 @@ | |||||
import { LightningElement, track } from 'lwc'; | import { LightningElement, track } from 'lwc'; | ||||
import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | ||||
export default class MyCustomComponent extends OmniscriptBaseMixin(LightningElement) { | |||||
export default class BaseCustomComponent extends OmniscriptBaseMixin(LightningElement) { | |||||
@track layout; | @track layout; | ||||
@track theme; | @track theme; | ||||
@track parentClass; | @track parentClass; | ||||
connectedCallback() { | connectedCallback() { | ||||
console.log("MyCustomComponent - Connected"); | |||||
console.log("BaseCustomComponent - Connected"); | |||||
this.layout = this.getAttribute('data-omni-layout'); // returns lightning or newport | this.layout = this.getAttribute('data-omni-layout'); // returns lightning or newport | ||||
this.theme = this.layout === 'lightning' ? 'slds' : 'nds'; // we can now use theme={theme} in html | this.theme = this.layout === 'lightning' ? 'slds' : 'nds'; // we can now use theme={theme} in html |
@ -1,13 +1,13 @@ | |||||
import { LightningElement } from 'lwc'; | import { LightningElement } from 'lwc'; | ||||
import template from './myStepCustomNavigation.html' | |||||
import template from './baseStepNavigationComponent.html' | |||||
import omniscriptStep from 'vlocity_cmt/omniscriptStep'; | import omniscriptStep from 'vlocity_cmt/omniscriptStep'; | ||||
import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | ||||
import { dispatchOmniEvent } from 'vlocity_cmt/omniscriptUtils'; | import { dispatchOmniEvent } from 'vlocity_cmt/omniscriptUtils'; | ||||
export default class myStepCustomNavigation extends OmniscriptBaseMixin(omniscriptStep) { | |||||
export default class BaseStepNavigationComponent extends OmniscriptBaseMixin(omniscriptStep) { | |||||
connectedCallback() { | connectedCallback() { | ||||
console.debug("myStepCustomNavigation - connected"); | |||||
console.debug("BaseStepNavigationComponent - connected"); | |||||
} | } | ||||
gotoNext() { | gotoNext() { |
@ -0,0 +1,6 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>46.0</apiVersion> | |||||
<isExposed>true</isExposed> | |||||
<runtimeNamespace>vlocity_cmt</runtimeNamespace> | |||||
</LightningComponentBundle> |
@ -0,0 +1,6 @@ | |||||
<template> | |||||
<!-- <script src="https://maps.googleapis.com/maps/api/js?client=gme-verizoncommunications&channel=VPSCX&libraries=places&callback=initAutocomplete" async defer></script> --> | |||||
</template> |
@ -0,0 +1,6 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>46.0</apiVersion> | |||||
<isExposed>true</isExposed> | |||||
<runtimeNamespace>vlocity_cmt</runtimeNamespace> | |||||
</LightningComponentBundle> |
@ -1,7 +0,0 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>46.0</apiVersion> | |||||
<isExposed>true</isExposed> | |||||
<runtimeNamespace>vlocity_cmt</runtimeNamespace> | |||||
<masterLabel>checkboxComponent</masterLabel> | |||||
</LightningComponentBundle> |
@ -1,11 +1,11 @@ | |||||
import { LightningElement, api } from 'lwc'; | import { LightningElement, api } from 'lwc'; | ||||
export default class MyCardComponent extends LightningElement { | |||||
export default class LightningCardComponent extends LightningElement { | |||||
@api title = 'Default Title'; | @api title = 'Default Title'; | ||||
@api body = 'Default Body'; | @api body = 'Default Body'; | ||||
@api link = 'Default Link'; | @api link = 'Default Link'; | ||||
connectedCallback() { | connectedCallback() { | ||||
console.log('MyCardComponent - connected'); | |||||
console.log('LightningCardComponent - connected'); | |||||
} | } | ||||
} | |||||
} |
@ -1,8 +1,8 @@ | |||||
import { LightningElement, track } from 'lwc'; | import { LightningElement, track } from 'lwc'; | ||||
export default class HelloWorld extends LightningElement { | |||||
export default class LightningHelloWorldComponent extends LightningElement { | |||||
@track greeting = 'World'; | @track greeting = 'World'; | ||||
changeHandler (event) { | changeHandler (event) { | ||||
this.greeting = event.target.value; | this.greeting = event.target.value; | ||||
} | } | ||||
} | |||||
} |
@ -1,7 +0,0 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>46.0</apiVersion> | |||||
<isExposed>true</isExposed> | |||||
<masterLabel>myCheckboxComponent</masterLabel> | |||||
<runtimeNamespace>vlocity_cmt</runtimeNamespace> | |||||
</LightningComponentBundle> |
@ -1,3 +0,0 @@ | |||||
.nds-button.nds-button_secondary { | |||||
background-color: red; | |||||
} |
@ -1,23 +0,0 @@ | |||||
<template> | |||||
<div class="nds-box"> | |||||
<p>A block of content</p> | |||||
</div> | |||||
<div class="nds-grid nds-grid_align-spread"> | |||||
<div class="nds-col"> | |||||
<vlocity_cmt-button | |||||
theme="nds" | |||||
onclick={gotoPrev} | |||||
variant="primary" | |||||
label="Previous"> | |||||
</vlocity_cmt-button> | |||||
</div> | |||||
<div class="nds-col"> | |||||
<vlocity_cmt-button | |||||
theme="nds" | |||||
onclick={gotoNext} | |||||
variant="secondary" | |||||
label="Next"> | |||||
</vlocity_cmt-button> | |||||
</div> | |||||
</div> | |||||
</template> |
@ -1,22 +0,0 @@ | |||||
import { LightningElement } from "lwc"; | |||||
import template from "./myCustomComponentWithNavButtons.html" | |||||
import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | |||||
import { dispatchOmniEvent } from 'vlocity_cmt/omniscriptUtils'; | |||||
export default class myCustomComponentWithNavButtons extends OmniscriptBaseMixin(LightningElement) { | |||||
connectedCallback() { | |||||
console.debug("myCustomComponentWithNavButtons - connected"); | |||||
} | |||||
gotoNext() { | |||||
dispatchOmniEvent(this, { moveToStep: 'next' }, 'omniautoadvance'); | |||||
} | |||||
gotoPrev() { | |||||
dispatchOmniEvent(this, { moveToStep: this.stepIndex - 1 }, 'omniautoadvance'); | |||||
} | |||||
render() { | |||||
return template; | |||||
} | |||||
} |
@ -1,6 +0,0 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>45.0</apiVersion> | |||||
<isExposed>true</isExposed> | |||||
<runtimeNamespace>vlocity_cmt</runtimeNamespace> | |||||
</LightningComponentBundle> |
@ -1,9 +0,0 @@ | |||||
<template> | |||||
<vlocity_cmt-omniscript-text | |||||
json-def={omniJsonDef} | |||||
data-omni-key={omniJsonDef.name} | |||||
json-data={omniJsonData} | |||||
layout={layout} | |||||
resume={resume}> | |||||
</vlocity_cmt-omniscript-text> | |||||
</template> |
@ -1,17 +0,0 @@ | |||||
import template from './myOmniComponentInBaseClass.html'; | |||||
import { LightningElement } from 'lwc'; | |||||
import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin'; | |||||
export default class MyOmniComponentInBaseClass extends OmniscriptBaseMixin(LightningElement) { | |||||
connectedCallback() { | |||||
console.log("myOmniComponentInBaseClass - Connected"); | |||||
} | |||||
handleBlur(evt) { | |||||
this.omniUpdateDataJson(evt.target.value); | |||||
} | |||||
render() { | |||||
return template; | |||||
} | |||||
} |
@ -1,5 +0,0 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>47.0</apiVersion> | |||||
<isExposed>false</isExposed> | |||||
</LightningComponentBundle> |
@ -1,22 +0,0 @@ | |||||
import OmniscriptText from 'vlocity_cmt/omniscriptText'; | |||||
import template from "./myTextComponent.html"; | |||||
export default class MyTextComponent extends OmniscriptTbext { | |||||
connectedCallback() { | |||||
console.log("MyTextComponent - Connected"); | |||||
try { | |||||
console.log("MyTextComponent - this:", this); | |||||
console.log("MyTextComponent - this.scriptHeaderDef:", JSON.parse(JSON.stringify(this.scriptHeaderDef))); | |||||
console.log("MyTextComponent - this.resume:", JSON.parse(JSON.stringify(this.resume))); | |||||
console.log("MyTextComponent - this.seedJson:", JSON.parse(JSON.stringify(this.seedJson))); | |||||
console.log("MyTextComponent - this.jsonDef:", JSON.parse(JSON.stringify(this.jsonDef))); | |||||
console.log("MyTextComponent - this.jsonData:", JSON.parse(JSON.stringify(this.jsonData))); | |||||
} catch (e) { | |||||
console.debug("Error Parsing: ", e); | |||||
} | |||||
} | |||||
render() { | |||||
return template; | |||||
} | |||||
} |
@ -1,10 +1,10 @@ | |||||
import { LightningElement } from "lwc"; | import { LightningElement } from "lwc"; | ||||
import OmniscriptCheckbox from "vlocity_cmt/omniscriptCheckbox"; | import OmniscriptCheckbox from "vlocity_cmt/omniscriptCheckbox"; | ||||
export default class checkboxComponent extends OmniscriptCheckbox { | |||||
export default class OmniCheckboxComponent extends OmniscriptCheckbox { | |||||
connectedCallback() { | connectedCallback() { | ||||
console.debug("checkboxComponent - connected"); | |||||
console.debug("OmniCheckboxComponent - connected"); | |||||
this.omniApplyCallResp({'checkbox':false}); | this.omniApplyCallResp({'checkbox':false}); | ||||
} | } | ||||
@ -0,0 +1,6 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>46.0</apiVersion> | |||||
<isExposed>true</isExposed> | |||||
<runtimeNamespace>vlocity_cmt</runtimeNamespace> | |||||
</LightningComponentBundle> |
@ -0,0 +1,22 @@ | |||||
import OmniscriptText from 'vlocity_cmt/omniscriptText'; | |||||
import template from "./omniTextComponent.html"; | |||||
export default class OmniTextComponent extends OmniscriptTbext { | |||||
connectedCallback() { | |||||
console.log("OmniTextComponent - Connected"); | |||||
try { | |||||
console.log("OmniTextComponent - this:", this); | |||||
console.log("OmniTextComponent - this.scriptHeaderDef:", JSON.parse(JSON.stringify(this.scriptHeaderDef))); | |||||
console.log("OmniTextComponent - this.resume:", JSON.parse(JSON.stringify(this.resume))); | |||||
console.log("OmniTextComponent - this.seedJson:", JSON.parse(JSON.stringify(this.seedJson))); | |||||
console.log("OmniTextComponent - this.jsonDef:", JSON.parse(JSON.stringify(this.jsonDef))); | |||||
console.log("OmniTextComponent - this.jsonData:", JSON.parse(JSON.stringify(this.jsonData))); | |||||
} catch (e) { | |||||
console.debug("Error Parsing: ", e); | |||||
} | |||||
} | |||||
render() { | |||||
return template; | |||||
} | |||||
} |
@ -1,6 +0,0 @@ | |||||
<template> | |||||
<script src="https://maps.googleapis.com/maps/api/js?client=gme-verizoncommunications&channel=VPSCX&libraries=places&callback=initAutocomplete" async defer></script> | |||||
</template> |
@ -1,11 +0,0 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> | |||||
<apiVersion>46.0</apiVersion> | |||||
<isExposed>true</isExposed> | |||||
<masterLabel>typeaheadAddressComponent</masterLabel> | |||||
<targets> | |||||
<target>lightning__RecordPage</target> | |||||
<target>lightning__AppPage</target> | |||||
<target>lightning__HomePage</target> | |||||
</targets> | |||||
</LightningComponentBundle> |