From 8b4451c42124a7272a75b2e29026dfdc74f16b2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B7=D0=B4=D0=B0=D1=82=D0=B5=D0=BB=D1=8C=20=7C=20P?=
 =?UTF-8?q?ublisher?= <izdatel-publisher@gitjs.org>
Date: Mon, 27 Jul 2020 15:00:21 +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=98=D0=B7=D0=B4=D0=B0=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BB=D1=8F=20=D0=93=D0=B8=D1=82=D0=96=D0=A1=20|=20Chang?=
 =?UTF-8?q?es=20of=20GitJS=20Publisher?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 макет|template.css          |   2 +-
 макет|template.html         |  36 ++++++----
 пример|sample.js           | 118 +++++++++++++++++++++++++++++++
 пример|sample.череда |   7 ++
 4 files changed, 147 insertions(+), 16 deletions(-)

diff --git a/макет|template.css b/макет|template.css
index 2c26bd4..cd16c82 100644
--- a/макет|template.css
+++ b/макет|template.css
@@ -18,7 +18,7 @@
 #${содержимое}
 {
     width: calc(100% - 320px);
-    height: calc(100% - 80px);
+    height: calc(100% - 100px);
     position: fixed;
     top: 80px;
     left: 320px;
diff --git a/макет|template.html b/макет|template.html
index 41098ff..e3d4c82 100644
--- a/макет|template.html
+++ b/макет|template.html
@@ -16,20 +16,18 @@
 <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">
+            <div id="${заголовокЛево}" class="uk-navbar-left">
 
                 <!-- ПРИМЕР_НАЧАЛО -->
                 <!-- SAMPLE_BEGIN -->
-                <p class="uk-navbar-item uk-logo">
+                <span class="uk-navbar-item uk-logo">
                     Макет UIK | UIK template 
-                </p>
+                </span>
                 <!-- ПРИМЕР_КОНЕЦ -->
                 <!-- SAMPLE_END -->
 
             </div>
-            <div id="${заголовок-центр}" class="uk-navbar-center">
-            </div>
-            <div id="${заголовок-право}" class="uk-navbar-right">
+            <div id="${заголовокПраво}" class="uk-navbar-right">
 
                 <!-- ПРИМЕР_НАЧАЛО -->
                 <!-- SAMPLE_BEGIN -->
@@ -46,23 +44,31 @@
     </div>
 </div>
 
-<div class="tm-sidebar-left">
-    <ul id="${меню}" class="uk-nav uk-nav-default tm-nav">
-
-        <!-- ПРИМЕР_НАЧАЛО -->
-        <!-- SAMPLE_BEGIN -->
+<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>
-        <!-- ПРИМЕР_КОНЕЦ -->
-        <!-- SAMPLE_END -->
-
     </ul>
+    <!-- ПРИМЕР_КОНЕЦ -->
+    <!-- SAMPLE_END -->
+
 </div>
 
-<div id="${содержимое}"></div>
+<div id="${содержимое}">
+
+    <!-- ПРИМЕР_НАЧАЛО -->
+    <!-- SAMPLE_BEGIN -->
+    <p>Пример содержимого</p>
+    <!-- ПРИМЕР_КОНЕЦ -->
+    <!-- SAMPLE_END -->
+    
+</div>
 
 <!-- МАКЕТ_КОНЕЦ -->
 <!-- TEMPLATE_END -->
diff --git a/пример|sample.js b/пример|sample.js
index 50ca21f..3c9e8ec 100644
--- a/пример|sample.js
+++ b/пример|sample.js
@@ -1,5 +1,123 @@
 
 
+const ИМЯ = "UIK";
+
+
+// // // //
+
+
+ЗадатьРазделМенюПримеров = мир =>
+{
+    мир.макет.константы.примеры = "примеры";
+    
+    $(`#${мир.макет.константы.меню}`).append(`
+<ul id="${мир.макет.константы.примеры}" class="uk-nav uk-nav-default tm-nav">
+    <li class="uk-nav-header">Примеры</li>
+</ul>
+    `);
+};
+
+
+// // // //
+
+
+ЗадатьРазделМенюДокументации = мир =>
+{
+    мир.макет.константы.документация = "документация";
+    
+    $(`#${мир.макет.константы.меню}`).append(`
+<ul id="${мир.макет.константы.документация}" class="uk-nav uk-nav-default tm-nav">
+    <li class="uk-nav-header">Документация</li>
+</ul>
+    `);
+};
+
+
+// // // //
+
+
+ЗадатьЗаголовок = мир =>
+{
+    $(`#${мир.макет.константы.заголовокЛево}`).html(`
+<span class="uk-navbar-item uk-logo">UIK</span>
+    `);
+};
+
+
+// // // //
+
+
+ОчиститьМакетUIKОтЗаглушек = мир =>
+{
+    $(`#${мир.макет.константы.заголовокЛево}`).text("");
+    $(`#${мир.макет.константы.заголовокЦентр}`).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 м = мир.модули.модульПоИмени(ИМЯ);
+    мир.макет = {
+        "структура": м.содержимое["/макет|template.html"],
+        "вид": м.содержимое["/макет|template.css"],
+    };    
+};
+
+
 // // // //
 
 
diff --git a/пример|sample.череда b/пример|sample.череда
index 9120670..5973edd 100644
--- a/пример|sample.череда
+++ b/пример|sample.череда
@@ -1,2 +1,9 @@
 пуск примера
     вывести приветствие от UIK
+    загрузить макет UIK
+    настроить пример макета UIK
+    установить макет UIK
+    очистить макет UIK от заглушек
+    задать заголовок
+    задать раздел меню документации
+    задать раздел меню примеров
\ No newline at end of file