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

приветствие|welcome.js

@@ -33,30 +33,9 @@
 // // // //
 
 
-ОтключитьОкноПриветствия = мир =>
-{
-    мир.окна.приветствие.элемент.style.display = "none";
-};
-
-
-// // // //
-
-
 ПлавноСкрытьОкноПриветствия = мир =>
 {
-    const css = `
-
-#${мир.окна.приветствие.указатель}
-{
-    opacity: 1;
-    animation: ${мир.окна.приветствие.указатель}ПлавноСкрыть 0.5s ease;
-    animation-fill-mode: forwards;
-    animation-delay: 0.1s;
-}
-
-    `;
-    мир.окна.приветствие.анимация.innerHTML = css;
-    мир.окна.приветствие.показываем = false;
+    мир.окна.приветствие.плавно.скрыть();
 };
 
 
@@ -65,50 +44,14 @@
 
 ПлавноПоказатьОкноПриветствия = мир =>
 {
-    const css = `
-
-#${мир.окна.приветствие.указатель}
-{
-    opacity: 0;
-    animation: ${мир.окна.приветствие.указатель}ПлавноПоказать 1s ease;
-    animation-fill-mode: forwards;
-}
-
-    `;
-    мир.окна.приветствие.анимация.innerHTML = css;
-    мир.окна.приветствие.показываем = true;
-    мир.окна.приветствие.элемент.style.display = "block";
+    мир.окна.приветствие.плавно.отобразить();
 };
 
 
 // // // //
 
 
-ПодготовитьАнимациюОкнаПриветствия = мир =>
-{
-    мир.окна.приветствие.анимация = document.createElement("style");
-    document.head.appendChild(мир.окна.приветствие.анимация);
-    мир.окна.приветствие.показываем = true;
-    мир.окна.приветствие.элемент.addEventListener(
-        "animationend",
-        function()
-        {
-            if (мир.окна.приветствие.показываем)
-            {
-                мир.уведомить("плавно показали окно приветствия");
-            }
-            else {
-                мир.уведомить("плавно скрыли окно приветствия");
-            }
-        }
-    );
-};
-
-
-// // // //
-
-
-ЗадатьВидИАнимациюОкнаПриветствия = мир =>
+ЗадатьВидОкнаПриветствия = мир =>
 {
     const css = `
 
@@ -129,30 +72,6 @@
     bottom: 0;
 }
 
-@keyframes ${мир.окна.приветствие.указатель}ПлавноСкрыть
-{
-    0%
-    {
-        opacity: 1;
-    }
-    100%
-    {
-        opacity: 0;
-    }
-}
-
-@keyframes ${мир.окна.приветствие.указатель}ПлавноПоказать
-{
-    0%
-    {
-        opacity: 0;
-    }
-    100%
-    {
-        opacity: 1;
-    }
-}
-
     `;
     var вид = document.createElement("style");
     вид.innerHTML = css;
@@ -193,9 +112,11 @@
     var окно = document.createElement("div");
     окно.id = мир.окна.приветствие.указатель;
     окно.innerHTML = html;
-    document.body.appendChild(окно);
     окно.style.display = "none";
+    document.body.appendChild(окно);
     мир.окна.приветствие.элемент = окно;
+    
+    мир.окна.приветствие.плавно = new ПлавноеОтображениеИСкрытиеЭлемента(окно);
 
     $(`#${мир.окна.приветствие.указатель}-X`).click(function() {
         мир.уведомить("кнопка раскладки X");