From f17382d7e7958e8b84ab1a3948f0a06631a22fcf 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:51 +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

---
 ...�орный-список|selection-list.js | 130 ++++++++----------
 1 file changed, 56 insertions(+), 74 deletions(-)
diff --git a/выборный-список|selection-list.js b/выборный-список|selection-list.js
index bea07be..2df85c9 100644
--- a/выборный-список|selection-list.js
+++ b/выборный-список|selection-list.js
@@ -1,4 +1,4 @@
-ВыборныйСписок = function(родитель, настройки)
+ВыборныйСписок = function(элемент, настройки)
 {
     if (!настройки)
     {
@@ -10,98 +10,80 @@
 </li>
                 `,
             },
+            "отклик": {},
         };
     }
 
-    this.отобразить = () =>
+    this.задатьЗаголовок = (заголовок) =>
     {
-        this.показываем = true;
-        элемент.style.display = "block";
-        this.преобразования.innerHTML = `
-#${элемент.id}
-{
-    opacity: 0;
-    animation: ${элемент.id}ПлавноОтобразить 0.4s ease;
-    animation-fill-mode: forwards;
-}
-        `;
+        this.заголовок = заголовок;
+        this.__пересобрать();
     };
     
-    this.скрыть = () =>
+    this.задатьСписок = (список) =>
     {
-        this.показываем = false;
-        this.преобразования.innerHTML = `
-#${элемент.id}
-{
-    opacity: ${настройки.прозрачность};
-    animation: ${элемент.id}ПлавноСкрыть 0.4s ease;
-    animation-fill-mode: forwards;
-}
-        `;
+        this.список = список;
+        this.__пересобрать();
     };
     
-    this.__создатьКадры = () =>
+    this.очиститьВыбор = () =>
     {
-        this.кадры = document.createElement("style");
-        document.head.appendChild(this.кадры);
-        this.кадры.innerHTML = `
-@keyframes ${элемент.id}ПлавноОтобразить
-{
-    0%
-    {
-        opacity: 0;
-    }
-    100%
-    {
-        opacity: ${настройки.прозрачность};
-    }
-}
-@keyframes ${элемент.id}ПлавноСкрыть
-{
-    0%
+        for (var номер in this.список)
+        {
+            var id = `${элемент.id}-${номер}`;
+            $(`#${id}`).removeClass("uk-active");
+        }
+    };
+    
+    this.выбратьЭлемент = (номер) =>
     {
-        opacity: ${настройки.прозрачность};
-    }
-    100%
+        this.очиститьВыбор();
+        $(`#${элемент.id}-${номер}`).addClass("uk-active");
+    };
+    
+    this.__пересобрать = () =>
     {
-        opacity: 0;
+        this.__задатьЗаголовокИСписок();
+        this.__отслеживатьВыбор();
     }
-}
-        `;
-    };
     
-    this.__создатьПреобразования = () =>
+    this.__задатьЗаголовокИСписок = () =>
     {
-        this.преобразования = document.createElement("style");
-        document.head.appendChild(this.преобразования);
+        var содержимое = "";
+        for (var номер in this.список)
+        {
+            var название = this.список[номер];
+            var id = `${элемент.id}-${номер}`;
+            var пункт = настройки.макет.элемент
+                .replace(/%название%/g, название)
+                .replace(/%id%/g, id)
+                ;
+            содержимое += пункт;
+        }
+    
+        if (this.заголовок && this.заголовок.length)
+        {
+            содержимое = `
+<li class="uk-nav-header">${this.заголовок}</li>
+${содержимое}
+            `;
+        }
+        
+        элемент.innerHTML = содержимое;
     };
     
-    this.__отслеживатьЗавершениеАнимации = () =>
+    this.__отслеживатьВыбор = () =>
     {
-        this.показываем = true;
-        var тут = this;
-        элемент.addEventListener(
-            "animationend",
-            function()
-            {
-                if (тут.показываем && настройки.отклик && настройки.отклик.отображение)
-                {
-                    настройки.отклик.отображение();
-                }
-                else if (!тут.показываем)
+        for (var номер in this.список)
+        {
+            var id = `${элемент.id}-${номер}`;
+            const номерПункта = номер;
+            $(`#${id}-ссылка`).click(function() {
+                if (настройки.отклик && настройки.отклик.выбор)
                 {
-                    элемент.style.display = "none";
-                    if (настройки.отклик && настройки.отклик.скрытие)
-                    {
-                        настройки.отклик.скрытие();
-                    }
+                    настройки.отклик.выбор(номерПункта);
                 }
-            }
-        );
+            });
+        }
     };
-    
-    // Конструктор.
-    this.__создатьКадры();
-    this.__создатьПреобразования();
-    this.__отслеживатьЗавершениеАнимации();
 };
\ No newline at end of file
