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

0000

@@ -1,6 +1,11 @@
 Морда Маджонга
-0.1.0
+0.1.1
 https://git.opengamestudio.org/MAOH/MOPMA
 
+x /⨐.js
 x /🎬.js
-/🎬.череда
+/🎬.череда
+/📍.html
+x /📍.js
+/📍.череда
+/🙈.css

⨐.js

@@ -0,0 +1,22 @@
+создатьОкноСОтступами = (id) =>
+{
+    var окно = document.createElement("div");
+    окно.id = id;
+    окно.style.display = "none";
+    окно.classList.add("окно-с-отступами");
+    document.body.appendChild(окно);
+    окно.плавно = new ПлавноОтобразитьСкрыть(окно);
+    return окно;
+};
+
+
+// // // //
+
+
+добавитьCSS = содержимое =>
+{
+    var вид = document.createElement("style");
+    document.head.appendChild(вид);
+    вид.innerHTML = содержимое;
+    return вид;
+};

🎬.js

@@ -1,4 +1,19 @@
-СкрытьКрутилку = мир =>
+СоздатьОкнаМаджонга = мир =>
 {
-    document.getElementById("крутилка").style.display = "none";
+    /*
+    мир.уведомить("надо создать окно управления");
+    мир.уведомить("надо создать окно раскладок");
+    мир.уведомить("надо создать окно тем");
+    мир.уведомить("надо создать окно окончания");
+    */
+};
+
+
+// // // //
+
+
+ЗадатьСтилиМордыМаджонга = мир =>
+{
+    var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ);
+    добавитьCSS(м.содержимое["/🙈.css"]);
 };

🎬.череда

@@ -1,2 +1,3 @@
-надо окончить загрузку приложения
-    скрыть крутилку
+#ручной пуск
+#    задать стили морды маджонга
+#    создать окна маджонга

📍.html

@@ -0,0 +1,9 @@
+<center>
+    <span class="uk-text-large">Раскладки</span>
+    ⚬ <span class="uk-text-large uk-text-bold">键盘布局</span> ⚬
+    <span class="uk-text-large">Layouts</span>
+</center>
+<div class="прокрутка ширина-по-содержимому">
+    <table id="окна-раскладки-список" class="uk-table uk-table-divider"></table>
+</div>
+<a id="кнопка-раскладки-скрыть" uk-icon="icon: close; ratio: 2"></a>

🙈.css

@@ -0,0 +1,24 @@
+.окно-с-отступами
+{
+    position: fixed;
+    left: 1em;
+    top: 1em;
+    bottom: 1em;
+    right: 1em;
+}
+
+.прокрутка
+{
+    overflow: auto;
+    height: 100%;
+}
+
+.ширина-по-содержимому
+{
+    display: inline-block;
+}
+
+.выбранный-элемент-таблицы
+{
+    background: #eeeeee;
+}