povtorniy-repeating-ui/пуск|run.js

const БИБЛИОТЕКИ = [
    "https://bitbucket.org/gitjs/jquery/raw/3.5.1/0000",
    "https://bitbucket.org/gitjs/uikit/raw/3.2.0/0000",
];

// // // //


СоздатьПримерТаблицы = мир =>
{
    console.log("СоздатьПримерТаблицы");
    мир.таблица = new Таблица("пример-таблицы");
    мир.таблица.задатьЗаголовки(["№", "", "", "Название ⚬ 标题 ⚬ Name"]);
    var строки = [];
    for (var номер = 0; номер < 10; ++номер)
    {
        var строка = [
            String(номер+1),
            "",
            "",
            "Название_" + номер,
        ];
        строки.push(строка);
    }
    мир.таблица.задатьСтроки(строки);
    /*
    $("#пример-таблицы").html(`
    
        <thead>
            <tr>
                <th>№</th>
                <th></th>
                <th></th>
                <th>Название ⚬ 标题 ⚬ Name</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td></td>
                <td></td>
                <td>X_shaped</td>
            </tr>
            <tr>
                <td>2</td>
                <td><span uk-icon="check"></span></td>
                <td></td>
                <td>cat</td>
            </tr>
            <tr>
                <td>3</td>
                <td></td>
                <td>🖼</td>
                <td>😀</td>
            </tr>
        </tbody>
    `);
    */
    
    var вид = document.createElement("style");
    document.head.appendChild(вид);
    вид.innerHTML = `
#родитель-примера-таблицы
{
    display: inline-block;
}
    `;
};


// // // //


СоздатьПримерОкна = мир =>
{
    var окно = document.createElement("div");
    окно.classList.add("окно-на-весь-экран-с-отступом");
    окно.style.display = "none";
    document.body.appendChild(окно);

    окно.style.display = "block";

    окно.innerHTML = `
<center>
    <span class="uk-text-large">Окно</span>
    ⚬ <span class="uk-text-large uk-text-bold">窗</span> ⚬
    <span class="uk-text-large">Window</span>
</center>
<div id="родитель-примера-таблицы" class="прокрутка">
    <table id="пример-таблицы" class="uk-table uk-table-divider"></table>
</div>
    `;
    
    var вид = document.createElement("style");
    document.head.appendChild(вид);
    вид.innerHTML = `
.окно-на-весь-экран-с-отступом
{
    position: fixed;
    left: 1em;
    top: 1em;
    bottom: 1em;
    right: 1em;
}

.прокрутка
{
    overflow: auto;
    height: 100%;
}
    `;
    
    /*
    var элементСписок = document.getElementById(мир.окна.раскладки.список);
    мир.окна.раскладки.выборныйСписок = new ВыборныйСписок(элементСписок);
*/
};


// // // //


Очистить = мир =>
{
    document.body.innerHTML = "";
};


// // // //


ЗагрузитьБиблиотеки = мир =>
{
    мир.модули.использовали.подписатьРаз(function() {
        мир.уведомить("ручной пуск");
        мир.уведомить("загрузили библиотеки");
    });
    мир.модули.использовать(БИБЛИОТЕКИ);
};