@@ -5,14 +5,11 @@ const ИМЯ = "Главред | Glavred"; | |||
// // // // | |||
ЗапуститьРедактор = function(мир) | |||
ЗапуститьРедактор = мир => | |||
{ | |||
var модуль = мир.модули.модульПоИмени(ИМЯ); | |||
var составляющие = [ | |||
"/пуск|run", | |||
// "/выбор-файла|file-selection", | |||
// "/редактирование|editing", | |||
// "/сохранение|saving", | |||
]; | |||
for (var номер in составляющие) | |||
{ | |||
@@ -27,12 +24,31 @@ const ИМЯ = "Главред | Glavred"; | |||
// // // // | |||
ЗагрузитьБиблиотекиРедактора = function(мир) | |||
ИспользоватьМодульМакета = мир => | |||
{ | |||
var модуль = мир.модули.модульПоИмени("UIK"); | |||
var составляющие = [ | |||
"/пример|sample", | |||
]; | |||
for (var номер in составляющие) | |||
{ | |||
var составляющая = составляющие[номер]; | |||
модуль.исполнитьФайл(`${составляющая}.js`); | |||
модуль.исполнитьЧереду(мир, `${составляющая}.череда`); | |||
} | |||
}; | |||
// // // // | |||
ЗагрузитьБиблиотекиРедактора = мир => | |||
{ | |||
var указатели = [ | |||
"https://bitbucket.org/gitjs/ace/raw/1.4.12/0000", | |||
"https://bitbucket.org/gitjs/jquery/raw/3.5.1/0000", | |||
"https://bitbucket.org/gitjs/uikit/raw/3.2.0/0000", | |||
"https://git.opengamestudio.org/kornerr/uik/raw/branch/master/0000", | |||
]; | |||
var сообщение = "Загрузка библиотек | Loading libraries"; | |||
@@ -1,4 +1,5 @@ | |||
пуск | |||
загрузить библиотеки редактора | |||
загрузили библиотеки редактора | |||
использовать модуль макета | |||
запустить редактор |
@@ -1,32 +0,0 @@ | |||
.tm-sidebar-left | |||
{ | |||
width: 240px !important; | |||
position: fixed; | |||
top: 80px; | |||
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% - 80px); | |||
position: fixed; | |||
top: 80px; | |||
left: 320px; | |||
right: 0; | |||
bottom: 0; | |||
} | |||
.ошибка | |||
{ | |||
margin: 1em; | |||
} |
@@ -1,87 +0,0 @@ | |||
<!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> | |||
<script src="https://cdn.jsdelivr.net/gh/ajaxorg/ace-builds@v1.4.11/src-min-noconflict/ace.js"></script> | |||
<script src="https://cdn.jsdelivr.net/gh/ajaxorg/ace-builds@v1.4.11/src-min-noconflict/mode-javascript.js"></script> | |||
<script> | |||
function настроитьAce() | |||
{ | |||
var редактор = window.ace.edit("редактор"); | |||
редактор.session.setMode("ace/mode/javascript"); | |||
} | |||
</script> | |||
</head> | |||
<body onload="настроитьAce()"> | |||
<!-- МАКЕТ_НАЧАЛО --> | |||
<!-- TEMPLATE_BEGIN --> | |||
<div class="tm-navbar uk-navbar-container" uk-sticky> | |||
<div class="uk-container uk-container-expand"> | |||
<nav class="uk-navbar"> | |||
<div class="uk-navbar-left"> | |||
<a id="${заголовок}" class="uk-navbar-item uk-logo"> | |||
<!-- ПРИМЕР_НАЧАЛО --> | |||
<!-- SAMPLE_BEGIN --> | |||
Редактор | Editor | |||
<!-- ПРИМЕР_КОНЕЦ --> | |||
<!-- SAMPLE_END --> | |||
</a> | |||
<a id="${версия}"> | |||
<!-- ПРИМЕР_НАЧАЛО --> | |||
<!-- SAMPLE_BEGIN --> | |||
1.0.0 | |||
<!-- ПРИМЕР_КОНЕЦ --> | |||
<!-- SAMPLE_END --> | |||
</a> | |||
</div> | |||
<div class="uk-navbar-right"> | |||
<ul id="${действия}" class="uk-navbar-nav"> | |||
<!-- ПРИМЕР_НАЧАЛО --> | |||
<!-- SAMPLE_BEGIN --> | |||
<li> | |||
<a>💾</a> | |||
</li> | |||
<!-- ПРИМЕР_КОНЕЦ --> | |||
<!-- SAMPLE_END --> | |||
</ul> | |||
</div> | |||
</nav> | |||
</div> | |||
</div> | |||
<div class="tm-sidebar-left"> | |||
<ul id="${меню}" class="uk-nav uk-nav-default tm-nav"> | |||
<!-- ПРИМЕР_НАЧАЛО --> | |||
<!-- SAMPLE_BEGIN --> | |||
<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> | |||
</div> | |||
<div id="редактор"></div> | |||
<!-- МАКЕТ_КОНЕЦ --> | |||
<!-- TEMPLATE_END --> | |||
</body> | |||
</html> |
@@ -1,6 +0,0 @@ | |||
{ | |||
"действие": "<li id='${id}-элемент'><a id='${id}-ссылка'>${название}</a></li>", | |||
"заголовокМеню": "<li class='uk-nav-header'>${название}</li>", | |||
"пунктМеню": "<li id='${id}-элемент'><a id='${id}-ссылка'><span id='${id}-изменение' hidden>• </span>${название}</a></li>", | |||
"выбранныйПунктМеню": "<li class='uk-active' id='${id}-элемент'><a id='${id}-ссылка'><span id='${id}-изменение' hidden>• </span>${название}</a></li>" | |||
} |
@@ -1,4 +1,17 @@ | |||
const ИМЯ = "Главред | Glavred"; | |||
// // // // | |||
ЗадатьЗаголовок = мир => | |||
{ | |||
$(`#${мир.макет.константы.заголовокЛево}`).html(` | |||
<span class="uk-navbar-item uk-logo">${ИМЯ}</span> | |||
`); | |||
}; | |||
// // // // | |||
@@ -1,2 +1,7 @@ | |||
пуск редактора | |||
вывести приветствие от главреда | |||
вывести приветствие от главреда | |||
загрузить макет UIK | |||
настроить макет UIK | |||
установить макет UIK | |||
очистить макет UIK от заглушек | |||
задать заголовок |