Dévouée à la réussite des esthéticiennes québécoises, depuis 2005.
`
class NovodermService extends HTMLElement {
constructor() {
super()
this.iconSrc = ''
this.title = ''
this.description = ''
this.learnMoreTitle = ''
this.learnMoreUrl = ''
}
connectedCallback() {
this.iconSrc = this.getAttribute('iconSrc')
this.title = this.getAttribute('title')
this.description = this.getAttribute('description')
this.learnMoreTitle = this.getAttribute('learnMoreTitle')
this.learnMoreUrl = this.getAttribute('learnMoreUrl')
let serviceHtml = serviceInnerHTML
serviceHtml = serviceHtml.replace('{{iconSrc}}', this.iconSrc)
serviceHtml = serviceHtml.replace('{{title}}', this.title)
serviceHtml = serviceHtml.replace('{{description}}', this.description)
serviceHtml = serviceHtml.replace('{{learnMoreTitle}}', this.learnMoreTitle)
serviceHtml = serviceHtml.replace('{{learnMoreUrl}}', this.learnMoreUrl)
serviceTemplate.innerHTML = serviceHtml
const serviceTemplateEl = serviceTemplate.content.cloneNode(true)
this.appendChild(serviceTemplateEl)
}
}
customElements.define('novoderm-service', NovodermService)
// NovodermService.define()
Nos services, en 3 temps
`
class NovodermBrand extends HTMLElement {
constructor() {
super()
this.bgImgSrc = ''
this.brandName = ''
this.brandUrl = ''
}
connectedCallback() {
this.bgImgSrc = this.getAttribute('bgImgSrc')
this.brandName = this.getAttribute('brandName')
this.brandUrl = this.getAttribute('brandUrl')
let brandHtml = brandInnerHTML
brandHtml = brandHtml.replace('{{bgImgSrc}}', this.bgImgSrc)
brandHtml = brandHtml.replace('{{brandName}}', this.brandName)
brandHtml = brandHtml.replace('{{brandUrl}}', this.brandUrl)
brandTemplate.innerHTML = brandHtml
const brandTemplateEl = brandTemplate.content.cloneNode(true)
this.appendChild(brandTemplateEl)
this.style.backgroundImage = `url(${this.bgImgSrc})`
}
}
customElements.define('novoderm-brand', NovodermBrand)
// NovodermBrand.define()
Nos marques