From 60112d1991ca14651e88b9fca503f971f914a9fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=93=D0=BB=D0=B0=D0=B2=D1=80=D0=B5=D0=B4=20=7C=20Glavred?=
 <glavred@gitjs.org>
Date: Wed, 14 Oct 2020 15:01:38 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=BE=D1=82=20=D0=93=D0=BB=D0=B0=D0=B2=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B4=D0=B0=20=D0=93=D0=B8=D1=82=D0=96=D0=A1=20|=20Chang?=
 =?UTF-8?q?es=20of=20GitJS=20Glavred?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 0000                      |   5 +-
 пуск|run.js           | 139 ++++++++++++++++++++++++++++++++++++++
 пуск|run.череда |   6 ++
 таблица|table.js   |  61 +++++++++++++++++
 4 files changed, 210 insertions(+), 1 deletion(-)
 create mode 100644 пуск|run.js
 create mode 100644 пуск|run.череда
 create mode 100644 таблица|table.js

diff --git a/0000 b/0000
index 7124592..5ab5f2e 100644
--- a/0000
+++ b/0000
@@ -3,4 +3,7 @@
 https://git.opengamestudio.org/mahjong/povtorniy-repeating-ui
 
 x /выборный-список|selection-list.js
-x /плавно-отобразить-скрыть|smoothly-show-hide.js
\ No newline at end of file
+x /плавно-отобразить-скрыть|smoothly-show-hide.js
+x /пуск|run.js
+/пуск|run.череда
+x /таблица|table.js
\ No newline at end of file
diff --git a/пуск|run.js b/пуск|run.js
new file mode 100644
index 0000000..ecb0b3c
--- /dev/null
+++ b/пуск|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() {
+        мир.уведомить("ручной пуск");
+        мир.уведомить("загрузили библиотеки");
+    });
+    мир.модули.использовать(БИБЛИОТЕКИ);
+};
\ No newline at end of file
diff --git a/пуск|run.череда b/пуск|run.череда
new file mode 100644
index 0000000..a2a1a16
--- /dev/null
+++ b/пуск|run.череда
@@ -0,0 +1,6 @@
+пуск
+    загрузить библиотеки
+загрузили библиотеки
+    очистить
+    создать пример окна
+    создать пример таблицы
\ No newline at end of file
diff --git a/таблица|table.js b/таблица|table.js
new file mode 100644
index 0000000..d0fad28
--- /dev/null
+++ b/таблица|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(содержимое);
+    };
+
+};
\ No newline at end of file