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(` + + + + № + + + Название ⚬ 标题 ⚬ Name + + + + + 1 + + + X_shaped + + + 2 + + + cat + + + 3 + + 🖼 + 😀 + + + `); + */ + + 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 = ` +
+ Окно + ⚬ ⚬ + Window +
+
+
+
+ `; + + 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.заголовки[номер]; + заголовок += `${значение}` + } + содержимое += ` + + + ${заголовок} + + + `; + } + + if (this.строки && this.строки.length) + { + var тело = ""; + for (var номер in this.строки) + { + var столбцы = this.строки[номер]; + var строка = ""; + for (var н in столбцы) + { + var значение = столбцы[н]; + строка += `${значение}`; + } + тело += `${строка}`; + } + содержимое += `${тело}`; + } + + $(`#${id}`).html(содержимое); + }; + +}; \ No newline at end of file