NanoUi - История изменений

OneOfRedact: 59 версий импортировано: Взято с СС1984

2025-12-07T20:02:03Z

59 версий импортировано: Взято с СС1984

← Предыдущая версия		Версия от 20:02, 7 декабря 2025
(нет различий)

imported>Exapster: Замена категории|Добавлена таблица навигации по руководствам.

2021-04-22T11:03:30Z

Замена категории|Добавлена таблица навигации по руководствам.

← Предыдущая версия		Версия от 11:03, 22 апреля 2021
Строка 362:		Строка 362:
	{{:helper.displayBar(data.occupant.health, 0, data.occupant.minHealth, 'average alignRight')}}		{{:helper.displayBar(data.occupant.health, 0, data.occupant.minHealth, 'average alignRight')}}
	{{/if}}</nowiki></pre>		{{/if}}</nowiki></pre>
	[[~~Category~~:~~Codebase Guides]]~~		{{Navbox guide}}[[Категория:Руководства]]
	~~[[Category:Guides~~]]

imported>Elar: 1

2020-08-13T14:22:55Z

@@ Строка 1: / Строка 1: @@
 {{WIP}}
 <h1>Код Dream Maker</h1>
 Мы начнём с создания простейшего NanoUi. Чтобы понять как <b><s>писать индусский код</s></b> оно работает.

imported>Elar: Временный переезд класса для блока кода

2020-08-13T13:42:51Z

Временный переезд класса для блока кода

