demo_bootstrap.cs

////////////////////////////////////////////////
// © https://github.com/badhitman - @FakeGov
////////////////////////////////////////////////

using HtmlGenerator.html5.collections;
using HtmlGenerator.set.bootstrap;
using HtmlGenerator.html5.textual;
using HtmlGenerator.html5.tables;
using HtmlGenerator.html5.areas;
using HtmlGenerator.html5.forms;
using HtmlGenerator.bootstrap;
using HtmlGenerator.html5;
using HtmlGenerator.set;

namespace HtmlGenerator;

/// <summary>
/// Примеры использования (Bootstrap)
/// </summary>
public static class demo_bootstrap
{
    /// <inheritdoc/>
    public static div GetBootstrapSelectList(string label, select select_body, string? Tooltip = null, string wrap_class = "input-group mb-4 col-auto")
    {
        div ret_dom = new();
        ret_dom.AddCSS(wrap_class, true);
        if (!string.IsNullOrEmpty(label))
        {
            div input_group_prepend = new();
            input_group_prepend.AddCSS("input-group-prepend");
            ret_dom.AddDomNode(input_group_prepend);
        }
        select_body.AddCSS("custom-select");

        if (!string.IsNullOrEmpty(Tooltip))
            ret_dom.title = Tooltip;

        ret_dom.SetAttribute("data-toggle", "tooltip");
        ret_dom.AddDomNode(select_body);
        return ret_dom;
    }

    /// <summary>
    /// Стандартная карточка/панель для размещения информации
    /// </summary>
    /// <param name="card_head">Заголовок карточки</param>
    /// <param name="body_elements">Элементы содержимого</param>
    /// <param name="css_card">Стиль оформления карточки</param>
    /// <returns>Готовая карточка информации</returns>
    public static div Get_DIV_Bootstrap_Card(string card_head, List<base_dom_root> body_elements, string css_card = "bg-light")
    {
        div card_header = new() { InnerText = card_head };
        card_header.AddCSS("card-header");
        div card_body = new();
        card_body.AddCSS("card-body");
        foreach (div he in body_elements)
            card_body.AddDomNode(he);

        div card_set = new();
        card_set.AddCSS("card " + css_card, true);
        card_set.AddDomNode(card_header);
        card_set.AddDomNode(card_body);

        return card_set;
    }
    /// <inheritdoc/>
    public static div Get_DIV_Bootstrap_Card(string card_head, base_dom_root body_element, string css_card = "bg-light") => Get_DIV_Bootstrap_Card(card_head, [body_element], css_card);
    /// <inheritdoc/>
    public static div GetTextarea(string label_text, string value_input, string name_input, string placeholder, bool input_readonly = false, int rows = 2, bool required = false)
    {
        div returned_input = new();
        returned_input.AddCSS("form-group");
        if (!string.IsNullOrEmpty(label_text))
            returned_input.AddDomNode(new label(label_text, name_input));

        textarea ret_textarea = new() { InnerText = value_input, required = required, @readonly = input_readonly, placeholder = placeholder };
        ret_textarea.AddCSS("form-control");
        if (rows > 0)
            ret_textarea.rows = rows;

        if (!string.IsNullOrEmpty(value_input))
            ret_textarea.InnerText = value_input;

        ret_textarea.Name_DOM = name_input;

        returned_input.AddDomNode(ret_textarea);

        return returned_input;
    }

    /// <summary>
    /// Сформировать кнопку
    /// </summary>
    /// <param name="text">Текст кнопки</param>
    /// <param name="id_button">dom id</param>
    /// <param name="href">Ссылка (если требуется кнопка-ссылка)</param>
    /// <param name="style">Стиль оформления кнопки</param>
    /// <param name="size">Размер кнопки</param>
    /// <param name="btn_block">Флаг режима заполнения родительского блока во всю ширину</param>
    /// <param name="outline_style">Флаг отключения цвета фона. В этом режиме стиль оформления будет использован для рамки и цвета, но не для фона</param>
    public static button GetButton(string text, string? id_button = null, string? href = null, VisualBootstrapStylesEnum? style = null, SizingBootstrap? size = null, bool btn_block = false, bool outline_style = false)
    {
        button ret_button = new(text) { Id_DOM = id_button };
        ret_button.AddCSS("btn");
        if (style is not null)
        {
            ret_button.AddCSS("btn" + (outline_style ? "-outline-" : "-") + style?.ToString("g"));
        }
        if (size is not null)
            ret_button.AddCSS("btn-" + size?.ToString("g").ToLower());

        if (btn_block)
            ret_button.AddCSS("btn-block");

        ret_button.AddCSS("active");
        if (string.IsNullOrEmpty(href))
            ret_button.SetAttribute("type", "button");
        else
        {
            ret_button.tag_custom_name = "a";
            ret_button.SetAttribute("href", href);
            ret_button.SetAttribute("role", "button");
            ret_button.SetAttribute("aria-pressed", "true");
        }

        return ret_button;
    }

