All checks were successful
Deploy Static Site / deploy (push) Successful in 6m6s
221 lines
25 KiB
HTML
221 lines
25 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<title>Low-code app designer</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="Low-code designer allows you to quickly customize the apps by using drag-and-drop. You can configure:" />
|
||
<meta name="picture" content="" />
|
||
<meta property="og:type" content="website" />
|
||
<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" />
|
||
<link rel="stylesheet" href="./jquery-ui.min.css" />
|
||
<link rel="stylesheet" href="default.css" />
|
||
<link rel="stylesheet" href="./search-yandex.css" />
|
||
<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>
|
||
|
||
<script type="text/javascript" src="highlight.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function(){highlight();});
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<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://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(83180416,'reachGoal','poisk')">
|
||
<label class="search-form__label">
|
||
<span id="reset-search" class="search__icon"></span>
|
||
<input class="search-form__input" type="text">
|
||
</label>
|
||
<input class="search-form__submit" type="submit" value="Submit">
|
||
</form>
|
||
</div> -->
|
||
|
||
<div class="hero__search-form" id="search-panel"> <form class="search-form"> <label class="search-form__label"> <span id="reset-search" class="search__icon"></span> <input class="search-form__input" type="text"> </label> <input class="search-form__submit" type="submit" value="Submit"> </form> </div>
|
||
<div class="hero__search">
|
||
<a href="#" id="search-icon" class="hero__search-icon">
|
||
<img src="search-icon-white.svg" alt="search string">
|
||
</a>
|
||
<a href="#" id="side-menu-icon" class="hero__side-icon">
|
||
<img src="side_menu.svg" alt="side menu">
|
||
</a>
|
||
</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://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>
|
||
</div>
|
||
|
||
</header>
|
||
|
||
|
||
|
||
|
||
<main class="main container">
|
||
|
||
<aside class="sidebar" id="sidebar">
|
||
<div class="sidebar__header">
|
||
<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>
|
||
<div class="sidebar__wrapper" id="side-menu">
|
||
|
||
</div>
|
||
</aside>
|
||
|
||
<article class="article" id="article">
|
||
<div class="article-inner">
|
||
<div class="content">
|
||
<header class="article__header">
|
||
<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>Getting started / Low-code app designer</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Low-code app designer</span></h1>
|
||
</div>
|
||
|
||
</header>
|
||
<section class="article__content">
|
||
<div class="scroll-top-inner">
|
||
<a href="#h1-article" class="scroll-top"></a>
|
||
</div>
|
||
<!-- Placeholder for topic body. -->
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Low-code designer allows you to quickly customize the apps by using drag-and-drop. You can configure:</span></p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Forms</span><span style="color: #394149;">. For example, pages for creating and viewing a document.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Pages</span><span style="color: #394149;">. User interface for working in the system.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Widgets</span><span style="color: #394149;">. Components that help customize forms and pages.</span></li></ul>
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">The image below shows what the low-code designer looks like.</span></p>
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="designer-window-1" width="910" height="625" style="margin:0;width:910px;height:625px;border:none" src="designer-window-1.png"/></p>
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">The main field for configuring a page or a form is located in the center. On the right side you can see a panel with all available interface components and properties. You can drag them to the field and place where needed.</span></p>
|
||
<h2 class="p_Heading2"><span class="f_Heading2" style="font-size: 24px;">Set up your app form</span></h2>
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">You can configure your own forms in low-code designer after you have created an app. To learn more about creating new apps, see <a href="how_to_create_an_app.html" class="topiclink">Create an app</a> article. Now, let’s see how to configure a form that users will fill out when creating a new contract in the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app.</span></p>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Go to low-code designer</span></h3>
|
||
<ol style="list-style-type:upper-roman">
|
||
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Open the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app and click the gear icon next to its name. In the menu, select </span><span style="font-weight: bold; color: #394149;">Form Settings</span><span style="color: #394149;">. In the pop-up, click </span><span style="font-weight: bold; color: #394149;">Advanced Mode</span><span style="color: #394149;">.</span></li></ol>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 34px;"><img alt="LcD2" width="874" height="410" style="margin:0;width:874px;height:410px;border:none" src="lcd2.png"/></p>
|
||
<ol style="list-style-type:upper-roman">
|
||
<li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">The </span><span style="font-weight: bold; color: #394149;">Context</span><span style="color: #394149;"> tab opens. Here you can add new fields that are not in the app context yet. For example, add the </span><span style="font-weight: bold; color: #394149;">Responsible user</span><span style="color: #394149;"> field for selecting an employee to be in charge of a contract. To do this, click the </span><span style="font-weight: bold; color: #394149;">+Add</span><span style="color: #394149;"> button and fill out the settings. As property type, select </span><span style="font-weight: bold; color: #394149;">Users</span><span style="color: #394149;"> in order to be able to select a user of BRIX.</span></li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Go to the </span><span style="font-weight: bold; color: #394149;">Create</span><span style="color: #394149;"> tab. Click the </span><span style="font-weight: bold; color: #394149;"><Default></span><span style="color: #394149;"> link. The </span><span style="font-weight: bold; color: #394149;">+Create form</span><span style="color: #394149;"> button appears. Click on it to go to the low-code designer.</span></li></ol>
|
||
<h3 class="p_Heading3" style="margin: 0 0 0 34px;"><img alt="LcD3" width="1366" height="625" style="margin:0;width:1366px;height:625px;border:none" src="lcd3.gif"/></h3>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Configure the form</span></h3>
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">You can create a convenient form by using widgets and properties located on the right panel: add different blocks to the form and enter clear instructions for users.</span></p>
|
||
<ol style="list-style-type:upper-roman">
|
||
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Drag the </span><span style="font-weight: bold; color: #394149;">Panel with header</span><span style="color: #394149;"> widget to the form. In </span><span style="font-weight: bold; color: #394149;">Title</span><span style="color: #394149;">, type </span><span style="font-weight: bold; color: #394149;">Enter contract information</span><span style="color: #394149;">.</span></li></ol>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 34px;"><img alt="LcD4" width="989" height="500" style="margin:0;width:989px;height:500px;border:none" src="lcd4.png"/></p>
|
||
<ol style="list-style-type:upper-roman">
|
||
<li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Drag fields from the </span><span style="font-weight: bold; color: #394149;">Properties</span><span style="color: #394149;"> tab to the panel. Here, users will enter the information: the contractor’s name, the total sum, the contract number, etc. Note that the field for the file upload is added by default. You can move it to a separate panel of needed.</span></li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Configure the sidebar. Note that the <a href="element_standart_form_widget.html" class="topiclink">Standard item form</a> widget is placed there by default. This widget contains the fields you added when creating the app. As we have already added them in the previous step, delete this widget.</span><br />
|
||
<img alt="LcD5" width="385" height="205" style="margin:0;width:385px;height:205px;border:none" src="lcd5.png"/></li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Now, set up the field to add the user in charge of the contract. Add the </span><span style="font-weight: bold; color: #394149;">Side panel widget</span><span style="color: #394149;"> to the side panel. Name it </span><span style="font-weight: bold; color: #394149;">Control</span><span style="color: #394149;"> and drag the </span><span style="font-weight: bold; color: #394149;">Responsible user</span><span style="color: #394149;"> property into it.</span></li></ol>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 34px;"><span style="color: #394149;">The final form looks like this: the main part is divided into two blocks, one for entering information, and one for uploading a file. The sidebar has a field for selecting a user in charge of processing the contract.</span></p>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 34px;"><img alt="LcD6" width="963" height="448" style="margin:0;width:963px;height:448px;border:none" src="lcd6.png"/></p>
|
||
<ol style="list-style-type:upper-roman" start="5">
|
||
<li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Click the <span style="font-weight: bold;">Save</span> and the <span style="font-weight: bold;">Publish</span> buttons in the top menu to make it available for the users.</li></ol>
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 34px;"><span style="color: #394149;">Now, the form for adding a new contract looks like this:</span></p>
|
||
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 34px;"><img alt="LcD7" width="918" height="488" style="margin:0;width:918px;height:488px;border:none" src="lcd7.png"/></p>
|
||
<h2 class="p_Heading2"><span class="f_Heading2">Add a script</span></h2>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">Widgets allow you to create interactive forms by using simple scripts. For example, when a user hovers the mouse over a field for file upload, a window with additional information pops up. </p>
|
||
<p style="line-height: 1.28; page-break-inside: avoid; page-break-after: avoid; margin: 3px 0 0 0;">To add a script:</p>
|
||
<ol style="list-style-type:upper-roman">
|
||
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">In the interface designer, go to the <span style="font-weight: bold;">Context</span> tab and add a variable of the <a href="360009707032.html#yes-no-switch" class="topiclink">Yes/No switch</a> type. Let’s name it <code><b>info</b></code>.</li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Add the <a href="information_block.html" class="topiclink">Information box</a> widget to the canvas. In widget settings, enter instructions, for example, <span style="font-weight: bold;">Upload a file in the .docx format</span>. Then, go to the <span style="font-weight: bold;">System</span> tab and in the <span style="font-weight: bold;">Hide</span> field check the <span style="font-weight: bold;">Show on condition</span> option. Select the<span style="font-weight: bold;"> </span><code><b>info</b></code><span style="font-weight: bold;"> </span>variable. The <span style="font-weight: bold;">Information box</span> will be displayed if the variable’s value is <code><b>true</b></code>.<br />
|
||
<img alt="info_box_script" width="990" height="475" style="margin:0;width:990px;height:475px;border:none" src="info_box_script.png"/></li><li value="3" style="line-height: 1.20; background: #fffffe; margin-top: 0; margin-right: 0; margin-bottom: 0;">Select the <span style="font-weight: bold;">Upload and preview file</span> widget and open its settings by clicking on the gear icon.</li><li value="4" style="line-height: 1.20; background: #fffffe; margin-top: 0; margin-right: 0; margin-bottom: 0;">Go to the <span style="font-weight: bold;">Events</span> tab and add a script that will change the value of the <code><b>info</b></code> variable to <code><b>true</b></code>: in the <span style="font-weight: bold;">On mouse enter handler</span> field, click <span style="font-weight: bold;">Create</span>, specify the function name:<span style="font-weight: bold;"> showInfo</span>, select<span style="font-weight: bold;"> Save</span>, and then click<span style="font-weight: bold;"> Open</span>.<br />
|
||
<img alt="info_box_script2" width="780" height="372" style="margin:0;width:780px;height:372px;border:none" src="info_box_script2.png"/></li><li value="5" class="p_Normal">On the provided <span style="font-weight: bold;">Scripts</span> tab, add the code to the created function. This code will determine the value of the <code><b>info</b></code> variable: </li></ol>
|
||
<p class="p_CodeExample" style="white-space: normal; page-break-inside: avoid; margin: 0 0 0 34px;"><span class="f_CodeExample">async function showInfo(): Promise<</span><span class="f_CodeExample" style="font-weight: bold;">void</span><span class="f_CodeExample">> {</span><br />
|
||
<span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">ViewContext.data.info</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">=</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample" style="font-weight: bold;">true</span><br />
|
||
<span class="f_CodeExample">}</span></p>
|
||
<ol style="list-style-type:upper-roman" start="6">
|
||
<li value="6" class="p_Normal">Save and publish the changes.</li></ol>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">Now when a user hovers the mouse over the area for uploading a file, the value of the <code><b>info</b></code> variable will change to <code><b>true</b></code> and instructions will appear on the page.</p>
|
||
|
||
<div class="bottom-nav">
|
||
|
||
<a id="prev-link" class="topic__navi_prev" href="how_to_create_an_app.html">
|
||
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
|
||
class="bottom-nav__link">how_to_create_an_app.html</span>
|
||
</a>
|
||
|
||
|
||
<a id="next-link" class="topic__navi_next" href="how_to_bind_app_to_proccess.html">
|
||
<span class="bottom-nav__link">how_to_bind_app_to_proccess.html</span> <span
|
||
class="bottom-nav__arrow bottom-nav__arrow--next"></span>
|
||
</a>
|
||
|
||
</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>
|
||
<aside class="article__sidebar" style="display:none">
|
||
<input type="checkbox" />
|
||
<div class="article__arrow"></div>
|
||
<div class="table-of-contents elma365-right" id="toc2Content">
|
||
<h3 class="h3-toc">In this topic</h3>
|
||
<nav id="toc2"></nav>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
</article>
|
||
</main>
|
||
<footer class="footer">
|
||
<div class="footer-container">
|
||
<div class="footer-mobile">
|
||
|
||
<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="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">© 2025 BRIX</span>
|
||
<ul class="footer-list">
|
||
|
||
<li class="footer-item">
|
||
<a href="#" class="arrow-top" style="display: block;"></a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
<iframe name="hmnavigation" style="display:none!important"></iframe>
|
||
<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>
|
||
<script src="./google-search.js"></script>
|
||
<script src="./main.js"></script>
|
||
</body>
|
||
|
||
</html>
|