Текущая версия |
Ваш текст |
Строка 180: |
Строка 180: |
| </div> | | </div> |
| | | |
− | <div class="mw-parser-output">
| |
| === GRID_3x3_PAGE === | | === GRID_3x3_PAGE === |
| | | |
− | Котроллер ''GRID_3x3_PAGE'' позволяет создавать страницы рецептов с сеткой 3x3.
| |
− | <syntaxhighlight lang="JavaScript">{
| |
− | controller: PageControllers.GRID_3x3_PAGE,
| |
− | title: "Workbench Recipe",
| |
− | recipes: [{
| |
− | grid: [
| |
− | ["b", "b", "b"],
| |
− | ["b", "g", "b"],
| |
− | ["b", "8", "b"]
| |
− | ],
| |
− | materials: {
| |
− | "b": { id: 4, data: 0 },
| |
− | "g": { id: 1, data: 0 },
| |
− | },
| |
− | result: { id: 61, count: 3 }
| |
− | }],
| |
− | elements: [
| |
− | { text: "Text"}
| |
− | ],
| |
− | }
| |
− | </syntaxhighlight>
| |
− | </div>
| |
− |
| |
− | <div class="mw-parser-output">
| |
| === Создание собственных контроллеров === | | === Создание собственных контроллеров === |
− |
| |
− | Для создания собственных контроллеров необходимо в поле ''controller'' передать функцию, которая будет рисовать элементы на странице.
| |
− | <syntaxhighlight lang="JavaScript">PageControllers["MY_TEST_PAGE"] = function(params, elements, container, section) {
| |
− | let x = section === "left" ? 50 : 550;
| |
− | elements["text_" + section + "_" + i] = {
| |
− | type: "text",
| |
− | x: section,
| |
− | y: 40,
| |
− | text: params.title
| |
− | };
| |
− |
| |
− | if (params.elements)
| |
− | GuideHelper.drawTextArray(params.elements, x, 55, globalSize, elements, section);
| |
− | };
| |
− | //...
| |
− | {
| |
− | controller: PageControllers.MY_TEST_PAGE,
| |
− | title: "I'm title",
| |
− | elements: [
| |
− | { text: "Text" }
| |
− | ],
| |
− | }
| |
− | //...</syntaxhighlight>
| |
− |
| |
− | Передаваемые аргументы:
| |
− |
| |
− | *'''''params''''' – объект секции, для которой вызывается функция
| |
− | *'''''elements''''' – элементы интерфейса
| |
− | *'''''container''''' – контейнер интерфейса
| |
− | *'''''section''''' – название секции(left, right)
| |
| </div> | | </div> |