This commit is contained in:
312
platform/install-tempo.html
Normal file
312
platform/install-tempo.html
Normal file
@ -0,0 +1,312 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Install Tempo</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="Tempo is a high-performance and scalable system for storing and analyzing traces. It provides complete visibility into interactions between components of distributed systems...." />
|
||||
<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><a href="elma365-on-premises.html">BRIX On-Premises</a> > <a href="elma365-enterprise.html">BRIX On-Premises Enterprise</a> > Install add-on components for BRIX / Install Tempo</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Install Tempo</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.28; margin: 0 0 11px 0;">Tempo is a high-performance and scalable system for storing and analyzing traces. It provides complete visibility into interactions between components of distributed systems. Tempo eliminates the complexities associated with storing and retrieving traces from numerous sources in real-time.</p>
|
||||
<p style="text-align: justify; line-height: 1.28; margin: 0 0 11px 0;">Beforehand, install the <a href="install-monitoring-tools.html" class="topiclink">monitoring tools</a>.</p>
|
||||
<p style="text-align: justify; line-height: 1.28; margin: 0 0 11px 0;">The installation of Tempo consists of five steps:</p>
|
||||
<ol style="list-style-type:decimal">
|
||||
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a href="install-tempo.html#download-helm-chart-and-config-file" class="topiclink">Download the Helm chart and the configuration file</a>.</li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a href="install-tempo.html#create-bucket" class="topiclink">Create buckets in Minio</a>.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a href="install-tempo.html#fill-config-file" class="topiclink">Fill in the configuration file</a>.</li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a href="install-tempo.html#install-chart-tempo" class="topiclink">Install the Tempo chart using Helm in the Kubernetes cluster</a>.</li><li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a href="install-tempo.html#configure-connection" class="topiclink">Configure the connection to Tempo in Grafana data sources</a>.</li></ol>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">Начало внимание</span></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="background-color: #ffffff;">When installing </span><a href="install-loki.html" class="topiclink">Loki</a><span style="background-color: #ffffff;"> + Tempo, start with the Loki addon. This allows preserving cross-linking settings, as they are initially configured in the Datasource settings.</span></p>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">Конец внимание</span></p>
|
||||
<h2 class="p_Heading2"><a id="download-helm-chart-and-config-file" class="hmanchor"></a><span class="f_Heading2">Step 1: Download the Helm chart and the configuration file</span></h2>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;">To install via the internet, obtain the configuration file <code><b>values-tempo.yaml</b></code> by executing the command:</p>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">helm repo add elma365 https://charts.elma365.tech</span><br />
|
||||
<span class="f_CodeExample">helm repo update</span><br />
|
||||
<span class="f_CodeExample">helm show values elma365/tempo > values-tempo.yaml</span></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-size: 13px; color: #000000;"> </span></p>
|
||||
<p class="p_Normal"><a class="dropdown-toggle" style="font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A1')">Getting configuration file for installation in a closed environment without internet access</a></p>
|
||||
<div id="TOGGLE0186A1" class="dropdown-toggle-body" style="text-align: left; text-indent: 0; line-height: 1.80; 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="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">On a computer with internet access, download the archive of the latest version of the Tempo chart from the BRIX repository using the command:</li></ol>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">helm repo add elma365 https://charts.elma365.tech</span><br />
|
||||
<span class="f_CodeExample">helm repo update</span><br />
|
||||
<span class="f_CodeExample">helm pull elma365/tempo</span></p>
|
||||
<ol style="list-style-type:decimal">
|
||||
<li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Copy the obtained <code><b>tempo-X.Y.Z.tgz</b></code> chart archive<span style="font-size: 13px;"> </span>to the server where the installation will take place.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Unpack the chart and copy the default configuration file <code><b>values.yaml</b></code> to <code><b>values-tempo.yaml</b></code></li></ol>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">tar -xf tempo-X.Y.Z.tgz</span><br />
|
||||
<span class="f_CodeExample">cp tempo/values.yaml values-tempo.yaml</span></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2 class="p_Heading2"><a id="create-bucket" class="hmanchor"></a><span class="f_Heading2">Step 2: Create buckets in Minio</span></h2>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="background-color: #ffffff;">1. Create </span><code><b>alias</b></code><span style="background-color: #ffffff;"> for MinIO:</span></p>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">mc alias set my_alias http://minio.local accessKey secretKey</span></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="background-color: #ffffff;">2. Create a bucket with the name </span><code><b>tempo</b></code><span style="background-color: #ffffff;">:</span></p>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">mc mb -p my_alias/tempo --region=ru-central-1</span></p>
|
||||
<h2 class="p_Heading2"><a id="fill-config-file" class="hmanchor"></a><span class="f_Heading2">Step 3: Fill in the configuration file</span></h2>
|
||||
<p class="p_Normal"><a class="dropdown-toggle" style="font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A2')">Fill in the configuration file for Tempo installation</a></p>
|
||||
<div id="TOGGLE0186A2" class="dropdown-toggle-body" style="text-align: left; text-indent: 0; background: #fcfcfc; 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"><p class="p_CodeExample" style="white-space: normal; page-break-inside: avoid;"><span class="f_CodeExample"> </span><br />
|
||||
<span class="f_CodeExample"> tempo:</span><br />
|
||||
<span class="f_CodeExample"> tempo:</span><br />
|
||||
<span class="f_CodeExample"> retention: 24h</span><br />
|
||||
<span class="f_CodeExample"> storage:</span><br />
|
||||
<span class="f_CodeExample"> trace:</span><br />
|
||||
<span class="f_CodeExample"> # tempo storage backend</span><br />
|
||||
<span class="f_CodeExample"> # refer https://grafana.com/docs/tempo/latest/configuration/</span><br />
|
||||
<span class="f_CodeExample"> # Use s3 for example</span><br />
|
||||
<span class="f_CodeExample"> backend: s3</span><br />
|
||||
<span class="f_CodeExample"> # store traces in s3</span><br />
|
||||
<span class="f_CodeExample"> s3:</span><br />
|
||||
<span class="f_CodeExample"> bucket: tempo # store traces in this bucket</span><br />
|
||||
<span class="f_CodeExample"> endpoint: minio.local:9000 # api endpoint</span><br />
|
||||
<span class="f_CodeExample"> access_key: access_key # optional. access key when using static credentials.</span><br />
|
||||
<span class="f_CodeExample"> secret_key: secret_key # optional. secret key when using static credentials.</span><br />
|
||||
<span class="f_CodeExample"> insecure: true # optional. enable if endpoint is http</span><br />
|
||||
<span class="f_CodeExample"> #backend: local</span><br />
|
||||
<span class="f_CodeExample"> local:</span><br />
|
||||
<span class="f_CodeExample"> path: /var/tempo/traces</span><br />
|
||||
<span class="f_CodeExample"> wal:</span><br />
|
||||
<span class="f_CodeExample"> path: /var/tempo/wal</span><br />
|
||||
<span class="f_CodeExample"> jaeger-all-in-one:</span><br />
|
||||
<span class="f_CodeExample"> environmentVariables:</span><br />
|
||||
<span class="f_CodeExample"> MEMORY_MAX_TRACES: 100000</span><br />
|
||||
<span class="f_CodeExample"> SPAN_STORAGE_TYPE: badger</span><br />
|
||||
<span class="f_CodeExample"> BADGER_EPHEMERAL: false</span><br />
|
||||
<span class="f_CodeExample"> BADGER_DIRECTORY_VALUE: /badger/data</span><br />
|
||||
<span class="f_CodeExample"> BADGER_DIRECTORY_KEY: /badger/key</span><br />
|
||||
<span class="f_CodeExample"> REPORTER_TYPE: grpc</span><br />
|
||||
<span class="f_CodeExample"> REPORTER_GRPC_HOST_PORT: tempo:14250</span><br />
|
||||
<span class="f_CodeExample"> REPORTER_GRPC_RETRY_MAX: 100</span><br />
|
||||
<span class="f_CodeExample"> tolerations:</span><br />
|
||||
<span class="f_CodeExample"> - key: "dedicated"</span><br />
|
||||
<span class="f_CodeExample"> operator: "Equal"</span><br />
|
||||
<span class="f_CodeExample"> value: "staging"</span><br />
|
||||
<span class="f_CodeExample"> effect: "NoSchedule"</span></p>
|
||||
<p class="p_Normal"> </p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<p class="p_Normal"><a class="dropdown-toggle" style="font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A3')">Filling in connection parameters to a private registry for installation in a closed environment without internet access</a></p>
|
||||
<div id="TOGGLE0186A3" class="dropdown-toggle-body" style="text-align: left; text-indent: 0; line-height: 1.80; 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"><p class="p_Normal"> <br />
|
||||
To connect to a private registry, follow these steps:</p>
|
||||
<ol style="list-style-type:decimal">
|
||||
<li value="1" class="p_Normal">Download BRIX images and upload them to the local image registry. For more details, refer to <a href="downloadin-images-elma365.html" class="topiclink">Download BRIX images</a>.</li></ol>
|
||||
<ol style="list-style-type:decimal" start="2">
|
||||
<li value="2" class="p_Normal">Specify the address and path for the <code><b>image.repository</b></code> parameter.</li></ol>
|
||||
<ol style="list-style-type:decimal" start="3">
|
||||
<li value="3" class="p_Normal">Specify the name of the secret with access rights to the private registry in the <code><b>image.pullSecrets</b></code> parameter. The secret must be created manually and encoded in Base64.</li></ol>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample"> tempo:</span><br />
|
||||
<span class="f_CodeExample"> # connection parameters for the private registry</span><br />
|
||||
<span class="f_CodeExample"> # address and path for the private registry</span><br />
|
||||
<span class="f_CodeExample"> repository: registry.example.com/tempo</span><br />
|
||||
<span class="f_CodeExample"> # tag: "2.3.0"</span><br />
|
||||
<span class="f_CodeExample"> # pullPolicy: IfNotPresent</span><br />
|
||||
<span class="f_CodeExample"> pullSecrets:</span><br />
|
||||
<span class="f_CodeExample"> - myRegistryKeySecretName</span><br />
|
||||
<span class="f_CodeExample"> jaeger-all-in-one:</span><br />
|
||||
<span class="f_CodeExample"> # connection parameters for the private registry</span><br />
|
||||
<span class="f_CodeExample"> image:</span><br />
|
||||
<span class="f_CodeExample"> # address and path for the private registry</span><br />
|
||||
<span class="f_CodeExample"> repository: registry.example.com/all-in-one</span><br />
|
||||
<span class="f_CodeExample"> # versionOverride: "1.47"</span><br />
|
||||
<span class="f_CodeExample"> # pullPolicy: IfNotPresent</span><br />
|
||||
<span class="f_CodeExample"> imagePullSecrets:</span><br />
|
||||
<span class="f_CodeExample"> - myRegistryKeySecretName</span></p>
|
||||
<p class="p_Normal">Where the repository<span style="font-weight: bold;"> </span>format is: address — <code><b>registry.example.com</b></code>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<h2 class="p_Heading2"><a id="install-chart-tempo" class="hmanchor"></a><span class="f_Heading2">Step 4: Install the Tempo chart using Helm in the Kubernetes cluster</span></h2>
|
||||
<p style="line-height: 1.28; page-break-inside: avoid; page-break-after: avoid; margin: 3px 0 0 0;">Install Tempo chart in <code><b>namespace monitoring</b></code><span style="color: #333333;">.</span></p>
|
||||
<p style="line-height: 1.20; background: #ffffff; margin: 10px 0 0 0;">For online installation:</p>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">helm upgrade --install -n monitoring tempo elma365/tempo -f values-tempo.yaml</span></p>
|
||||
<p style="line-height: 1.0; white-space: nowrap; page-break-inside: avoid;">For offline installation without internet access, navigate to the directory with the downloaded chart and execute:</p>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">helm upgrade --install tempo ./tempo -f values-tempo.yaml -n monitoring</span></p>
|
||||
<h2 class="p_Heading2"><a id="configure-connection" class="hmanchor"></a><span class="f_Heading2">Step 5: Configure the connection to Tempo in Grafana data sources</span></h2>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="background-color: #ffffff;">The Tempo data source is added during installation. Verify it using the path: </span><span style="font-weight: bold; background-color: #ffffff;">Home > Administration > Data source > Tempo</span><span style="background-color: #ffffff;">.</span></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="background-color: #ffffff;">URL: </span><span style="font-weight: bold; background-color: #ffffff;">http://tempo:3100</span></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="clip0086" width="918" height="547" style="margin:0;width:918px;height:547px;border:none" src="clip0086.png"/></p>
|
||||
<p style="line-height: 1.0; white-space: nowrap; page-break-inside: avoid;">For convenient viewing, a cross-link to Tempo is added to the Loki data source.</p>
|
||||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">(Query: ${__value.raw}; Regex: (?:trace\.traceid|traceid)(?:":|=)"(\w+)")</span></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"> <img alt="clip0087" width="1457" height="310" style="margin:0;width:1457px;height:310px;border:none" src="clip0087.png"/></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="background-color: #ffffff;">Configuring Derived Fields will facilitate viewing of the trace's reference connection in Tempo.</span></p>
|
||||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="clip0088" width="2555" height="1111" style="margin:0;width:2555px;height:1111px;border:none" src="clip0088.png"/></p>
|
||||
|
||||
<div class="bottom-nav">
|
||||
|
||||
<a id="prev-link" class="topic__navi_prev" href="install-mimir.html">
|
||||
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
|
||||
class="bottom-nav__link">install-mimir.html</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a id="next-link" class="topic__navi_next" href="install-longhorn.html">
|
||||
<span class="bottom-nav__link">install-longhorn.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>
|
||||
<script type="text/javascript">
|
||||
HMInitToggle('TOGGLE0186A1','hm.type','dropdown','hm.state','0');
|
||||
HMInitToggle('TOGGLE0186A2','hm.type','dropdown','hm.state','0');
|
||||
HMInitToggle('TOGGLE0186A3','hm.type','dropdown','hm.state','0');
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
Reference in New Issue
Block a user