Изменения от Главреда ГитЖС | Changes of GitJS Glavred

0000

@@ -3,4 +3,7 @@
 https://git.opengamestudio.org/mahjong/povtorniy-repeating-ui
 
 x /выборный-список|selection-list.js
-x /плавно-отобразить-скрыть|smoothly-show-hide.js
+x /плавно-отобразить-скрыть|smoothly-show-hide.js
+x /пуск|run.js
+/пуск|run.череда
+x /таблица|table.js

пуск|run.js

@@ -0,0 +1,139 @@
+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() {
+        мир.уведомить("ручной пуск");
+        мир.уведомить("загрузили библиотеки");
+    });
+    мир.модули.использовать(БИБЛИОТЕКИ);
+};

пуск|run.череда

@@ -0,0 +1,6 @@
+пуск
+    загрузить библиотеки
+загрузили библиотеки
+    очистить
+    создать пример окна
+    создать пример таблицы

таблица|table.js

@@ -0,0 +1,61 @@
+Таблица = function(id)
+{
+    this.задатьЗаголовки = (заголовки) =>
+    {
+        this.заголовки = заголовки;
+        this.__пересобрать();
+    };
+
+    this.задатьСтроки = (строки) =>
+    {
+        this.строки = строки;
+        this.__пересобрать();
+    };
+
+    this.__пересобрать = () =>
+    {
+        this.__задатьСодержимое();
+        //this.__отслеживатьВыбор();
+    };
+
+    this.__задатьСодержимое = () =>
+    {
+        var содержимое = "";
+        if (this.заголовки && this.заголовки.length)
+        {
+            var заголовок = "";
+            for (var номер in this.заголовки)
+            {
+                var значение = this.заголовки[номер];
+                заголовок += `<th>${значение}</th>`
+            }
+            содержимое += `
+<thead>
+    <tr>
+        ${заголовок}
+    </tr>
+</thead>
+            `;
+        }
+        
+        if (this.строки && this.строки.length)
+        {
+            var тело = "";
+            for (var номер in this.строки)
+            {
+                var столбцы = this.строки[номер];
+                var строка = "";
+                for (var н in столбцы)
+                {
+                    var значение = столбцы[н];
+                    строка += `<td>${значение}</td>`;
+                }
+                тело += `<tr>${строка}</tr>`;
+            }
+            содержимое += `<tbody>${тело}</tbody>`;
+        }
+        
+        $(`#${id}`).html(содержимое);
+    };
+
+};