    /// <summary>
    /// Сформировать модальное окно
    /// </summary>
    /// <param name="title">Заголовок модального окна</param>
    /// <param name="text_ok_button">Текст кнопки Ok (если null or empty), то кнопка не выводится вовсе</param>
    /// <param name="id_ok_button">ID атрибут кнопки Ok</param>
    /// <param name="text_cancel_button">Текст кнопки Cancel (если null or empty), то кнопка не выводится вовсе</param>
    /// <param name="body_html">Тело модального окна</param>
    /// <param name="id_modal_dialog">ID атрибут модального окна</param>
    public static div GetModalDialog(string title, string text_ok_button, string text_cancel_button, base_dom_root body_html, string id_modal_dialog = "exampleModal", string id_ok_button = "button_try_write")
    {
        span span_close_modal_header = new("&times;");
        span_close_modal_header.SetAttribute("aria-hidden", "true");
        //
        button button_close_modal_header = new(null);
        button_close_modal_header.AddCSS("close");
        button_close_modal_header.SetAttribute("data-dismiss", "modal");
        button_close_modal_header.SetAttribute("aria-label", "Close");
        button_close_modal_header.AddDomNode(span_close_modal_header);
        //
        h5 h5_modal_header = new(title);
        h5_modal_header.AddCSS("modal-title");
        div div_modal_header = new();
        div_modal_header.AddCSS("modal-header");
        div_modal_header.AddDomNode(h5_modal_header);
        div_modal_header.AddDomNode(button_close_modal_header);
        //
        div modal_footer = new();
        modal_footer.AddCSS("modal-footer");
        if (!string.IsNullOrEmpty(text_cancel_button))
        {
            button button_close_modal_footer = GetButton(text_cancel_button, null, null, VisualBootstrapStylesEnum.secondary);
            button_close_modal_footer.SetAttribute("data-dismiss", "modal");
            modal_footer.AddDomNode(button_close_modal_footer);
        }

        if (!string.IsNullOrEmpty(text_ok_button))
        {
            button button_send_modal_footer = GetButton(text_ok_button, null, "#", VisualBootstrapStylesEnum.primary);
            button_send_modal_footer.Id_DOM = id_ok_button;
            modal_footer.AddDomNode(button_send_modal_footer);
        }
        //
        div modal_content = new();
        modal_content.AddCSS("modal-content");
        modal_content.AddDomNode(div_modal_header);
        //
        div modal_body = new();
        modal_body.AddCSS("modal-body");
        modal_body.AddDomNode(body_html);
        modal_content.AddDomNode(modal_body);
        //
        modal_content.AddDomNode(modal_footer);
        //
        div modal_dialog_document = new();
        modal_dialog_document.AddCSS("modal-dialog");

        modal_dialog_document.CustomAttributes.Add("role", "document");
        modal_dialog_document.AddDomNode(modal_content);
        //
        div ModalDialog = new() { Id_DOM = id_modal_dialog };
        ModalDialog.AddCSS("modal fade", true);
        ModalDialog.CustomAttributes.Add("tabindex", "-1");
        ModalDialog.CustomAttributes.Add("role", "dialog");
        ModalDialog.CustomAttributes.Add("aria-labelledby", id_modal_dialog);
        ModalDialog.CustomAttributes.Add("aria-hidden", "true");

        ModalDialog.AddDomNode(modal_dialog_document);
        ModalDialog.before_comment_block = "Modal dialog";
        return ModalDialog;
    }

