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

раскладки|layouts.js

@@ -3,11 +3,30 @@
 // // // //
 
 
+ОтобразитьВыбраннуюРаскладкуВТаблице = мир =>
+{
+    var таблица = мир.окна.раскладки.таблица;
+    // Очистить выбор.
+    for (var номер in таблица.строки)
+    {
+        var элемент = таблица.элемент(номер);
+        элемент.removeClass("выбранная-раскладка");
+    }
+    // Задать выбор.
+    var элемент = таблица.элемент(мир.номерВыбраннойРаскладки);
+    элемент.addClass("выбранная-раскладка");
+};
+
+// // // //
+
+
 ОтслеживатьВыборРаскладки = мир =>
 {
-    const список = мир.окна.раскладки.выборныйСписок;
-    список.отклик.выбор = function(номер) {
-        мир.выбраннаяРаскладка = список.список[номер];
+    const строки = мир.окна.раскладки.таблица.строки;
+    мир.окна.раскладки.таблица.выбор = (номер) =>
+    {
+        мир.выбраннаяРаскладка = строки[номер][1];
+        мир.номерВыбраннойРаскладки = номер;
         мир.уведомить("выбрали раскладку");
     };
 };
@@ -19,7 +38,15 @@
 ЗадатьСписокРаскладок = мир =>
 {
     var раскладки = Object.keys(мир.реестрРаскладок).sort();
-    мир.окна.раскладки.выборныйСписок.задатьСписок(раскладки);
+    var список = [];
+    for (var номер in раскладки)
+    {
+        var число = Number(номер) + 1;
+        var название = раскладки[номер];
+        список.push([число, название]);
+    }
+    мир.окна.раскладки.таблица.задатьЗаголовки(["№", "Название ⚬ 标题 ⚬ Name"]);
+    мир.окна.раскладки.таблица.задатьСтроки(список);
 };
 
 
@@ -40,6 +67,7 @@
     мир.окна.раскладки.плавно.отобразить();
 };
 
+
 // // // //
 
 
@@ -66,14 +94,20 @@
     bottom: 0.5em;
 }
 
-#${мир.окна.раскладки.список}
+.прокрутка
 {
-    display: table;
+    overflow: auto;
+    height: 100%;
 }
 
-#${мир.окна.раскладки.список} > li > a
+.ширина-по-содержимому
 {
-    text-decoration: none;
+    display: inline-block;
+}
+
+.выбранная-раскладка
+{
+    background: #eeeeee;
 }
 
     `;
@@ -103,16 +137,14 @@
     ⚬ <span class="uk-text-large uk-text-bold">键盘布局</span> ⚬
     <span class="uk-text-large">Layouts</span>
 </center>
-<div id="${мир.окна.раскладки.список}-прокрутка">
-    <ul id="${мир.окна.раскладки.список}" class="uk-list uk-list-divider uk-list-decimal">
-    </ul>
+<div class="прокрутка ширина-по-содержимому">
+    <table id="${мир.окна.раскладки.список}" class="uk-table uk-table-divider"></table>
 </div>
 <a id="скрыть-раскладки" uk-icon="icon: close; ratio: 2"></a>
 
     `;
-    
-    var элементСписок = document.getElementById(мир.окна.раскладки.список);
-    мир.окна.раскладки.выборныйСписок = new ВыборныйСписок(элементСписок);
+
+    мир.окна.раскладки.таблица = new Таблица(мир.окна.раскладки.список);
 
     $("#скрыть-раскладки").click(function() {
         мир.уведомить("кнопка скрыть раскладки");

раскладки|layouts.череда

@@ -8,4 +8,6 @@
     плавно показать окно раскладок
 кнопка скрыть раскладки
     плавно скрыть подложку
-    плавно скрыть окно раскладок
+    плавно скрыть окно раскладок
+выбрали раскладку
+    отобразить выбранную раскладку в таблице