32 lines
788 B
JavaScript
32 lines
788 B
JavaScript
class LiveStateIndicator extends HTMLElement{
|
|
constructor(){
|
|
super();
|
|
}
|
|
|
|
changeToDisable(){
|
|
let liveElm = this.getElementsByClassName("live")[0];
|
|
liveElm.classList.remove("enabled");
|
|
liveElm.classList.add("disabled");
|
|
}
|
|
|
|
changeToEnable(){
|
|
let liveElm = this.getElementsByClassName("live")[0];
|
|
liveElm.classList.remove("disabled");
|
|
liveElm.classList.add("enabled");
|
|
}
|
|
|
|
connectedCallback(){
|
|
this.render();
|
|
}
|
|
|
|
render(){
|
|
this.innerHTML = `
|
|
<link rel="stylesheet" href="components/states_indicator/live/live.css">
|
|
<div class="live">
|
|
LIVE
|
|
</div>
|
|
`
|
|
}
|
|
}
|
|
|
|
customElements.define("sea-live-state-indicator", LiveStateIndicator) |