55 lines
1.5 KiB
JavaScript
Executable File
55 lines
1.5 KiB
JavaScript
Executable File
class Phone extends HTMLElement {
|
|
|
|
constructor() {
|
|
super();
|
|
|
|
console.log('INITIALIZING MOBILE PHONE');
|
|
|
|
let template = document.getElementById('phone');
|
|
let templateContent = template.content;
|
|
const shadow = this.attachShadow({
|
|
mode: 'open'
|
|
})
|
|
.appendChild(templateContent.cloneNode(true));
|
|
}
|
|
|
|
getMobileView(){
|
|
var sr = this.shadowRoot;
|
|
var mobileview = sr.getElementById('mobileview');
|
|
return mobileview;
|
|
}
|
|
|
|
showNavigation(){
|
|
var sr = this.shadowRoot;
|
|
var nav = sr.getElementById("mobilenavigation");
|
|
nav.style.display = "flex";
|
|
}
|
|
|
|
hideNavigation(){
|
|
var sr = this.shadowRoot;
|
|
var nav = sr.getElementById("mobilenavigation");
|
|
nav.style.display = "none";
|
|
}
|
|
|
|
connectedCallback() {
|
|
var sr = this.shadowRoot;
|
|
var phone = this;
|
|
var basebutton = sr.getElementById('basebutton');
|
|
var mobileview = sr.getElementById('mobileview');
|
|
var navigation = sr.getElementById('mobilenavigation');
|
|
var apptiles = sr.getElementById('APPTILES');
|
|
basebutton.addEventListener('click', e => {
|
|
mobileview.innerHTML = '<homescreen-element id="HOMESCREEN"></homescreen-element>';
|
|
phone.hideNavigation();
|
|
});
|
|
}
|
|
}
|
|
|
|
try {
|
|
customElements.define('phone-element', Phone);
|
|
} catch (err) {
|
|
const h3 = document.createElement('h3')
|
|
h3.innerHTML = err
|
|
document.body.appendChild(h3)
|
|
}
|