/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * License GNU General Public License version 2 or later;
 * Copyright 2013-2019 Valeriy Chupurnov https://xdsoft.net
 */

import {
    Controls,
    IControlType,
    IControlTypeStrong,
    IToolbarCollection,
} from '../../types/toolbar';
import { IViewBased } from '../../types/view';
import { each } from '../helpers/';
import { ToolbarButton } from '../toolbar/button';
import { Popup } from './popup';
import { JoditToolbarCollection } from '../toolbar/joditToolbarCollection';

export class PopupList extends Popup {
    private defaultControl = {
        template: (editor: IViewBased, key: string, value: string) =>
            this.jodit.i18n(value),
    };

    protected doClose() {
        if (this.toolbar) {
            this.toolbar.destruct();
            delete this.toolbar;
        }
    }

    doOpen(control: IControlTypeStrong) {
        this.toolbar = JoditToolbarCollection.makeCollection(this.jodit);

        const list: any =
            typeof control.list === 'string'
                ? control.list.split(/[\s,]+/)
                : control.list;

        each(list, (key: number | string, value: string | IControlType) => {
            let button: ToolbarButton,
                controls: Controls | void = this.jodit.options.controls,
                getControl = (key: string): IControlType | void =>
                    controls && controls[key];

            if (typeof value === 'string' && getControl(value)) {
                button = new ToolbarButton(
                    this.toolbar,
                    {
                        name: value.toString(),
                        ...getControl(value),
                    },
                    this.current
                ); // list like array {"align": {list: ["left", "right"]}}
            } else if (
                typeof key === 'string' &&
                getControl(key) &&
                typeof value === 'object'
            ) {
                button = new ToolbarButton(
                    this.toolbar,
                    {
                        name: key.toString(),
                        ...getControl(key),
                        ...value,
                    },
                    this.current
                ); // list like object {"align": {list: {"left": {exec: alert}, "right": {}}}}
            } else {
                button = new ToolbarButton(
                    this.toolbar,
                    {
                        name: key.toString(),
                        exec: control.exec,
                        command: control.command,
                        isActive: control.isActiveChild,
                        isDisable: control.isDisableChild,
                        mode: control.mode,
                        args: [
                            (control.args && control.args[0]) || key,
                            (control.args && control.args[1]) || value,
                        ],
                    },
                    this.current
                ); // list like object {"align": {list: {"left": {exec: alert}, "right": {}}}}

                const template =
                    control.template || this.defaultControl.template;

                button.textBox.innerHTML = template(
                    this.jodit,
                    key.toString(),
                    value.toString()
                );
            }

            this.toolbar.appendChild(button);
        });

        this.container.appendChild(this.toolbar.container);
        this.container.style.marginLeft = null;

        this.toolbar.checkActiveButtons();
    }

    public toolbar: IToolbarCollection;

    constructor(
        jodit: IViewBased,
        readonly target: HTMLElement,
        readonly current?: HTMLElement,
        readonly className: string = 'jodit_toolbar_list'
    ) {
        super(jodit, target, current, className);
    }
    destruct() {
        if (this.isDestructed) {
            return;
        }

        this.doClose();

        super.destruct();
    }
}