/*  DokuWiki MoaiEditor Start.js file
    Version : 0.5a (May 6, 2026)
    Author  : MoaiTools <info@moaitools.org>
    License : GPL 3 (http://www.gnu.org/licenses/gpl.html) */

/*  Handles the button that starts the editor.

    It creates two button options, so you can use the one you prefer in your template:
       a) A small PNG image (intended to be put in the '#size__ctl' element of the native
          Dokuwiki editor, next to the other small buttons). 
       b) A proper button with an SVG icon (which by default goes next to the submit buttons
          save, cancel and preview), but you can of course place it anywhere else.
*/
MoaiEditor.StartButton = class {

    constructor() {
        this.png = this.createPNG();
        this.button = this.createButton();
    }
    // ──────────────────────────────────── 
    createPNG () {
        const png = moaiEditor.createHTML('<img id="moaied-start-png" src="lib/plugins/moaieditor/icons/start.png"></button>');
        png.addEventListener("click", this.onClick.bind(this));
        return png;
    }
    // ──────────────────────────────────── 
    createButton () {
        const html = `
            <svg xmlns   = "http://www.w3.org/2000/svg" 
                 viewBox = "0 0 24 22" width="24" height="22" 
                 style   = "fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:butt;">
                <path d=" M 2 5 v 13 a 2 2 0 0 0 2 2 h 16 a 2 2 0 0 0 2 -2 v -13"/>
                <path fill="currentColor" d=" M 2 5 v -0.5  a 2 2 0 0 1 2 -2 h 16 a 2 2 0 0 1 2 2 v 0.5"/>
                <path stroke-width="1" d=" M 12 5 v 15"/>
            </svg>`;
        const button = moaiEditor.createHTML('<button id="moaied-start-button" type="submit">&nbsp;'+html+'&nbsp;</button>');
        button.addEventListener("click", this.onClick.bind(this));
        return button;
    }
    // ──────────────────────────────────── 
    onClick () {
        event.preventDefault();             // Prevent click from submitting the form
        moaiEditor.startEditor();           // Start the editor now
    }
}; // End Class