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

3 years ago · c269d29882
--- a/0000
+++ b/0000
@@ -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