    /// <summary>
    /// Получить форму регистрации/авторизации
    /// </summary>
    /// <param name="user_login_input_id">html dom id/name - идентификатор/имя input-a ввода логина</param>
    /// <param name="user_password_input_id">html dom id/name - идентификатор/имя input-a ввода пароля</param>
    /// <param name="user_password_repeat_input_id">html dom id/name - идентификатор/имя input-a ввода повтора пороля</param>
    /// <param name="reg_new_user_checkbox_id">html dom id/name - идентификатор/имя checkbox-a для регистрации нового пользователя</param>
    /// <param name="button_send_login_form_id">html dom id/name - идентификатор/имя button-a </param>
    /// <param name="re_captcha_key">api - ключ reCaptcha</param>
    /// <param name="collapse_info_new_user_input_css">css класс - области сворачивания и разворачивания для регистрации</param>
    /// <returns></returns>
    public static List<base_dom_root> GetLoginForm(
        string? re_captcha_key = null,
        string user_password_input_id = "user_password_input_id",
        string user_password_repeat_input_id = "user_password_repeat_input_id",
        string user_login_input_id = "user_login_input_id",
        string reg_new_user_checkbox_id = "reg_new_user_checkbox_id",
        string button_send_login_form_id = "button_send_login_form_id",
        string collapse_info_new_user_input_css = "collapse_info_new_user_input")
    {
        List<base_dom_root> dom_elements = [];

        form html_response = new()
        {
            Id_DOM = "login_form_id",
            target = TargetsEnum._self,
            method_form = MethodsFormEnum.POST
        };
        html_response.AddCSS("was-validated");
        html_response.SetAttribute("novalidate", null);

        TextInputBootstrap textInput = new("Ваш логин", user_login_input_id) { Hint = "Введите логин для входа" };
        textInput.Input.placeholder = "Логин";
        textInput.Input.required = true;
        html_response.AddDomNode(textInput);

        textInput = new TextInputBootstrap("Ваш пароль", user_password_input_id) { Hint = "Пароль для входа" };
        textInput.Input.type = InputTypesEnum.password;
        textInput.Input.placeholder = "Пароль";
        html_response.AddDomNode(textInput);

        textInput = new TextInputBootstrap("Повторите пароль", user_password_repeat_input_id) { Hint = "Повторно введите пароль" };
        textInput.Input.type = InputTypesEnum.password;
        textInput.Input.placeholder = "Повтор";

        textInput.AddCSS("panel-collapse collapse " + collapse_info_new_user_input_css, true);
        html_response.AddDomNode(textInput);

        html_response.Childs![^1].AddCSS("panel-collapse collapse " + collapse_info_new_user_input_css, true);

        html_response.Childs.Add(new CheckboxInputBootstrap("Зарегистрироваться", reg_new_user_checkbox_id));

        p reg_new_user_info = new("");
        reg_new_user_info.AddCSS("clearfix");
        ul panel_collapse = new();

        panel_collapse.AddCSS("panel-collapse collapse " + collapse_info_new_user_input_css, true);
        reg_new_user_info.Childs ??= [];
        reg_new_user_info.Childs.Add(panel_collapse);

        reg_new_user_info.Childs[0].Childs ??= [];
        reg_new_user_info.Childs[0].Childs!.Add(new li() { InnerText = "Придумайте/запомните надёжный логин/пароль и входите" });
        reg_new_user_info.Childs[0].Childs!.Add(new li() { InnerText = "Учётная запись будет создана автоматически" });

        html_response.Childs.Add(reg_new_user_info);
        if (!string.IsNullOrEmpty(re_captcha_key))
        {
            html_response.Childs.Add(new hr());
            html_response.Childs.Add(new h4("Пройдите проверку reCAPTCHA"));
            div sitekey = new();
            sitekey.AddCSS("g-recaptcha");
            sitekey.SetAttribute("data-size", "compact");
            sitekey.SetAttribute("data-sitekey", re_captcha_key);
            html_response.Childs.Add(sitekey);
        }
        html_response.Childs.Add(GetButton("Войти", button_send_login_form_id, null, VisualBootstrapStylesEnum.primary, SizingBootstrap.Lg, true));

        dom_elements.Add(Get_DIV_Bootstrap_Card("Вход/Регистрация", html_response));
        return dom_elements;
    }

    /// <summary>
    /// Сформировать таблицу
    /// </summary>
    public static table GetTable(string[] table_heads, List<string[]> table_data, string css_table_class = "table table-hover")
    {
        table table = new();
        table.AddCSS(css_table_class, true);
        foreach (string s in table_heads)
            table.THead.AddColumn(s);

        foreach (string[] row_item in table_data)
            table.TBody.AddRow(row_item);

        return table;
    }
}