Просмотр кода страницы Взаимодействие с пользователем

==Общая информация==
Для вывода окна с сообщением используется модуль <code>message</code>.

<syntaxhighlight lang="javascript">
const message = require('message');
</syntaxhighlight>

Функция вывода сообщений:

<syntaxhighlight lang="javascript">
function show(text: string, title: string, flags?: Icons | Buttons): Result
</syntaxhighlight>

==Объект Icons==
{|class="wikitable" style="margin:auto"
|-
!Иконка!!Свойство
|-
|style="background:white"|[[Файл:mb_iconhand.png|center]] ||Icons.ERROR
|-
|style="background:white"|[[Файл:mb_iconquestion.png|center]] ||Icons.QUESTION
|-
|style="background:white"|[[Файл:mb_iconexclamation.png|center]] ||Icons.WARNING
|-
|style="background:white"|[[Файл:mb_iconasterisk.png|center]] ||Icons.INFO
|-
|}
<div style="background-color: #e7f3ff; border-left: 5px solid #2196f3; padding: 15px; margin: 10px 0;">
'''Примечание''' 

По умолчанию иконка отсутствует и её можно не указывать. Кнопка по умолчанию — «OK».
</div>

==Объект Buttons==
{|class="wikitable" style="margin:auto"
|-
!Кнопка!!Свойство
|-
|style="background:white"|<code>Прервать</code>, <code>Повтор</code>, <code>Пропустить</code> ||Buttons.ABORT_RETRY_IGNORE
|-
|style="background:white"| <code>Отмена</code>, <code>Повторить</code>, <code>Продолжить</code> ||Buttons.CANCEL_TRY_CONTINUE
|-
|style="background:white"|<code>ОК</code> ||Buttons.OK
|-
|style="background:white"|<code>ОК</code>, <code>Отмена</code> ||Buttons.OK_CANCEL
|-
|style="background:white"|<code>Повтор</code>, <code>Отмена</code> ||Buttons.RETRY_CANCEL
|-
|style="background:white"|<code>Да</code>, <code>Нет</code> ||Buttons.YES_NO
|-
|}

==Объект Results==
{|class="wikitable" style="margin:auto"
|-
!Кнопка!!Свойство
|-
|style="background:white"|<code>Прервать</code> ||Results.ABORT
|-
|style="background:white"| <code>Отмена</code> ||Results.CANCEL
|-
|style="background:white"| <code>Продолжить</code> ||Results.CONTINUE
|-
|style="background:white"| <code>Игнорировать</code> ||Results.IGNORE
|-
|style="background:white"| <code>Да</code> ||Results.YES
|-
|style="background:white"| <code>Нет</code> ||Results.NO
|-
|style="background:white"|<code>ОК</code> ||Results.OK
|-
|style="background:white"|<code>Повтор</code> ||Results.RETRY
|-
|style="background:white"|<code>Повторить</code> ||Results.TRYAGAIN
|-
|}

==Пример==
<syntaxhighlight lang="javascript">
const message = require('message');

message.show('Простое сообщение');
</syntaxhighlight>

<syntaxhighlight lang="javascript">
const message = require('message');

message.show('Результаты успешно сохранены.', 'Внимание!', message.Icons.INFO);
</syntaxhighlight>

<div style="border: 2px solid gray; display: table; margin: 0 auto;">
[[Файл:user_msgbox_example.png|center]]
</div>

<syntaxhighlight lang="javascript">
const message = require('message');

message.show('Результаты успешно сохранены.', 'Внимание!', message.Icons.ERROR | message.Buttons.CANCEL_TRY_CONTINUE);
</syntaxhighlight>

<div style="border: 2px solid gray; display: table; margin: 0 auto;">
[[Файл:user_msgbox_example_error.png|center]]
</div>