From 8c7a6940104af27953714510dc9007fa76e4b49b 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: Tue, 6 Oct 2020 16:18:44 +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

---
 раскладки|layouts.js           | 51 ++++++++++++++++++-------
 раскладки|layouts.череда |  1 +
 2 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/раскладки|layouts.js b/раскладки|layouts.js
index 6e925ac..e6e888e 100644
--- a/раскладки|layouts.js
+++ b/раскладки|layouts.js
@@ -1,5 +1,23 @@
 
 
+// // // //
+
+
+ЗадатьСписокРаскладок = мир =>
+{
+    var список = мир.окна.раскладки.выборныйСписок;
+    //список.задатьЗаголовок("🚧 Раскладки");
+    список.задатьСписок([
+        "X_shaped.layout",
+        "успех|success.layout",
+        "провал|failure.layout",
+    ]);
+};
+
+
+// // // //
+
+
 ПлавноСкрытьОкноРаскладок = мир =>
 {
     мир.окна.раскладки.плавно.скрыть();
@@ -26,20 +44,18 @@
 
 #${мир.окна.раскладки.указатель}
 {
-    background-color: white;
     position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    /*width: 50%;*/
+    left: 1em;
+    top: 1em;
+    bottom: 1em;
+    right: 1em;
 }
 
 #скрыть-раскладки
 {
-    position: relative;
-    margin: 0.5em;
-    left: 0;
-    top: 0;
+    position: fixed;
+    right: 0.5em;
+    bottom: 0.5em;
 }
 
     `;
@@ -59,15 +75,24 @@
     мир.окна.раскладки = {
         "указатель": окно.id,
         "элемент": окно,
-        "плавно": new ПлавноОтобразитьСкрыть(окно, {
-            "прозрачность": 0.8,
-        }),
+        "плавно": new ПлавноОтобразитьСкрыть(окно),
+        "список": `${окно.id}-список`,
     };
 
     окно.innerHTML = `
+<center>
+    <span class="uk-text-large">Раскладки</span>
+    ⚬ <span class="uk-text-large uk-text-bold">键盘布局</span> ⚬
+    <span class="uk-text-large">Layouts</span>
+</center>
+<ul id="${мир.окна.раскладки.список}" class="uk-nav uk-nav-default tm-nav">
+</ul>
 <a id="скрыть-раскладки" uk-icon="icon: close; ratio: 2"></a>
-<p>текст произвольный</p>
+
     `;
+    
+    var элементСписок = document.getElementById(мир.окна.раскладки.список);
+    мир.окна.раскладки.выборныйСписок = new ВыборныйСписок(элементСписок);
 
     $("#скрыть-раскладки").click(function() {
         мир.уведомить("кнопка скрыть раскладки");
diff --git a/раскладки|layouts.череда b/раскладки|layouts.череда
index 61657ac..ab97b98 100644
--- a/раскладки|layouts.череда
+++ b/раскладки|layouts.череда
@@ -1,6 +1,7 @@
 надо создать окно раскладок
     создать окно раскладок
     задать вид окна раскладок
+    задать список раскладок
 кнопка показать раскладки
     плавно показать подложку
     плавно показать окно раскладок