import { Loc } from '../engine/core/localization.js';
import { AddDiv, AddDomElement } from '../engine/viewer/domutils.js';
import { Embed } from './embed.js';
import { Website } from './website.js';
import { SetEventHandler, HandleEvent } from './eventhandler.js';
import { PluginType, RegisterPlugin } from './pluginregistry.js';
import { ButtonDialog, ProgressDialog } from './dialog.js';
import { ShowMessageDialog } from './dialogs.js';

import * as Engine from '../engine/main.js';
export { Engine };

import './css/icons.css';
import './css/themes.css';
import './css/core.css';
import './css/controls.css';
import './css/dialogs.css';
import './css/treeview.css';
import './css/panelset.css';
import './css/navigator.css';
import './css/sidebar.css';
import './css/website.css';
import './css/embed.css';

export const UI = {
    ButtonDialog,
    ProgressDialog,
    ShowMessageDialog,
    HandleEvent,
    Loc
};

export function SetWebsiteEventHandler (eventHandler)
{
    SetEventHandler (eventHandler);
}

export function RegisterHeaderPlugin (plugin)
{
    RegisterPlugin (PluginType.Header, plugin);
}

export function RegisterToolbarPlugin (plugin)
{
    RegisterPlugin (PluginType.Toolbar, plugin);
}

export function StartWebsite ()
{
    if (window.self !== window.top) {
        let noEmbeddingDiv = AddDiv (document.body, 'noembed');
        AddDiv (noEmbeddingDiv, null, Loc ('Embedding TellMe模型处理平台 in an iframe is not supported.'));
        let link = AddDomElement (noEmbeddingDiv, 'a', null, Loc ('Open TellMe模型处理平台'));
        link.target = '_blank';
        link.href = window.self.location;
        return;
    }

    document.getElementById ('intro_dragdrop_text').textContent = Loc ('Drag and drop 3D models here.');
    document.getElementById ('intro_formats_title').textContent = Loc ('Check an example file:');

    let website = new Website ({
        headerDiv : document.getElementById ('header'),
        headerButtonsDiv : document.getElementById ('header_buttons'),
        toolbarDiv : document.getElementById ('toolbar'),
        mainDiv : document.getElementById ('main'),
        introDiv : document.getElementById ('intro'),
        fileNameDiv : document.getElementById ('main_file_name'),
        leftContainerDiv : document.getElementById ('main_left_container'),
        navigatorDiv : document.getElementById ('main_navigator'),
        navigatorSplitterDiv : document.getElementById ('main_navigator_splitter'),
        rightContainerDiv : document.getElementById ('main_right_container'),
        sidebarDiv : document.getElementById ('main_sidebar'),
        sidebarSplitterDiv : document.getElementById ('main_sidebar_splitter'),
        viewerDiv : document.getElementById ('main_viewer'),
        fileInput : document.getElementById ('open_file')
    });
    website.Load ();
}

export function StartEmbed ()
{
    let embed = new Embed ({
        viewerDiv : document.getElementById ('embed_viewer'),
        websiteLinkDiv : document.getElementById ('website_link')
    });
    embed.Load ();
}