// ==UserScript==
// @author        SirSeingeur
// @name          Sir Color Picker
// @namespace     https://avenoel.org/forum
// @version       0.1
// @icon          https://avenoel.org/favicon.ico
// @require       https://bgrins.github.io/spectrum/spectrum.js
// @match         *://avenoel.org/*
// ==/UserScript==

(function() {
    "use strict";

    if (!$(".post-content").length || !$(".form-group.bbcodes").length) {
        console.log("couldn't find element '.post-content' or '.form-group.bbcode'");
    } else {
        $("<link rel='stylesheet' href='https://bgrins.github.io/spectrum/spectrum.css'/>").appendTo("head");
        let textArea = $(".post-content").last();
        let picker = $("<button class='btn' type='button'/>");

        $("<img id='picker' src='https://i.imgur.com/gwM0XZt.png'/>").appendTo(picker);
        picker.spectrum({
            cancelText: "Annuler",
            chooseText: "Choisir",
            color: "#000",
            showInitial: true,
        });

        $("button.sp-choose").addClass("btn");
        $("button.sp-choose").on("click", () => {
            let color = picker.spectrum("get").toHexString();
            textArea.selection("insert", {mode: "before", text: `<color=${color}>`});
            textArea.selection("insert", {mode: "after", text: "</color>"});
            textArea.change();
        });

        $(".form-group.bbcodes").last().append(picker);
    }

})();