globular-mvc/components/Plain.js

Generic template to create web-application that made use of globular as backend and materialize as css (wrap in web-component's)

/**
 * Sample empty component
 */
export class Empty extends HTMLElement {
    // attributes.

    // Create the applicaiton view.
    constructor() {
        super()
        // Set the shadow dom.
        this.attachShadow({ mode: 'open' });
    }

    // The connection callback.
    connectedCallback() {

        // Innitialisation of the layout.
        this.shadowRoot.innerHTML = `
        <style>
           
            #container{
                background-color: var(--palette-background-paper);
                color: var(--palette-text-primary);
            }
        </style>
        <div id="container">
        </div>
        `
        // give the focus to the input.
        let container = this.shadowRoot.querySelector("#container")

    }

    // Call search event.
    hello(){

    }
}

customElements.define('globular-empty', Empty)