Browse Source

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

master
Главред | Glavred 4 years ago
parent
commit
60112d1991
4 changed files with 210 additions and 1 deletions
  1. +4
    -1
      0000
  2. +139
    -0
      пуск|run.js
  3. +6
    -0
      пуск|run.череда
  4. +61
    -0
      таблица|table.js

+ 4
- 1
0000 View File

@@ -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

+ 139
- 0
пуск|run.js View File

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

+ 6
- 0
пуск|run.череда View File

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

+ 61
- 0
таблица|table.js View File

@@ -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(содержимое);
};

};

Loading…
Cancel
Save