@@ Строка 1: / Строка 1: @@
 {{WIP}}
 {{#css:
-.blockofcode{margin: 5px 50px;}
+.blockofcode {
 }}
 <h1>Код Dream Maker</h1>

imported>Elar: /* Спец тэги разметки темплейтов */ Продолжаем переводить наноуи, наконец-то -.-

2020-06-24T14:19:06Z

Спец тэги разметки темплейтов: Продолжаем переводить наноуи, наконец-то -.-

Внесённые изменения

imported>Elar в 10:58, 6 января 2020

2020-01-06T10:58:00Z

← Предыдущая версия		Версия от 10:58, 6 января 2020
Строка 1:		Строка 1:
	{{WIP}}		{{WIP}}
			{{#css:
			.blockofcode{margin: 5px 50px;}
			}}
	<h1>Код Dream Maker</h1>		<h1>Код Dream Maker</h1>
	Мы начнём с создания простейшего NanoUi. Чтобы понять как <b><s>писать индусский код</s></b> оно работает.		Мы начнём с создания простейшего NanoUi. Чтобы понять как <b><s>писать индусский код</s></b> оно работает.

imported>Elar: /* Bar Helper */

2020-01-06T10:53:20Z

Bar Helper

← Предыдущая версия		Версия от 10:53, 6 января 2020
Строка 362:		Строка 362:

	<pre class="blockofcode"><nowiki>		<pre class="blockofcode"><nowiki>
	{{if data.occupant.health >= 0}}		{{if data.occupant.health >= 0}}
	{{:helper.displayBar(data.occupant.health, 0, data.occupant.maxHealth, 'good')}}		{{:helper.displayBar(data.occupant.health, 0, data.occupant.maxHealth, 'good')}}
	{{else}}		{{else}}
	{{:helper.displayBar(data.occupant.health, 0, data.occupant.minHealth, 'average alignRight')}}		{{:helper.displayBar(data.occupant.health, 0, data.occupant.minHealth, 'average alignRight')}}
	{{/if}}</nowiki></pre>		{{/if}}</nowiki></pre>
	[[Category:Codebase Guides]]		[[Category:Codebase Guides]]
	[[Category:Guides]]		[[Category:Guides]]

imported>Elar: /* Link Helper */

2020-01-06T10:52:12Z

Link Helper

← Предыдущая версия		Версия от 10:52, 6 января 2020
Строка 336:		Строка 336:
	If clicked the receiving object's Topic proc's href_list will have the following entries (src is added automatically and should not be changed):		If clicked the receiving object's Topic proc's href_list will have the following entries (src is added automatically and should not be changed):

	list("src" = "\ref[src]", "option" = "togglePower")		<pre class="blockofcode">list("src" = "\ref[src]", "option" = "togglePower")</pre>

	'''Example 2: Multiple parameters'''		'''Example 2: Multiple parameters'''

imported>Elar: /* Template Helpers */

2020-01-06T10:51:44Z

Template Helpers

← Предыдущая версия		Версия от 10:51, 6 января 2020
Строка 317:		Строка 317:
	==== Link Helper ====		==== Link Helper ====

	~~'''~~Format:		Format:
	<nowiki>{{:helper.link(text, icon, parameters, status, elementClass, elementId)}}</nowiki>~~'''~~		<pre class="blockofcode"><nowiki>{{:helper.link(text, icon, parameters, status, elementClass, elementId)}}</nowiki></pre>

	The link helper generates a link (which by default is styled as a button). When clicked the button will send the supplied parameters to the server.		The link helper generates a link (which by default is styled as a button). When clicked the button will send the supplied parameters to the server.
Строка 332:		Строка 332:
	'''Example 1: Basic usage'''		'''Example 1: Basic usage'''

	<nowiki>{{:helper.link('Toggle Power', 'power', { 'option' : 'togglePower' })}}</nowiki>~~'''~~		<pre class="blockofcode"><nowiki>{{:helper.link('Toggle Power', 'power', { 'option' : 'togglePower' })}}</nowiki></pre>

	If clicked the receiving object's Topic proc's href_list will have the following entries (src is added automatically and should not be changed):		If clicked the receiving object's Topic proc's href_list will have the following entries (src is added automatically and should not be changed):
Строка 340:		Строка 340:
	'''Example 2: Multiple parameters'''		'''Example 2: Multiple parameters'''

	<nowiki>{{:helper.link('Cut Red Wire', 'scissors', { 'wireColor' : 'red', 'action' : 'cut' })}}</nowiki>~~'''~~		<pre class="blockofcode"><nowiki>{{:helper.link('Cut Red Wire', 'scissors', { 'wireColor' : 'red', 'action' : 'cut' })}}</nowiki></pre>

	If clicked the receiving object's Topic proc's href_list will have the following entries (src is added automatically and should not be changed):		If clicked the receiving object's Topic proc's href_list will have the following entries (src is added automatically and should not be changed):

	list("src" = "\ref[src]", "wireColor" = "red", "action" = "cut")		<pre class="blockofcode">list("src" = "\ref[src]", "wireColor" = "red", "action" = "cut")</pre>

	==== Bar Helper ====		==== Bar Helper ====
	'''Format:'''		'''Format:'''
	<nowiki>{{:helper.displayBar(value, rangeMin, rangeMax, styleClass, styleClass, showText)}}</nowiki>		<pre class="blockofcode"><nowiki>{{:helper.displayBar(value, rangeMin, rangeMax, styleClass, styleClass, showText)}}</nowiki></pre>

	This helper creates a bar.		This helper creates a bar.
Строка 361:		Строка 361:
	'''Example 1: Health'''		'''Example 1: Health'''

	<nowiki>{{if data.occupant.health >= 0}}		<pre class="blockofcode"><nowiki>
	{{:helper.displayBar(data.occupant.health, 0, data.occupant.maxHealth, 'good')}}		{{if data.occupant.health >= 0}}
	{{else}}		{{:helper.displayBar(data.occupant.health, 0, data.occupant.maxHealth, 'good')}}
	{{:helper.displayBar(data.occupant.health, 0, data.occupant.minHealth, 'average alignRight')}}		{{else}}
	{{/if}}</nowiki>		{{:helper.displayBar(data.occupant.health, 0, data.occupant.minHealth, 'average alignRight')}}
			{{/if}}</nowiki></pre>
	[[Category:Codebase Guides]]		[[Category:Codebase Guides]]
	[[Category:Guides]]		[[Category:Guides]]

imported>Elar: /* Создаём темплейт и учим HTML */

2020-01-06T10:49:11Z

Создаём темплейт и учим HTML

← Предыдущая версия		Версия от 10:49, 6 января 2020
Строка 159:		Строка 159:

	====Формат:====		====Формат:====
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~"><nowiki> {{:data.variable}}</nowiki></pre>		<pre class="blockofcode"><nowiki> {{:data.variable}}</nowiki></pre>

	Тэг вывода выводит на окно значение переменной как сроку		Тэг вывода выводит на окно значение переменной как сроку
Строка 167:		Строка 167:
	В womdinger.dm, в ui_interact, мв ставим значение для "someString" ключа массива Data:		В womdinger.dm, в ui_interact, мв ставим значение для "someString" ключа массива Data:

	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	data["someString"] = "I am a string"		data["someString"] = "I am a string"
	</pre>		</pre>
	И в womdinger.tmpl мы запрашиваем доступ к data с ключём:		И в womdinger.tmpl мы запрашиваем доступ к data с ключём:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~"><nowiki>		<pre class="blockofcode"><nowiki>
	{{:data.someString}} </nowiki>		{{:data.someString}} </nowiki>
	</pre>		</pre>
	Когда интерфейс прогрузится, тэг будет прогружен как:		Когда интерфейс прогрузится, тэг будет прогружен как:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	I am a string.		I am a string.
	</pre>		</pre>
Строка 184:		Строка 184:

	В womdinger.dm, в ui_interact, мы делаем список асоциаций:		В womdinger.dm, в ui_interact, мы делаем список асоциаций:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	data["assocList"] = list("key1" = "Value1", "key2" = "Value2")		data["assocList"] = list("key1" = "Value1", "key2" = "Value2")
	</pre>		</pre>

	Вы можете получать доступ к элементам списка используя точку (.):		Вы можете получать доступ к элементам списка используя точку (.):
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~"><nowiki>		<pre class="blockofcode"><nowiki>
	{{:data.assocList.key1}} and {{:data.assocList.key2}}</nowiki>		{{:data.assocList.key1}} and {{:data.assocList.key2}}</nowiki>
	</pre>		</pre>
	Когда интерфейс прогрузится, тэг будет заменён на:		Когда интерфейс прогрузится, тэг будет заменён на:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	Value1 and Value2		Value1 and Value2
	</pre>		</pre>
Строка 200:		Строка 200:

	====Формат:====		====Формат:====
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~"><nowiki>		<pre class="blockofcode"><nowiki>
	{{if expression}}		{{if expression}}
	<expression true content>		<expression true content>
Строка 228:		Строка 228:
	Пример темплейта:		Пример темплейта:

	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	<nowiki>		<nowiki>
	{{if data.aNumber}} data.aNumber is set (not null) and is positive {{/if}}</nowiki>		{{if data.aNumber}} data.aNumber is set (not null) and is positive {{/if}}</nowiki>
Строка 234:		Строка 234:

	Когда интерфейс прогрузится тэг будет заменён на:		Когда интерфейс прогрузится тэг будет заменён на:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	data.aNumber is set (not null) and is positive		data.aNumber is set (not null) and is positive
	</pre>		</pre>
Строка 243:		Строка 243:
	Пример темплейта:		Пример темплейта:

	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">{{if data.someString == "Who goes there?"}} Some string is "Who goes there?" { {else}} Some string is not "Who goes there?" { {/if}</pre>		<pre class="blockofcode">{{if data.someString == "Who goes there?"}} Some string is "Who goes there?" { {else}} Some string is not "Who goes there?" { {/if}</pre>

	Когда интерфейс прогрузится тэг будет заменён на:		Когда интерфейс прогрузится тэг будет заменён на:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	Some string is not "Who goes there?"		Some string is not "Who goes there?"
	</pre>		</pre>
Строка 254:		Строка 254:

	Пример темплейта:		Пример темплейта:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~"><nowiki>		<pre class="blockofcode"><nowiki>
	{{if data.aNumber < 50}} data.aNumber is less than 50 {{else data.aNumber < 100}} data.aNumber is less than 100 {{else data.aNumber < 150}} data.aNumber is less than 150 {{else}} None of the expressions above are true. {{/if}</nowiki>		{{if data.aNumber < 50}} data.aNumber is less than 50 {{else data.aNumber < 100}} data.aNumber is less than 100 {{else data.aNumber < 150}} data.aNumber is less than 150 {{else}} None of the expressions above are true. {{/if}</nowiki>
	</pre>		</pre>
	Когда интерфейс прогрузится тэг будет заменён на:		Когда интерфейс прогрузится тэг будет заменён на:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	data.aNumber is less than 150		data.aNumber is less than 150
	</pre>		</pre>
Строка 266:		Строка 266:
	====Формат:====		====Формат:====

	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~"><nowiki>		<pre class="blockofcode"><nowiki>
	{{for array}} <list entry content> {{/for}}		{{for array}} <list entry content> {{/for}}
	{{for array}} <list entry content> {{empty}} <empty list content> {{/for}}		{{for array}} <list entry content> {{empty}} <empty list content> {{/for}}
Строка 281:		Строка 281:

	Пример темплейта:		Пример темплейта:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	<nowiki>		<nowiki>
	{{for data.arrayOfAssocLists}}		{{for data.arrayOfAssocLists}}
Строка 305:		Строка 305:
	</nowiki>		</nowiki>
	Когда интерфейс прогрузится, тэги будут заменены на:		Когда интерфейс прогрузится, тэги будут заменены на:
	<pre ~~style~~="~~background:#373737; color:#aaf; border-radius: 5px; border: #474747 solid;box-shadow: -5px 5px 10px #000~~">		<pre class="blockofcode">
	This list is empty.		This list is empty.
	</pre>		</pre>