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

0000

@@ -1,5 +1,5 @@
 Морда Маджонга
-0.2.3
+0.3.0
 https://git.opengamestudio.org/MAOH/MOPMA
 
 x /ƒ.js
@@ -11,4 +11,6 @@ x /🎬.js
 /📍.css
 /📍.html
 x /📖.js
+/🖼️.css
+/🖼️.html
 /🙈.css

🎛️.css

@@ -7,6 +7,14 @@
     bottom: 0;
 }
 
+#кнопка-темы-отобразить
+{
+    position: fixed;
+    left: 0;
+    bottom: 2em;
+    margin: 1em;
+}
+
 #кнопка-раскладки-отобразить
 {
     position: fixed;

🎛️.html

@@ -1 +1,8 @@
-<a id="кнопка-раскладки-отобразить" uk-icon="icon: thumbnails; ratio: 2"></a>
+
+<a id="кнопка-темы-отобразить" uk-icon="icon: image; ratio: 2"></a>
+<a id="кнопка-раскладки-отобразить" uk-icon="icon: thumbnails; ratio: 2"></a>
+
+<!--
+<a id="кнопка-темы-отобразить">🀄</a>
+<a id="кнопка-раскладки-отобразить">📍</a>
+-->

🎬.js

@@ -34,6 +34,24 @@
 // // // //
 
 
+СкрытьОкноТем = мир =>
+{
+    мир.окноТем.плавно.скрыть();
+};
+
+
+// // // //
+
+
+ОтобразитьОкноТем = мир =>
+{
+    мир.окноТем.плавно.отобразить();
+};
+
+
+// // // //
+
+
 СкрытьОкноРаскладок = мир =>
 {
     мир.окноРаскладок.плавно.скрыть();
@@ -52,6 +70,32 @@
 // // // //
 
 
+СоздатьОкноТем = мир =>
+{
+    мир.окноТем = создатьОкно(мир, "окно-темы", "/🖼️.html", "/🖼️.css");
+    мир.таблицаОкнаТем = new Таблица("окно-темы-список");
+    $("#кнопка-темы-скрыть").click(function() {
+        мир.уведомить("кнопка темы скрыть");
+    });
+    мир.таблицаОкнаТем.выбор = (номер) =>
+    {
+        // Игнорируем повторный выбор.
+        if (
+            мир.номерВыбраннойТемыМаджонга &&
+            мир.номерВыбраннойТемыМаджонга == номер
+        ) {
+            return;
+        }
+        
+        мир.номерВыбраннойТемыМаджонга = номер;
+        мир.уведомить("изменили номер выбранной темы маджонга");
+    };
+};
+
+
+// // // //
+
+
 СоздатьОкноРаскладок = мир =>
 {
     мир.окноРаскладок = создатьОкно(мир, "окно-раскладки", "/📍.html", "/📍.css");
@@ -98,7 +142,10 @@
     мир.окноУправления = создатьОкно(мир, "окно-управления", "/🎛️.html", "/🎛️.css")
     $("#кнопка-раскладки-отобразить").click(function() {
         мир.уведомить("кнопка раскладки отобразить");
-    });;
+    });
+    $("#кнопка-темы-отобразить").click(function() {
+        мир.уведомить("кнопка темы отобразить");
+    });
 };
 
 

🎬.череда

@@ -3,6 +3,7 @@
     создать окно управления
     создать окно подложку
     создать окно раскладок
+    создать окно тем
     
 кнопка раскладки отобразить
     отобразить окно подложку
@@ -11,4 +12,13 @@
 кнопка раскладки скрыть
     скрыть окно подложку
     скрыть окно раскладок
+    отобразить окно управления
+    
+кнопка темы отобразить
+    отобразить окно подложку
+    отобразить окно тем
+    скрыть окно управления
+кнопка темы скрыть
+    скрыть окно подложку
+    скрыть окно тем
     отобразить окно управления

🖼️.css

@@ -0,0 +1,26 @@
+#окно-темы
+{
+    position: fixed;
+    left: 1em;
+    top: 3em;
+    bottom: 3em;
+    right: 1em;
+}
+
+#окно-темы-заголовок
+{
+    float: left;
+}
+
+#кнопка-темы-скрыть
+{
+    position: fixed;
+    left: 0;
+    bottom: 2em;
+    margin: 1em;
+}
+
+#окно-темы-список
+{
+    float: right;
+};

🖼️.html

@@ -0,0 +1,9 @@
+<div id="окно-темы-заголовок">
+    <span class="uk-text-large">Темы</span>
+    ⚬ <span class="uk-text-large uk-text-bold">主题</span> ⚬
+    <span class="uk-text-large">Themes</span>
+</div>
+<div id="окно-темы-список-родитель" class="прокрутка ширина-по-содержимому">
+    <table id="окно-темы-список" class="uk-table uk-table-divider"></table>
+</div>
+<a id="кнопка-темы-скрыть" uk-icon="icon: close; ratio: 2"></a>