import { Application } from "../../globular-mvc/src/Application";
import { ApplicationView } from "../../globular-mvc/src/ApplicationView";
import { Model } from "../../globular-mvc/src/Model";
import { InstallationWizard } from "./installationWizard";


/**
 * Create dom element from html string.
 * @param html 
 */
function parseHTML(html: string): any {
    var t = document.createElement('template');
    t.innerHTML = html;
    return t.content.cloneNode(true);
}

/**
 * The configuration panel view.
 */
export class ConfigurationPanel extends ApplicationView {
    constructor() {
        super();
    }

    init() {
        // Append the wizard in the page.
        let installationWizard = new InstallationWizard(this.getWorkspace())
    }
    
}

/**
 * The configuration view.
 */
export class ConfigurationApplication extends Application {

    constructor() {
        let view = new ConfigurationPanel();

        super("globular_panel", "Globular Configuration Panel", view)
    }
}