update help elma

This commit is contained in:
2025-05-27 21:32:35 +04:00
parent a6b05d6789
commit 898b22bf32
4500 changed files with 89372 additions and 120699 deletions

View File

@ -1,20 +1,19 @@
<!DOCTYPE html>
<html lang="ru">
<html lang="en">
<head>
<title>Вкладка «Настройки»</title>
<title>Settings tab</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Здесь вы можете: запланировать автоматический запуск процесса по таймеру; добавить шаблон наименования; отредактировать форму карточки экземпляра; выбрать ленту, которая будет" />
<meta name="description" content="Here you can: Schedule automatic process start on a timer. Add a name template. Edit the instance summary page. Select the activity stream that will be displayed on the task an" />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Cправка по Low-code платформе ELMA365" />
<meta property="og:url" content="https://elma365.com/ru/help" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="ELMA365" />
<meta property="og:title" content="Full documentation for BRIX365 platform. Low-code developer guide. User guide. Admin guide. Developer guide." />
<meta property="og:url" content="https://brix365.com/en/help" />
<meta property="og:image" content="" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
@ -24,7 +23,6 @@
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
@ -36,16 +34,16 @@
</head>
<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6ETBEC1R9"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'G-M6ETBEC1R9');</script>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83179930,'reachGoal','poisk')">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
@ -65,7 +63,7 @@
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a class="project-link" href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li><li><a class="project-link" href="https://elma365.com/ru/help/business_solutions/-elma365-store.html">Бизнес-решения</a></li></ul></span></li><li><a href="https://api.elma365.com/ru/"target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/"target="_blank">SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/" target="_blank">Академия</a></li><li><a href="https://elma365.com/ru/" target="_blank">Сайт ELMA365</a></li></ul>
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a class="project-link" href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://brix365.com/en/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li><li><a class="project-link" href="https://brix365.com/en/help/business_solutions/-elma365-store.html">Business Solutions</a></li></ul></span></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li><li><a href="https://tssdk.brix365.com/" target="_blank">SDK</a></li></ul>
</div>
@ -80,8 +78,8 @@
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
@ -94,15 +92,15 @@
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>Дизайнер бизнес-процессов &gt; Вкладки дизайнера бизнес-процессов / Вкладка «Настройки»</p>
<p>Business process designer &gt; Process designer tabs / Settings tab</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1" style="text-align: center; margin: 19px 0 19px 0;"><span class="f_Heading1" style="font-size: 32px;">Вкладка «Настройки»</span></h1>
<div class="topic__title"><h1 class="p_Heading1" style="text-align: center; line-height: 1.20; margin: 19px 0 19px 0;"><span class="f_Heading1" style="font-size: 32px;">Settings tab</span></h1>
</div>
</header>
@ -111,62 +109,62 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p class="p_Normal">Здесь вы можете:</p>
<p class="p_Normal">Here you can:</p>
<ul style="list-style-type:disc">
<li class="p_Normal">запланировать автоматический запуск процесса по таймеру;</li><li class="p_Normal">добавить шаблон наименования;</li><li class="p_Normal">отредактировать форму карточки экземпляра;</li><li class="p_Normal">выбрать ленту, которая будет отображаться в карточке задачи и экземпляра процесса;</li><li class="p_Normal">проверить корректность API;</li><li class="p_Normal">восстановить предыдущую версию процесса;</li><li class="p_Normal">задать форму запуска отладки процесса.</li></ul>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">Настройки запуска</span></h2>
<p class="p_Normal">Вы можете определить, каким образом будет запускаться процесс.</p>
<li class="p_Normal">Schedule automatic process start on a timer.</li><li class="p_Normal">Add a name template.</li><li class="p_Normal">Edit the instance summary page.</li><li class="p_Normal">Select the activity stream that will be displayed on the task and process instance page.</li><li class="p_Normal">Check API correctness.</li><li class="p_Normal">Restore the previous version of the process.</li><li class="p_Normal">Set the form to process debugging start.</li></ul>
<h2 class="p_Heading2"><span class="f_Heading2">Start settings</span></h2>
<p class="p_Normal">You can determine how the<span style="font-family: Inter;"> business process can be started.</span></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Меню Создать</span> — опция добавляет процесс в контекстное меню кнопки <span style="font-weight: bold;">Создать</span>. Нажав название процесса, пользователь может запустить его.<span style="font-weight: bold;"> </span>По умолчанию кнопка <span style="font-size: 13px;">располагается </span>на главной странице <span style="font-size: 13px;">системы</span>, но её также можно добавить на формы и страницы. Подробнее об этом читайте в статье <a href="create_button_widget.html" class="topiclink">«Кнопка Создать»</a>; </li><li class="p_Normal"><span style="font-weight: bold;">Расписание</span> — вы можете задать расписание для автоматического запуска процесса по определённым дням, неделям или месяцам. При этом можно включить определение времени с учётом текущего рабочего календаря. Настройка осуществляется так же, как при работе со <a href="360012496011.html" class="topiclink">стартовым событием</a>.</li></ul>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><img alt="process-settings-1" width="882" height="463" style="margin:0;width:882px;height:463px;border:none" src="process-settings-1.png"/></h2>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><a id="process_logging" class="hmanchor"></a><span class="f_Heading2" style="font-size: 24px;">Логирование процесса</span></h2>
<p class="p_Normal" style="margin: 19px 0 0 0;"><img alt="process-settings-2" width="704" height="261" style="margin:0;width:704px;height:261px;border:none" src="process-settings-2.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">При выборе опции <span style="font-weight: bold;">Отображать в </span><span style="font-weight: bold;">исходящих</span> все запущенные экземпляры процесса будут отображаться в системном разделе <span style="font-weight: bold;">Задачи</span> на странице <a href="360014163692.html#outgoing" class="topiclink">Исходящие</a>. Нажав на название экземпляра, вы сможете просмотреть подробную информацию о нём: историю процесса, его контекст и карту. Подробнее об этом читайте в статье <a href="360012498891.html" class="topiclink">«Экземпляр процесса»</a>. </p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="process-settings-8" width="633" height="153" style="margin:0;width:633px;height:153px;border:none" src="process-settings-8.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">При выборе опции <span style="font-weight: bold;">Уведомлять о запуске</span>, вы будете видеть всплывающее оповещение каждый раз, когда запускаете процесс. Также уведомление о запуске отобразится в вашей <a href="360014162972.html" class="topiclink">#ленте</a>. По умолчанию это опция включена.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="process-settings-9" width="287" height="80" style="margin:0;width:287px;height:80px;border:none" src="process-settings-9.png"/></p>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><a id="name" class="hmanchor"></a><span class="f_Heading2" style="font-size: 24px;">Название</span></h2>
<p class="p_Normal" style="margin: 19px 0 0 0;"><img alt="process-settings-3" width="731" height="242" style="margin:0;width:731px;height:242px;border:none" src="process-settings-3.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">На этой вкладке, как и в <a href="360012496011.html#name_template" class="topiclink">настройках Стартового события</a>, вы можете добавить шаблон названия для экземпляра процесса. При запуске вам не придётся каждый раз вводить название вручную.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">В поле <span style="font-weight: bold;">Шаблон</span> введите название для экземпляра процесса. Также вы можете добавить в шаблон контекстную переменную, например, ФИО инициатора. Список доступных переменных открывается при нажатии на значок <span style="font-weight: bold;">{+}</span> в правом углу поля. </p>
<p class="p_Normal">С помощью значка<span style="font-weight: bold;"> f(x)</span> вы можете добавить в шаблон <a href="360007679591.html#conditions_and_functions" class="topiclink">условия и функции</a>. Это позволит сгенерировать более информативное название.</p>
<p class="p_Normal">Если шаблон наименования был задан в настройках стартового события, он будет отображён в этом разделе.</p>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><a id="instance_page_settings" class="hmanchor"></a><span class="f_Heading2" style="font-size: 24px;">Карточка экземпляра</span></h2>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><img alt="process-settings-4" width="761" height="397" style="margin:0;width:761px;height:397px;border:none" src="process-settings-4.png"/></h2>
<p class="p_Normal" style="margin: 19px 0 0 0;">В этом разделе вы можете изменить внешний вид <a href="360012498891.html" class="topiclink">карточки экземпляра</a> процесса. По умолчанию в карточке отображаются все <a href="process_context.html" class="topiclink">контекстные переменные</a> процесса. Чтобы скрыть определённые переменные, выключите опцию <span style="font-weight: bold;">Показывать все поля</span>. Затем перетащите переменные, которые вы хотите видеть в карточке, из колонки <span style="font-weight: bold;">Контекст</span> в колонку <span style="font-weight: bold;">Название на форме</span>.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">При необходимости вы можете настроить свою форму карточки, добавить или удалить вкладки, изменить расположение полей, содержание боковой панели. Для этого воспользуйтесь редактором форм. Нажмите на ссылку <span style="font-weight: bold;">&lt;По умолчанию&gt;</span>, а затем нажмите <span style="font-weight: bold;">+ Создать шаблон</span>. Подробнее о работе с шаблонами читайте в статье <a href="360012495991.html" class="topiclink">«Вкладка „Формы“»</a>. &nbsp;</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Посмотреть карточку экземпляра можно в разделе <span style="font-weight: bold;">Задачи &gt; Исходящие</span>.</p>
<h2 class="p_Heading2"><a id="associated-tape" class="hmanchor"></a><span class="f_Heading2">Ассоциированная лента</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="process-settings-5" width="795" height="266" style="margin:0;width:795px;height:266px;border:none" src="process-settings-5.png"/></p>
<p class="p_Normal">Выберите ленту, которая отобразится в карточках задач и экземпляра процесса:</p>
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter; font-weight: bold;">Create button</span><span style="font-family: Inter;">. This option adds the process to the </span><span style="font-family: Inter; font-weight: bold;">Create</span><span style="font-family: Inter;"> buttons context menu. The user will be able to start the process by clicking its name in the list. By default, the button can be found on the main page of the system, but it can also be added to forms and pages. Read more in the <a href="create_button_widget.html" class="topiclink">Create button</a> article.</span></li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Schedule</span><span style="font-family: Inter;">. You can set a schedule to automatically start the process on specific days, weeks, or months. You can set the time considering the current business calendar. The settings are the same as for the <a href="360012496011.html#schedule" class="topiclink">start event</a>.</span></li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="settings_tab_01" width="1359" height="603" style="margin:0;width:1359px;height:603px;border:none" src="settings_tab_01.png"/></p>
<h2 class="p_Heading2"><a id="process_logging" class="hmanchor"></a><span class="f_Heading2">Process logging</span></h2>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="settings_tab_02" width="1205" height="425" style="margin:0;width:1205px;height:425px;border:none" src="settings_tab_02.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">If you check the </span><span style="font-family: Inter; font-weight: bold;">Show in Tasks assigned by me</span><span style="font-family: Inter;"> option, information about all started process instances will be shown in the </span><span style="font-family: Inter; font-weight: bold;">Task</span><span style="font-family: Inter;"> section on the <a href="360014163692.html" class="topiclink">Assigned by me</a> page. Click on an instance name to view its details: the process history, its context, and map. To learn more, see <a href="360012498891.html" class="topiclink">Business process instance</a>.</span><br />
<img alt="assigned_instances" width="716" height="255" style="margin:0;width:716px;height:255px;border:none" src="assigned_instances.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">If you check the </span><span style="font-family: Inter; font-weight: bold;">Notify about start</span><span style="font-family: Inter;"> option, a notification will pop-up whenever the process is started. A notification will also be posted to your <a href="360014162972.html" class="topiclink">#Activity stream</a>. This option is enabled by default.</span><br />
<img alt="proc_started" width="310" height="79" style="margin:0;width:310px;height:79px;border:none" src="proc_started.png"/></p>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">Name</span></h2>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><img alt="settings_tab_03" width="958" height="360" style="margin:0;width:958px;height:360px;border:none" src="settings_tab_03.png"/></h2>
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">On this tab, as well as in the <a href="360012496011.html#name_template" class="topiclink">settings of the Start event</a>, you can add a name template for the process instance. Once its done, you wont need to name a process instance manually every time the process is started.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">In the </span><span style="font-family: Inter; font-weight: bold;">Template</span><span style="font-family: Inter;"> field, enter a name for the process instance. You can also add a context variable if necessary (for example, the full name of the initiator). To access the list of available variables, click the </span><span style="font-family: Inter; font-weight: bold;">{+}</span><span style="font-family: Inter;"> icon on the right of the field.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">With the </span><span style="font-family: Inter; font-weight: bold;">f(x)</span><span style="font-family: Inter;"> icon you can add <a href="360007679591.html#conditions-and-functions" class="topiclink">conditions and functions</a> to the template. This will generate a more informative name</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;">If you have created a name template in the settings of the start event, it will be displayed in this section.</p>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><a id="instance_page_settings" class="hmanchor"></a><span class="f_Heading2" style="font-size: 24px;">Instance summary page</span></h2>
<p class="p_Normal" style="line-height: 1.20; margin: 19px 0 0 0;"><img alt="settings-tab-4" width="985" height="469" style="margin:0;width:985px;height:469px;border:none" src="settings-tab-4.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">In this section, you can configure the layout of the <a href="360012498891.html" class="topiclink">instance summary page</a>. By default, the page displays all the <a href="process_context.html" class="topiclink">context variables</a> of the process. To hide certain variables, uncheck the </span><span style="font-family: Inter; font-weight: bold;">Show all fields</span><span style="font-family: Inter;"> option. Then drag the variables you need to see on the page from the </span><span style="font-family: Inter; font-weight: bold;">Context</span><span style="font-family: Inter;"> column to the </span><span style="font-family: Inter; font-weight: bold;">Name on form</span><span style="font-family: Inter;"> column.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">If necessary, you can configure a custom form for the instance summary page, add or delete tabs, move fields, and change the content of the sidebar. To do this, use the form editor. Click the </span><span style="font-family: Inter; font-weight: bold;">&lt;Default&gt;</span><span style="font-family: Inter;"> link in the upper left corner and select </span><span style="font-family: Inter; font-weight: bold;">+Create Form</span><span style="font-family: Inter;">. Read more about how to work with the form editor in <a href="360012495991.html" class="topiclink">Forms tab</a>.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">You can find the instance summary page in </span><span style="font-family: Inter; font-weight: bold;">Tasks &gt; Assigned by me</span><span style="font-family: Inter;">.</span></p>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><a id="feed" class="hmanchor"></a><span class="f_Heading2" style="font-size: 24px;">Associated activity stream</span></h2>
<p class="p_Normal" style="line-height: 1.36;"><img alt="bp_associated_stream" width="942" height="367" style="margin:0;width:942px;height:367px;border:none" src="bp_associated_stream.png"/></p>
<p style="line-height: 1.20; margin: 11px 0 0 0;"><span style="font-size: 15px; color: #394149;">Select which activity stream will be shown in process tasks and on the instance summary page:</span></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Ассоциированная лента Бизнес-процесса</span> — сообщение, отправленное в ленту задачи, отобразится в <a href="360012498891.html" class="topiclink">карточке экземпляра</a> процесса;</li><li class="p_Normal"><span style="font-weight: bold;">Ассоциированная лента Приложения или Файла</span> — в появившемся ниже поле выберите переменную типа <span style="font-weight: bold;">Приложение</span> или <span style="font-weight: bold;">Файл</span>. Тогда в карточках задач и экземпляра процесса отобразится <a href="360014352191.html#app_element" class="topiclink">лента элемента приложения</a> или <a href="360014352191.html#file-tape" class="topiclink">лента файла</a>, значение которого хранит выбранная переменная. Так, если выбрана переменная типа <span style="font-weight: bold;">Приложение</span>, и в ходе процесса в задаче отправлено сообщение, вы увидите его в карточке элемента этого приложения. Если переменная пустая, сообщение отобразится только в ленте экземпляра процесса.</li></ul>
<p class="p_Normal"><span style="font-weight: bold;"><a class="dropdown-toggle" style="font-style: normal; font-weight: bold; color: #000000; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A1')">Пример настроек</a></span></p>
<li style="line-height: 1.20;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Associated activity stream of the business process</span><span style="font-size: 15px; color: #394149;">.</span><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;"> </span><span style="font-size: 15px; color: #394149;">Messages sent to the task activity stream will be displayed on the process</span><span style="font-size: 15px; color: #394149;"> </span><span style="font-size: 15px; color: #394149;"><a href="360012498891.html" class="topiclink">instance summary page</a>.</span></li><li style="line-height: 1.20;"><span style="font-family: 'Times New Roman',Times,Georgia,serif; font-weight: bold; color: #394149;">Associated activity stream of an app of file</span><span style="font-size: 15px; color: #394149;">. In the field provided below, select a variable of the </span><span style="font-size: 15px; font-weight: bold; color: #394149;">App</span><span style="font-size: 15px; color: #394149;"> of </span><span style="font-size: 15px; font-weight: bold; color: #394149;">File</span><span style="font-size: 15px; color: #394149;"> type. Then, the activity stream of the </span><span style="font-size: 15px; color: #394149;"><a href="360014352191.html#app-item" class="topiclink">app item</a></span><span style="font-size: 15px; color: #394149;"> </span><span style="font-size: 15px; color: #394149;">or </span><span style="font-size: 15px; color: #394149;"><a href="360014352191.html#file" class="topiclink">file</a> stored in the variable will be displayed on the process task and process instance pages</span><span style="font-size: 15px; color: #394149;">. So, if a variable of the App type is selected and a message is sent during a process in a task, you will see it on the item page of that app. In case the variable is empty, the message will be displayed only in the process instance activity stream.</span></li></ul>
<p style="line-height: 1.20;"><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<p style="line-height: 1.20;"><span style="font-size: 15px; color: #394149;"><a class="dropdown-toggle" style="font-style: normal; font-weight: normal; color: #394149; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A1')">Example of applying associated activity stream settings</a></span></p>
<div id="TOGGLE0186A1" class="dropdown-toggle-body" style="text-align: left; text-indent: 0; padding: 0 0 0 0; margin: 0 0 0 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; padding:0; border:none"><ol style="list-style-type:decimal">
<li value="1" style="margin-top: 0; margin-right: 0; margin-bottom: 0;">На уровне приложения <span style="font-weight: bold;">Исходящие договоры</span> создан процесс согласования договора.</li><li value="2" style="margin-top: 0; margin-right: 0; margin-bottom: 0;">В настройках процесса выберем опцию <span style="font-weight: bold;">Ассоциированная лента Приложения или Файла</span> и укажем переменную типа <span style="font-weight: bold;">Приложение</span>, которая ссылается на приложение <span style="font-weight: bold;">Исходящие договоры</span>.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Если исходящий договор отправлен на согласование, в его карточке можно просмотреть список задач процесса и сообщения, отправленные пользователями в этих задачах.</li></ol>
<td style="vertical-align:top; padding:0; border:none"><p style="line-height: 1.20;"><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20;">A contract approval process associated with the <span style="font-weight: bold;">Outgoing Contracts</span> app</li><li value="2" style="line-height: 1.20;">In process settings, select the <span style="font-weight: bold;">Associated activity stream of an App or File</span> option and specify a variable of the <span style="font-weight: bold;">App</span> type that refers to the <span style="font-weight: bold;">Outgoing Contracts</span> app.</li><li value="3" style="line-height: 1.50; margin-top: 0; margin-right: 0; margin-bottom: 11px;">If an outgoing contract is sent for approval, on its page you can view the list of process tasks and messages sent by users in these tasks.</li></ol>
</td>
</tr>
</table>
</div>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">API</span></h2>
<p class="p_Normal" style="margin: 19px 0 0 0;"><img alt="process-settings-6" width="807" height="438" style="margin:0;width:807px;height:438px;border:none" src="process-settings-6.png"/></p>
<p class="p_Normal" style="margin: 19px 0 0 0;">На этой вкладке описывается весь доступный API, приводится его описание, указан метод и адрес.</p>
<h2 class="p_Heading2" style="line-height: 1.20; margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">API</span></h2>
<p class="p_Normal" style="line-height: 1.20; margin: 19px 0 0 0;"><img alt="settings_tab_04" width="1101" height="633" style="margin:0;width:1101px;height:633px;border:none" src="settings_tab_04.png"/></p>
<p style="line-height: 1.20; margin: 19px 0 0 0;"><span style="font-family: Inter;">This tab describes the available API and provides its description, method, and the URL.</span></p>
<ul style="list-style-type:disc">
<li><span style="font-weight: bold;">Описание</span> — информация о назначении API;</li><li><span style="font-weight: bold;">Метод</span> — тип HTTP-запроса, указывающий серверу на то, какое действие вы хотите выполнить;</li><li><span style="font-weight: bold;">Адрес</span> — адрес запроса;</li><li><span style="font-weight: bold;">JSON пакет</span> — текст запроса;</li><li><span style="font-weight: bold;">Проверить</span> — на этой вкладке вы можете проверить, корректно ли составлен ваш запрос.</li></ul>
<p class="p_Normal" style="margin: 14px 0 0 0;">При помощи API вы можете интегрировать ELMA365 c вашими системами. Например, после того как клиент оформит заказ на вашем сайте, можно автоматически запустить процесс обработки заявки.</p>
<h2 class="p_Heading2"><a id="version_history" class="hmanchor"></a><span class="f_Heading2">История версий</span></h2>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">После того как в бизнес-процесс внесены изменения, его необходимо <a href="360012495291.html" class="topiclink">опубликовать</a>, чтобы при запуске его экземпляра выполнялась новая версия. Все опубликованные версии процесса будут отображаться на вкладке <span style="font-weight: bold;">История версий</span> с указанием автора, времени и комментария, оставленного при публикации. Нажав на значок <img alt="process_map" width="23" height="23" style="margin:0;width:23px;height:23px;border:none" src="process_map.png"/> , можно посмотреть <a href="360014352951.html#process_map" class="topiclink">карту</a> версии процесса. Вы также можете восстановить предыдущую версию процесса. Для этого выберите название в списке, нажмите на значок дискеты и подтвердите действие.</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal"><img alt="process-settings-7" width="916" height="286" style="margin:0;width:916px;height:286px;border:none" src="process-settings-7.png"/></p>
<p class="p_Normal">Настройки выбранной версии применятся к текущему черновику процесса, открытому на вкладке <span style="font-weight: bold;">Схема</span>. Все сохранённые, но не опубликованные изменения будут утеряны.</p>
<p class="p_Normal">Вы можете отредактировать восстановленную схему процесса, изменить расположение элементов или формы задач. Чтобы применить новую версию, повторно нажмите кнопки <span style="font-weight: bold;">Сохранить</span> и <span style="font-weight: bold;">Опубликовать</span> на верхней панели дизайнера. </p>
<p class="p_Normal">Обратите внимание, все экземпляры процесса, запущенные до публикации новой версии, завершатся без учёта внесённых изменений. Подробнее об этом читайте в статье <a href="360012495291.html" class="topiclink">«Публикация бизнес-процесса»</a>.</p>
<h2 class="p_Heading2"><a id="debug-settings" class="hmanchor"></a><span class="f_Heading2">Настройки отладки</span></h2>
<p style="margin: 19px 0 0 0;"><img alt="process-settings-10" width="904" height="390" style="margin:0;width:904px;height:390px;border:none" src="process-settings-10.png"/></p>
<p style="margin: 19px 0 0 0;">Вы можете настроить внешний вид окна запуска <a href="360010269299.html" class="topiclink">отладки процесса</a>, чтобы заполнить в нём <a href="process_context.html" class="topiclink">контекстные переменные</a> процесса. Для этого перетащите нужные полях из колонки <span style="font-weight: bold;">Контекст</span> в колонку <span style="font-weight: bold;">Название на форме</span>. Это позволит не заполнять поля в <a href="360012496011.html" class="topiclink">стартовом событии</a> и последующих задачах процесса в ходе его отладки. Если вы хотите отобразить на форме весь контекст процесса, включите опцию <span style="font-weight: bold;">Показывать все поля</span>.</p>
<li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-family: Inter; font-weight: bold;">Description</span><span style="font-family: Inter;">.</span><span style="font-family: Inter; font-weight: bold;"> </span><span style="font-family: Inter;">How the API is used.</span></li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-family: Inter; font-weight: bold;">Method</span><span style="font-family: Inter;">.</span><span style="font-family: Inter; font-weight: bold;"> </span><span style="font-family: Inter;">Type of HTTP request that lets the server know what kind of action you want to perform.</span></li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-family: Inter; font-weight: bold;">URL</span><span style="font-family: Inter;">.</span><span style="font-family: Inter; font-weight: bold;"> </span><span style="font-family: Inter;">Address of the request.</span></li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-family: Inter; font-weight: bold;">JSON package</span><span style="font-family: Inter;">.</span><span style="font-family: Inter; font-weight: bold;"> </span><span style="font-family: Inter;">The text of the request.</span></li><li style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-family: Inter; font-weight: bold;">Test</span><span style="font-family: Inter;">. On this tab, you can check the request to make sure it is error-free.</span></li></ul>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">Using an API, you can integrate BRIX with your information systems. For example, after a customer places an order on your website, the order handling process can start automatically.</span></p>
<h2 class="p_Heading2"><a id="history" class="hmanchor"></a><span class="f_Heading2">Version history</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">When you modify a process, you need to <a href="360012495291.html" class="topiclink">publish</a> it so that the new version is executed when it is started. All published versions of a process are displayed on the </span><span style="font-family: Inter; font-weight: bold;">Version history</span><span style="font-family: Inter;"> tab. Here you can find information about the author, the publishing time, and the comment the author wrote. Click the </span><img alt="map-icon" width="32" height="23" style="margin:0;width:32px;height:23px;border:none" src="map-icon.png"/><span class="f_ImageCaption"> </span><span style="font-family: Inter;">icon to view the process version <a href="360014352951.html#process-map" class="topiclink">map</a>. You can also restore the process to an earlier version. To do that, select the version you need, click the </span><img alt="floppy-disc-save-icon" width="19" height="18" style="margin:0;width:19px;height:18px;border:none" src="floppy-disc-save-icon.png"/> i<span style="font-family: Inter;">con, and confirm that you want the restore the process to this version.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><img alt="settings_tab_05" width="1294" height="336" style="margin:0;width:1294px;height:336px;border:none" src="settings_tab_05.png"/></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter; color: #394149;">The configuration of the selected version will be applied to the process draft on the </span><span style="font-family: Inter; font-weight: bold; color: #394149;">Flow chart</span><span style="font-family: Inter; color: #394149;"> tab. All saved but unpublished changes will be lost.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter; color: #394149;">You can edit a restored process diagram, change the order of its activities and task forms. To apply the new version, click </span><span style="font-family: Inter; font-weight: bold; color: #394149;">Save</span><span style="font-family: Inter; color: #394149;"> and </span><span style="font-family: Inter; font-weight: bold; color: #394149;">Publish</span><span style="font-family: Inter; color: #394149;"> on the process designer top toolbar one more time.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter; color: #394149;">Note that all process instances started before the new version is published will be run and completed without the recent changes. Read more in the <a href="360012495291.html" class="topiclink">Publish a business process</a> article.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Debugging settings</span></h2>
<p class="p_Normal"><img alt="settings_tab_06" width="934" height="429" style="margin:0;width:934px;height:429px;border:none" src="settings_tab_06.png"/></p>
<p class="p_Normal">You can configure the layout of the <a href="360010269299.html" class="topiclink">process debugging</a> start window to fill out it with process <a href="process_context.html" class="topiclink">context variables</a>. To do this, drag the desired fields from the <span style="font-weight: bold;">Context</span> column to the <span style="font-weight: bold;">Name on form</span> column. This will ensure that the fields in the start event and subsequent tasks of the process are not filled in during the process debugging. If you want to display the entire process context on the form, enable the <span style="font-weight: bold;">Show all fields</span> option.</p>
<div class="bottom-nav">
@ -183,7 +181,7 @@
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback-wrap"><div class="feedback" id="feedback"><span><b>Была ли статья полезной?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx">Спасибо за ваш отзыв!</div><div id="feedback-success-popup"><div class="wrap"><button type="button" class="feedback-popup-close">×</button><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_212_2187)"><path d="M22 0.6875C10.2294 0.6875 0.6875 10.2294 0.6875 22C0.6875 33.7706 10.2294 43.3125 22 43.3125C33.7706 43.3125 43.3125 33.7706 43.3125 22C43.3125 10.2294 33.7706 0.6875 22 0.6875ZM22 40.5625C11.8023 40.5625 3.4375 32.3078 3.4375 22C3.4375 11.8024 11.6922 3.4375 22 3.4375C32.1977 3.4375 40.5625 11.6922 40.5625 22C40.5625 32.1976 32.3078 40.5625 22 40.5625ZM34.1713 16.933L18.6613 32.3186C18.257 32.7197 17.604 32.7171 17.203 32.3128L9.82283 24.873C9.42176 24.4686 9.42434 23.8157 9.82867 23.4146L10.5609 22.6884C10.9652 22.2873 11.6181 22.2899 12.0192 22.6942L17.9468 28.6697L31.9926 14.7366C32.3969 14.3356 33.0498 14.3382 33.4509 14.7425L34.1772 15.4747C34.5783 15.879 34.5757 16.532 34.1713 16.933Z" fill="#27AE60"></path></g><defs><clipPath id="clip0_212_2187"><rect width="44" height="44" fill="white"></rect></clipPath></defs></svg><p>Ваш отзыв успешно отправлен!</p><span>Спасибо за обратную связь.</span></div></div><div class="feedback__popup" id="feedback__popup_why"><button type="button" class="feedback-popup-close">×</button><div class="feedback__popup-header">Уточните, почему:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Рекомендации не помогли</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Текст трудно понять</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Нет ответа на мой вопрос</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Содержание статьи не соответствует заголовку</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Другая причина</label></div><div class="feedback__popup" id="feedback__popup-other"><button type="button" class="feedback-popup-close">×</button> <div class="feedback__popup-header">Расскажите, что вам не понравилось в статье:</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Отправить"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg"/><span class="feedback-form__btn-group_yes-btn">Да</span></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg"/><span class="feedback-form__btn-group_no-btn">Нет</span></label></div><select name="category"><option disabled>Выберите вариант</option><option value="bad_recommendation" selected>Рекомендации не помогли</option><option value="difficult_text">Текст трудно понять</option><option value="no_answer">Нет ответа на мой вопрос</option><option value="bad_header">Содержание статьи не соответствует заголовку</option><option value="other_reason">Другая причина</option></select><input type="submit"></form></div></div>
<div class="feedback" id="feedback"><div class="feedback-help"><span><b>Was this helpful?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx" style="display: none;">Thanks for your feedback!</div><div class="feedback__popup" id="feedback__popup_why" style="display: none;"><div class="feedback__popup-header">Please specify why:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Recommendations did not help me</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Article is hard to understand</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Didn`t answer my question</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Content does not match the topic</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Other</label></div><div class="feedback__popup" id="feedback__popup-other" style="display: none;"><div class="feedback__popup-header">How we can improve it?</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Submit"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg" class="small-img" alt="like"><spanclass="feedback-form__btn-group_yes-btn">Yes</spanclass="feedback-form__btn-group_yes-btn"></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg" class="small-img" alt="dislike"><spanclass="feedback-form__btn-group_no-btn">No</spanclass="feedback-form__btn-group_no-btn"></label></div><select name="category"><option disabled="">Please specify why</option><option value="bad_recommendation" selected="">Recommendations did not help me</option><option value="difficult_text">Article is hard to understand</option><option value="no_answer">Didn`t answer my question</option><option value="bad_header">Content does not match the topic</option><option value="other_reason">Other</option></select><input type="submit"></form></div><div class="found_typo"><p style="margin: 0px; margin-top: 16px !important;"><span><b>Found a typo?</b></span> Select it and press <i>Ctrl+Enter</i> to send us feedback</p></div></div>
</section>
</div>
@ -191,7 +189,7 @@
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">В этой статье</h3>
<h3 class="h3-toc">In this topic</h3>
<nav id="toc2"></nav>
</div>
</aside>
@ -202,63 +200,30 @@
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://api.elma365.com/ru/" target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/" target="_blank">TS SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/elma365" target="_blank">Академия</a></li></ul><ul class="footer-mobile__list"><li><a href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li></ul>
<ul class="footer-mobile__list"><li><a href="https://brix365.com/en/" target="_blank">BRIX</a></li><li><a href="https://tssdk.brix365.com/en/latest/" target="_blank">SDK</a></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li></ul><ul class="footer-mobile__list"><li><a href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li></ul>
</div>
<div class="container">
<div class="footer-wrap">
<div><span class="mobile-question-popup">Отправить фидбэк</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Задать вопрос</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Отправить"></div></form><div class="hidden fade-in question-success-xs">Ваш фидбэк отправлен.</div></div>
<div class="footer-flex-b">
<div class="footer-top">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</div>
<div class="footer-line">
<div class="footer-line-copy">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
</div>
<ul class="footer-list">
<li class="footer-item"><a href="https://elma365.com/ru/" target="_blank" class="footer-link" style="color: #0D4A75;"><img src="browse.svg" alt="browse icon" class="footer-img">elma365.com</a></li><li class="footer-item"><a href="https://www.youtube.com/user/ELMABPM" target="_blank" class="footer-link"><img src="yt.svg" alt="youtube icon" class="footer-img"></a></li><li class="footer-item"><a href="https://vk.com/elma_bpm" target="_blank" class="footer-link"><img src="vk.svg" alt="vk icon" class="footer-img"></a></li><li class="footer-item"><a href="https://t.me/elmaday" target="_blank" class="footer-link"><img src="tg.svg" alt="telegram icon" class="footer-img"></a></li><li class="footer-item"><a href="https://dzen.ru/elma" target="_blank" class="footer-link"><img src="dzen.svg" alt="dzen icon" class="footer-img"></a></li>
<li class="footer-item">
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</li>
</ul>
</div>
</div>
<div class="footer-wrap">
<div><span class="mobile-question-popup">Send feedback</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Ask a question</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Send"></div></form><div class="hidden fade-in question-success-xs">Sent</div></div>
<div class="footer-flex-b">
<span class="footer-copy">&copy; 2025 BRIX</span>
<ul class="footer-list">
<li class="footer-item">
<a href="#" class="arrow-top" style="display: block;"></a>
</li>
</ul>
</div>
</div>
<a href="#" class="arrow-top"></a>
</div>
</footer>
<!-- <script type="text/javascript" src="jquery1.min.js"></script>-->
<iframe name="hmnavigation" style="display:none!important"></iframe>
<!--<script src="./jquery-ui.js"></script> -->
<script src="./jquery-ui.min.js"></script>
<script src="./jquery-ui.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>