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

2021-02-02 14:48:53 +03:00
parent 47f4162ddb
commit c269d29882
18 changed files with 244 additions and 24 deletions
--- a/17
+++ b/17
@@ -2,6 +2,17 @@
 0.1.0
 https://git.opengamestudio.org/kornerr/AMYP

-/jszip.min.js
-x /🎬.js
-/🎬.череда
+/00🕸jquery🕸jquery-3.5.1.min.js
+x /00🕸jquery🕸🎬.js
+/00🕸jquery🕸🎬.череда
+/00🕸uikit🕸uikit-icons.min.js
+/01🕸uikit🕸uikit.min.css
+/01🕸uikit🕸uikit.min.js
+x /01🕸uikit🕸🎬.js
+/01🕸uikit🕸🎬.череда
+x /02🕸UIK🕸🎬.js
+/02🕸UIK🕸🎬.череда
+/02🕸UIK🕸🙈.css
+/02🕸UIK🕸🙈.html
+x /99🕸🎬.js
+/99🕸🎬.череда
--- a/00🕸jquery🕸jquery-3.5.1.min.js
+++ b/00🕸jquery🕸jquery-3.5.1.min.js
--- a/00🕸jquery🕸🎬.js
+++ b/00🕸jquery🕸🎬.js
@@ -0,0 +1,6 @@
+УстановитьJQuery = мир =>
+{
+    var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ);
+    var код = м.содержимое["/jquery🕸jquery-3.5.1.min.js"];
+    eval(код);
+};
--- a/00🕸jquery🕸🎬.череда
+++ b/00🕸jquery🕸🎬.череда
@@ -0,0 +1,2 @@
+ручной пуск
+    установить JQuery
--- a/00🕸uikit🕸uikit-icons.min.js
+++ b/00🕸uikit🕸uikit-icons.min.js
--- a/01🕸uikit🕸uikit.min.css
+++ b/01🕸uikit🕸uikit.min.css
--- a/01🕸uikit🕸uikit.min.js
+++ b/01🕸uikit🕸uikit.min.js
--- a/01🕸uikit🕸🎬.js
+++ b/01🕸uikit🕸🎬.js
@@ -0,0 +1,23 @@
+УстановитьUIkit = мир =>
+{
+    var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ);
+
+    var css = м.содержимое["/uikit🕸uikit.min.css"];
+    var js = м.содержимое["/uikit🕸uikit.min.js"];
+    var iconsJS = м.содержимое["/uikit🕸uikit-icons.min.js"];
+
+    // Применить стиль.
+    var style = document.createElement("style");
+    document.head.appendChild(style);
+    style.innerHTML = css;
+
+    function загрузитьСкрипт(код)
+    {
+        var скрипт = document.createElement("script");
+        скрипт.innerHTML = код;
+        document.body.appendChild(скрипт);
+    }
+
+    загрузитьСкрипт(js);
+    загрузитьСкрипт(iconsJS);
+};
--- a/01🕸uikit🕸🎬.череда
+++ b/01🕸uikit🕸🎬.череда
@@ -0,0 +1,2 @@
+ручной пуск
+    установить UIkit
--- a/02🕸UIK🕸🎬.js
+++ b/02🕸UIK🕸🎬.js
@@ -0,0 +1,67 @@
+ОчиститьМакетUIKОтЗаглушек = мир =>
+{
+    $(`#${мир.макет.константы.заголовокЛево}`).text("");
+    $(`#${мир.макет.константы.заголовокПраво}`).text("");
+    $(`#${мир.макет.константы.меню}`).text("");
+    $(`#${мир.макет.константы.содержимое}`).text("");
+};
+
+
+// // // //
+
+
+УстановитьМакетUIK = мир =>
+{
+    document.body.innerHTML = мир.макет.структура;
+
+    var вид = document.createElement("style");
+    document.head.appendChild(вид);
+    вид.innerHTML = мир.макет.вид;
+};
+
+
+// // // //
+
+
+НастроитьМакетUIK = мир =>
+{
+    var название = "пример";
+    var html = мир.макет.структура;
+    var css = мир.макет.вид;
+    
+    // Вырезаем тело из макета.
+    var начало = html.indexOf("<!-- МАКЕТ_НАЧАЛО -->");
+    var конец = html.indexOf("<!-- МАКЕТ_КОНЕЦ -->");
+    html = html.substring(начало, конец);
+
+    мир.макет.константы = {
+        "заголовокЛево": `${название}-заголовокЛево`,
+        "заголовокПраво": `${название}-заголовокПраво`,
+        "меню": `${название}-меню`,
+        "содержимое": `${название}-содержимое`,
+    };
+    // Заменяем константы в макете.
+    for (var константа in мир.макет.константы)
+    {
+        var старое = "${" + константа + "}";
+        var новое = мир.макет.константы[константа];
+        html = html.replace(старое, новое);
+        css = css.replace(старое, новое);
+    }
+    
+    мир.макет.структура = html;
+    мир.макет.вид = css;
+};
+
+
+// // // //
+
+
+ЗагрузитьМакетUIK = мир =>
+{
+    var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ);
+    мир.макет = {
+        "структура": м.содержимое["/02🕸UIK🕸🙈.html"],
+        "вид": м.содержимое["/02🕸UIK🕸🙈.css"],
+    };    
+};
--- a/02🕸UIK🕸🎬.череда
+++ b/02🕸UIK🕸🎬.череда
@@ -0,0 +1,5 @@
+ручной пуск
+    загрузить макет UIK
+    настроить макет UIK
+    установить макет UIK
+    очистить макет UIK от заглушек
--- a/02🕸UIK🕸🙈.css
+++ b/02🕸UIK🕸🙈.css
@@ -0,0 +1,33 @@
+.tm-sidebar-left
+{
+    width: 240px !important;
+    position: fixed;
+    top: 0px;
+    bottom: 0;
+    padding: 40px;
+    border-right: 1px #e5e5e5 solid;
+    overflow: auto;
+}
+
+.tm-nav .uk-nav-header
+{
+    padding: 8px 0;
+    border-bottom: 1px #e5e5e5 solid;
+}
+
+#${содержимое}
+{
+    width: calc(100% - 320px);
+    height: calc(100% - 40px);
+    position: fixed;
+    top: 40px;
+    left: 320px;
+    right: 0;
+    bottom: 0;
+    overflow: auto;
+}
+
+.height40, .uk-navbar-nav > li > .height40
+{
+    min-height: 40px;
+}
--- a/02🕸UIK🕸🙈.html
+++ b/02🕸UIK🕸🙈.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+	    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+        <link rel="stylesheet" href="макет|template.css">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/css/uikit.min.css" />
+        <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/js/uikit.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/js/uikit-icons.min.js"></script>
+    </head>
+    <body>
+
+<!-- МАКЕТ_НАЧАЛО -->
+<!-- TEMPLATE_BEGIN -->
+
+<div class="tm-navbar uk-navbar-container" uk-sticky>
+    <div class="uk-container uk-container-expand">
+        <nav class="uk-navbar">
+            <div id="${заголовокЛево}" class="uk-navbar-left">
+
+                <!-- ПРИМЕР_НАЧАЛО -->
+                <!-- SAMPLE_BEGIN -->
+                <span class="uk-navbar-item uk-logo">
+                    Макет UIK | UIK template 
+                </span>
+                <!-- ПРИМЕР_КОНЕЦ -->
+                <!-- SAMPLE_END -->
+
+            </div>
+            <div id="${заголовокПраво}" class="uk-navbar-right">
+
+                <!-- ПРИМЕР_НАЧАЛО -->
+                <!-- SAMPLE_BEGIN -->
+                <ul class="uk-navbar-nav">
+                    <li>
+                        <a>💾</a>
+                    </li>
+                </ul>
+                <!-- ПРИМЕР_КОНЕЦ -->
+                <!-- SAMPLE_END -->
+
+            </div>
+        </nav>
+    </div>
+</div>
+
+<div id="${меню}" class="tm-sidebar-left">
+    
+    <!-- ПРИМЕР_НАЧАЛО -->
+    <!-- SAMPLE_BEGIN -->
+    <ul class="uk-nav uk-nav-default tm-nav">
+        <li class="uk-nav-header">📦 Зав | Mgr</li>
+        <li class="uk-active"><a>/загрузка|load.js</a></li>
+        <li><a>/загрузка|load.череда</a></li>
+        <li><a>/основа|main.js</a></li>
+        <li><a>/основа|main.череда</a></li>
+    </ul>
+    <!-- ПРИМЕР_КОНЕЦ -->
+    <!-- SAMPLE_END -->
+
+</div>
+
+<div id="${содержимое}">
+
+    <!-- ПРИМЕР_НАЧАЛО -->
+    <!-- SAMPLE_BEGIN -->
+    <p>Пример содержимого</p>
+    <!-- ПРИМЕР_КОНЕЦ -->
+    <!-- SAMPLE_END -->
+    
+</div>
+
+<!-- МАКЕТ_КОНЕЦ -->
+<!-- TEMPLATE_END -->
+
+    </body>
+</html>
--- a/99🕸🎬.js
+++ b/99🕸🎬.js
@@ -0,0 +1,4 @@
+ЗапуститьБиблиотеки = мир =>
+{
+    мир.уведомить("ручной пуск");
+};
--- a/99🕸🎬.череда
+++ b/99🕸🎬.череда
@@ -0,0 +1,2 @@
+пуск
+    запустить библиотеки
--- a/jszip.min.js
+++ b/jszip.min.js
--- a/🎬.js
+++ b/🎬.js
@@ -1,6 +0,0 @@
-УстановитьJSZip = мир =>
-{
-    var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ);
-    var содержимое = м.содержимое["/jszip.min.js"];
-    eval(содержимое);
-};
--- a/🎬.череда
+++ b/🎬.череда
@@ -1,2 +0,0 @@
-ручной пуск
-    установить JSZip