@@ -2,6 +2,17 @@ | |||||
0.1.0 | 0.1.0 | ||||
https://git.opengamestudio.org/kornerr/AMYP | 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🕸🎬.череда |
@@ -0,0 +1,6 @@ | |||||
УстановитьJQuery = мир => | |||||
{ | |||||
var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ); | |||||
var код = м.содержимое["/jquery🕸jquery-3.5.1.min.js"]; | |||||
eval(код); | |||||
}; |
@@ -0,0 +1,2 @@ | |||||
ручной пуск | |||||
установить JQuery |
@@ -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); | |||||
}; |
@@ -0,0 +1,2 @@ | |||||
ручной пуск | |||||
установить UIkit |
@@ -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"], | |||||
}; | |||||
}; |
@@ -0,0 +1,5 @@ | |||||
ручной пуск | |||||
загрузить макет UIK | |||||
настроить макет UIK | |||||
установить макет UIK | |||||
очистить макет UIK от заглушек |
@@ -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; | |||||
} |
@@ -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> |
@@ -0,0 +1,4 @@ | |||||
ЗапуститьБиблиотеки = мир => | |||||
{ | |||||
мир.уведомить("ручной пуск"); | |||||
}; |
@@ -0,0 +1,2 @@ | |||||
пуск | |||||
запустить библиотеки |
@@ -1,6 +0,0 @@ | |||||
УстановитьJSZip = мир => | |||||
{ | |||||
var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ); | |||||
var содержимое = м.содержимое["/jszip.min.js"]; | |||||
eval(содержимое); | |||||
}; |
@@ -1,2 +0,0 @@ | |||||
ручной пуск | |||||
установить JSZip |