1<!DOCTYPE html> 2<html lang="ru"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>ÐÑимеÑÑ Ð¾ÑÑÑÑов Power BI â BI Data Connector</title> 7 <meta name="description" content="ÐоÑовÑе даÑбоÑÐ´Ñ Ð¸ оÑÑÑÑÑ Power BI Ð´Ð»Ñ ÐиÑÑикÑ24 на базе BI Data Connector. СводнÑе, конвеÑÑиÑ, менеджеÑÑ, каÑÑомнÑе ÑеÑениÑ."> 8 9 <link rel="canonical" href="https://bi-data.ru/bi-data-connector/dashboards/"> 10 <link rel="icon" href="/favicon.ico"> 11 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 12 <link rel="stylesheet" href="/assets/css/seo-safe-20260913.css"> 13 14 <meta property="og:type" content="website"> 15 <meta property="og:site_name" content="BI Data"> 16 <meta property="og:locale" content="ru_RU"> 17 <meta property="og:title" content="ÐÑимеÑÑ Ð¾ÑÑÑÑов Power BI â BI Data Connector"> 18 <meta property="og:description" content="ÐоÑовÑе даÑбоÑÐ´Ñ Ð¸ оÑÑÑÑÑ Power BI Ð´Ð»Ñ ÐиÑÑикÑ24 на базе BI Data Connector. СводнÑе, конвеÑÑиÑ, менеджеÑÑ, каÑÑомнÑе ÑеÑениÑ."> 19 <meta property="og:url" content="https://bi-data.ru/bi-data-connector/dashboards/"> 20 <meta property="og:image" content="https://bi-data.ru/assets/img/bi-analytics.png"> 21 <meta name="twitter:card" content="summary_large_image"> 22 <meta name="twitter:title" content="ÐÑимеÑÑ Ð¾ÑÑÑÑов Power BI â BI Data Connector"> 23 <meta name="twitter:description" content="ÐоÑовÑе даÑбоÑÐ´Ñ Ð¸ оÑÑÑÑÑ Power BI Ð´Ð»Ñ ÐиÑÑикÑ24 на базе BI Data Connector. СводнÑе, конвеÑÑиÑ, менеджеÑÑ, каÑÑомнÑе ÑеÑениÑ."> 24 <meta name="twitter:image" content="https://bi-data.ru/assets/img/bi-analytics.png"> 25 26 <link rel="stylesheet" type="text/css" href="/css/styles_modified.css"> 27 <link rel="stylesheet" href="/assets/fonts/font-awesome-5.15.4/css/all.min.css"> 28 <link rel="stylesheet" href="/assets/fonts/open-sans/open-sans.css"> 29 <link rel="stylesheet" href="/assets/css/mobile-header-20260917.css"> 30
30<script src="/assets/js/mobile-header-20260917.js" defer></script>
30 31 32
32<script type="application/ld+json"> 33 { 34 "@context": "https://schema.org", 35 "@type": "Organization", 36 "name": "BI Data", 37 "url": "https://bi-data.ru/", 38 "logo": "https://bi-data.ru/assets/img/logo.png", 39 "email": "[email protected]", 40 "telephone": "+7 495 196-11-60", 41 "address": { 42 "@type": "PostalAddress", 43 "addressCountry": "RU", 44 "postalCode": "129626", 45 "addressLocality": "ÐоÑква", 46 "streetAddress": "РижÑкий пÑоезд, д. 11" 47 } 48 } 49 </script>
49 50 51
51<script type="text/javascript">
vendor: 429 bytes, lines 51-57
51 52 (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; 53 m[i].l=1*new Date(); 54 for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} 55 k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) 56 (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); 57 ym(
5748255089
vendor: 93 bytes, lines 57-58
57, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); 58
58</script>
58 59 <noscript><div><img src="https://mc.yandex.ru/watch/48255089" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
vendor: 69 bytes, lines 59-60
59 60 <script async src="https://www.googletagmanager.com/gtag/js?id=
60G-H65X73JWE3
vendor: 17 bytes, lines 60-61
60"></script> 61
61<script> 62
vendor: 148 bytes, lines 62-65
62window.dataLayer = window.dataLayer || []; 63 function gtag(){dataLayer.push(arguments);} 64 gtag('js', new Date()); 65 gtag('config', '
65G-H65X73JWE3
vendor: 9 bytes, lines 65-66
65'); 66
66</script>
66 67 68</head> 69<body> 70 <header class="site-header"> 71 <div class="container header-container"> 72 <a href="https://bi-data.ru" class="header-logo-link"> 73 <img src="/assets/img/bi-data-logo.webp" alt="Logo BI Data" class="logo"> 74 </a> 75 <button class="site-header__toggle" type="button" aria-expanded="false" aria-controls="site-navigation connector-navigation" aria-label="ÐÑкÑÑÑÑ Ð¼ÐµÐ½Ñ"> 76 <span>ÐенÑ</span> 77 </button> 78 <div class="header-text-nav"> 79 <div class="header-text"> 80 <span class="header-title">РаÑÑиÑÑем возможноÑÑи ÐиÑÑикÑ24</span> 81 <p>ÐоннекÑÐ¾Ñ ÐиÑÑикÑ24 и дÑÑгие пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð´Ð»Ñ ÐиÑÑикÑ24</p> 82 </div> 83 <nav class="header-nav" id="site-navigation" aria-label="ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ Ð½Ð°Ð²Ð¸Ð³Ð°ÑиÑ"> 84 <div class="nav-dropdown"> 85 <button type="button" class="nav-dropdown-toggle" aria-expanded="false" aria-controls="connector-products">ÐоннекÑÐ¾Ñ <i class="fas fa-chevron-down" aria-hidden="true"></i></button> 86 <div class="nav-dropdown-menu" id="connector-products"> 87 <a href="/bi-data-connector/">Power BI</a> 88 <a href="/1c-connector/">1С: ÐаÑÑÑойка коннекÑоÑа</a> 89 <a href="https://www.bitrix24.ru/apps/app/mediatargeting.bidata/" target="_blank" rel="noopener noreferrer">PostgreSQL / MySQL</a> 90 </div> 91 </div> 92 <a href="/bitrix24/">ÐиÑÑикÑ24</a> 93 <a href="/#apps-section">ÐÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ ÐиÑÑикÑ24</a> 94 <a href="/blog/">Ðлог</a> 95 <a href="/tools/">ÐнÑÑÑÑменÑÑ Ð°Ð½Ð°Ð»Ð¸Ñика</a> 96 </nav> 97 </div> 98 99 <!-- ÐÑоÑое Ð¼ÐµÐ½Ñ Ð´Ð»Ñ ÑÑÑаниÑÑ ÐºÐ¾Ð½Ð½ÐµÐºÑоÑа --> 100 <nav class="connector-nav" id="connector-navigation" aria-label="Ð Ð°Ð·Ð´ÐµÐ»Ñ ÐºÐ¾Ð½Ð½ÐµÐºÑоÑа"> 101 <div class="connector-nav-items"> 102 <a href="/bi-data-connector/" class="connector-nav-item">РеÑение</a> 103 <a href="/bi-data-connector/#setup" class="connector-nav-item">ÐаÑÑÑойка</a> 104 <a href="/bi-data-connector/dashboards/" class="connector-nav-item">ÐÑимеÑÑ Ð¾ÑÑÑÑов</a> 105 <a href="/bi-data-connector/partners/" class="connector-nav-item">ÐаÑÑнÑÑам</a> 106 <a href="/bi-data-connector/docs/" class="connector-nav-item">ÐокÑменÑаÑиÑ</a> 107 <a href="/bi-data-connector/faq/" class="connector-nav-item">FAQ</a> 108 </div> 109 </nav> 110 </div> 111 </header> 112<nav class="container connector-breadcrumbs" aria-label="ХлебнÑе кÑоÑки"><ol><li><a href="/">ÐлавнаÑ</a></li><li><a href="/bi-data-connector/">BI Data Connector</a></li><li><span aria-current="page">ÐÑимеÑÑ Ð¾ÑÑÑÑов</span></li></ol></nav>
112<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ÐлавнаÑ","item":"https://bi-data.ru/"},{"@type":"ListItem","position":2,"name":"BI Data Connector","item":"https://bi-data.ru/bi-data-connector/"},{"@type":"ListItem","position":3,"name":"ÐÑимеÑÑ Ð¾ÑÑÑÑов","item":"https://bi-data.ru/bi-data-connector/dashboards/"}]}</script>
112 113 <style> 114 /* СÑили Ð´Ð»Ñ Ð²ÑпадаÑÑего Ð¼ÐµÐ½Ñ */ 115 .nav-dropdown { 116 position: relative; 117 display: inline-block; 118 } 119 120 .nav-dropdown-toggle { 121 display: flex; 122 align-items: center; 123 gap: 5px; 124 cursor: pointer; 125 } 126 127 .nav-dropdown-toggle i { 128 font-size: 0.8em; 129 transition: transform 0.2s ease; 130 } 131 132 .nav-dropdown:hover .nav-dropdown-toggle i { 133 transform: rotate(180deg); 134 } 135 136 .nav-dropdown-menu { 137 position: absolute; 138 top: 100%; 139 left: 0; 140 background: white; 141 border: 1px solid var(--border-color); 142 border-radius: 6px; 143 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 144 min-width: 200px; 145 opacity: 0; 146 visibility: hidden; 147 transform: translateY(-10px); 148 transition: all 0.2s ease; 149 z-index: 1000; 150 } 151 152 .nav-dropdown:hover .nav-dropdown-menu { 153 opacity: 1; 154 visibility: visible; 155 transform: translateY(0); 156 } 157 158 .nav-dropdown-menu a { 159 display: block; 160 padding: 12px 16px; 161 color: var(--text-dark); 162 text-decoration: none; 163 border-bottom: 1px solid var(--border-color); 164 transition: background-color 0.2s ease; 165 font-size: 0.9em; 166 } 167 168 .nav-dropdown-menu a:last-child { 169 border-bottom: none; 170 } 171 172 .nav-dropdown-menu a:hover { 173 background-color: #f8f9fa; 174 color: var(--primary-color); 175 } 176 177 /* ÐдапÑивноÑÑÑ Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑнÑÑ */ 178 @media (max-width: 768px) { 179 .nav-dropdown-menu { 180 position: static; 181 opacity: 1; 182 visibility: visible; 183 transform: none; 184 box-shadow: none; 185 border: none; 186 background: transparent; 187 margin-top: 10px; 188 } 189 190 .nav-dropdown-menu a { 191 padding: 8px 0; 192 border-bottom: none; 193 } 194 } 195 196 /* СÑили Ð´Ð»Ñ Ð²ÑоÑого Ð¼ÐµÐ½Ñ ÐºÐ¾Ð½Ð½ÐµÐºÑоÑа */ 197 .connector-nav { 198 background: #f8f9fa; 199 border-bottom: 1px solid var(--border-color); 200 padding: 0; 201 margin-top: 0; 202 position: static; 203 box-shadow: none; 204 width: 100%; 205 pointer-events: auto !important; 206 z-index: 1000 !important; 207 overflow-x: hidden; 208 } 209 .connector-nav-items { 210 display: flex; 211 flex-wrap: nowrap; 212 justify-content: center; 213 align-items: center; 214 gap: 30px; 215 padding: 0 20px; 216 overflow-x: auto; 217 scrollbar-width: thin; 218 scrollbar-color: #007bff #f8f9fa; 219 width: 100%; 220 min-height: 56px; 221 pointer-events: auto !important; 222 z-index: 1001 !important; 223 box-sizing: border-box; 224 max-width: 100%; 225 } 226 .connector-nav-items::-webkit-scrollbar { 227 height: 6px; 228 } 229 .connector-nav-items::-webkit-scrollbar-thumb { 230 background: #007bff; 231 border-radius: 3px; 232 } 233 .connector-nav-item { 234 color: var(--text-dark); 235 text-decoration: none; 236 font-size: 1.1em; 237 font-weight: 500; 238 padding: 16px 24px 16px 24px; 239 border-radius: 6px; 240 transition: all 0.2s ease; 241 display: block; 242 white-space: nowrap; 243 background: none; 244 border: none; 245 cursor: pointer; 246 z-index: 1002 !important; 247 position: relative; 248 pointer-events: auto !important; 249 } 250 .connector-nav-item:hover, 251 .connector-nav-item.active { 252 background: var(--primary-color); 253 color: white; 254 } 255 @media (max-width: 1024px) { 256 .connector-nav-items { 257 gap: 15px; 258 padding: 0 10px; 259 } 260 .connector-nav-item { 261 font-size: 1em; 262 padding: 14px 16px; 263 } 264 } 265 @media (max-width: 768px) { 266 .connector-nav-items { 267 gap: 10px; 268 padding: 0 5px; 269 } 270 .connector-nav-item { 271 font-size: 0.95em; 272 padding: 12px 10px; 273 } 274 } 275 </style> 276 277
277<script> 278 // ÐодÑвеÑка акÑивного пÑнкÑа Ð¼ÐµÐ½Ñ ÐºÐ¾Ð½Ð½ÐµÐºÑоÑа 279 document.addEventListener('DOMContentLoaded', function() { 280 const connectorNavItems = document.querySelectorAll('.connector-nav-item'); 281 const currentPath = window.location.pathname; 282 const currentHash = window.location.hash; 283 284 connectorNavItems.forEach(item => { 285 const itemHref = item.getAttribute('href'); 286 287 // ÐÑовеÑÑем ÑоÑное Ñовпадение или Ñовпадение Ñ Ñ ÐµÑем 288 if (itemHref === currentPath || 289 (itemHref.includes('#') && itemHref === currentPath + currentHash) || 290 (currentPath.includes('/bi-data-connector/') && itemHref === '/bi-data-connector/' && currentPath === '/bi-data-connector/')) { 291 item.classList.add('active'); 292 } 293 }); 294 }); 295 </script>
295 296<main class="container"> 297 298<section class="section"> 299 <h1 class="section-title"><i class="fas fa-chart-bar"></i> ÐÑимеÑÑ Ð¾ÑÑÑÑов Power BI</h1> 300 <p class="section-description"> 301 ÐоллекÑÐ¸Ñ Ð³Ð¾ÑовÑÑ Ð¾ÑÑÑÑов Power BI, ÑозданнÑÑ Ð½Ð° оÑнове даннÑÑ Ð¸Ð· ÐиÑÑикÑ24. 302 ÐÑе оÑÑÑÑÑ Ð¸ÑполÑзÑÑÑ BI Data Connector и демонÑÑÑиÑÑÑÑ ÑазлиÑнÑе аÑпекÑÑ Ð°Ð½Ð°Ð»Ð¸Ñики CRM. 303 </p> 304</section> 305 306<section class="section"> 307 <div class="dashboard-navigation"> 308 <div class="nav-item active" data-dashboard="deals"> 309 <i class="fas fa-handshake"></i> 310 <span>СводнÑй оÑÑÑÑ</span> 311 </div> 312 <div class="nav-item" data-dashboard="conversion"> 313 <i class="fas fa-funnel-dollar"></i> 314 <span>ÐонвеÑÑиÑ</span> 315 </div> 316 <div class="nav-item" data-dashboard="managers"> 317 <i class="fas fa-users"></i> 318 <span>ÐенеджеÑÑ</span> 319 </div> 320 </div> 321 322 <div class="dashboard-content"> 323 <!-- СводнÑй оÑÑÑÑ --> 324 <div class="dashboard-item active" id="deals"> 325 <div class="dashboard-header"> 326 <h2>СводнÑй оÑÑÑÑ Ð¿Ð¾ Ñделкам</h2> 327 <div class="dashboard-actions"> 328 <a href="https://bi-data.ru/deals.pbit" class="btn btn-primary"> 329 <i class="fas fa-download"></i> СкаÑаÑÑ .pbit 330 </a> 331 </div> 332 </div> 333 <div class="dashboard-description"> 334 <p>ÐÑÐ¾Ñ Ð¾ÑÑÐµÑ Power BI позволÑÐµÑ Ð¾ÑениÑÑ Ñ Ð¾Ð´ и ÑезÑлÑÑаÑÑ Ñделок за вÑбÑаннÑй пеÑиод. ÐклÑÑаеÑ:</p> 335 <ul> 336 <li>ÐÑаÑик Ñ ÑенденÑиÑми по вÑемени</li> 337 <li>ТаблиÑÑ Ñ Ð¿Ð¾Ð´Ñобной инÑоÑмаÑией по каждой Ñделке</li> 338 <li>СводнÑе даннÑе по обÑÐµÐ¼Ñ Ð¾Ð±ÑÐµÐ¼Ñ Ð¸ ÑÑÐµÐ´Ð½ÐµÐ¼Ñ ÑекÑ</li> 339 <li>ÐнÑеÑакÑивнÑе ÑилÑÑÑÑ Ð´Ð»Ñ ÑегменÑаÑии даннÑÑ </li> 340 </ul> 341 </div> 342 <div class="dashboard-embed"> 343 <iframe 344 src="https://app.powerbi.com/view?r=eyJrIjoiYjUyMmQzOWQtZGJjMS00MGY5LWE2MjUtYzM1OTcyMjk1OTllIiwidCI6ImU3NTRhZmI2LWUzMDItNGI0Ni1iNjRkLWE2MjU0ZjQxMDNmMCIsImMiOjl9" 345 frameborder="0" 346 allowfullscreen="true" 347 title="СводнÑй оÑÑÑÑ Ð¿Ð¾ Ñделкам"> 348 </iframe> 349 </div> 350 </div> 351 352 <!-- ÐÑÑÑÑ Ð¿Ð¾ конвеÑÑии --> 353 <div class="dashboard-item" id="conversion"> 354 <div class="dashboard-header"> 355 <h2>ÐÑÑÑÑ Ð¿Ð¾ конвеÑÑии</h2> 356 <div class="dashboard-actions"> 357 <a href="https://bi-data.ru/conversion.pbit" class="btn btn-primary"> 358 <i class="fas fa-download"></i> СкаÑаÑÑ .pbit 359 </a> 360 </div> 361 </div> 362 <div class="dashboard-description"> 363 <p>ÐомплекÑнÑй анализ Ñделок и Ð¸Ñ ÑÑадий конвеÑÑии. ÐозможноÑÑи оÑÑÑÑа:</p> 364 <ul> 365 <li>ÐинамиÑнÑе гÑаÑики ÑÑÐ¿ÐµÑ Ð° и пÑоизводиÑелÑноÑÑи Ñделок</li> 366 <li>СводнÑе диагÑÐ°Ð¼Ð¼Ñ Ð¿Ð¾ ÑÑадиÑм воÑонки</li> 367 <li>ÐеÑалÑнÑе даннÑе по каждой Ñделке и ÐµÑ Ð¸ÑÑ Ð¾Ð´Ð°Ð¼</li> 368 <li>ÐденÑиÑикаÑÐ¸Ñ Ð¾Ð±Ð»Ð°ÑÑей Ð´Ð»Ñ ÑлÑÑÑениÑ</li> 369 <li>Ðнализ поÑенÑиалÑного ÑоÑÑа</li> 370 </ul> 371 </div> 372 <div class="dashboard-embed"> 373 <iframe 374 src="https://app.powerbi.com/view?r=eyJrIjoiMjI2MmY3ZTQtZDQ2OS00Nzg3LWI2NTYtMDU3M2RlYjJiOWE0IiwidCI6ImU3NTRhZmI2LWUzMDItNGI0Ni1iNjRkLWE2MjU0ZjQxMDNmMCIsImMiOjl9" 375 frameborder="0" 376 allowfullscreen="true" 377 title="ÐÑÑÑÑ Ð¿Ð¾ конвеÑÑии"> 378 </iframe> 379 </div> 380 </div> 381 382 <!-- ÐÑÑÑÑ Ð¿Ð¾ менеджеÑам --> 383 <div class="dashboard-item" id="managers"> 384 <div class="dashboard-header"> 385 <h2>ÐÑÑÑÑ Ð¿Ð¾ менеджеÑам и делам</h2> 386 <div class="dashboard-actions">
387 <a href="https://bi-data.ru/manager.pbit" class="btn btn-primary"> 388 <i class="fas fa-download"></i> СкаÑаÑÑ .pbit 389 </a> 390 </div> 391 </div> 392 <div class="dashboard-description"> 393 <p>ÐеÑалÑнÑй анализ ÑабоÑÑ Ð¼ÐµÐ½ÐµÐ´Ð¶ÐµÑов и акÑивноÑÑи по Ñделкам:</p> 394 <ul> 395 <li>ТаблиÑа Ñделок Ñ ID, ÑÑммой, ÑÑаÑÑÑом и акÑивноÑÑÑÑ</li> 396 <li>ÐиÑÑогÑамма ÑаÑпÑÐµÐ´ÐµÐ»ÐµÐ½Ð¸Ñ Ñделок по даÑе ÑозданиÑ</li> 397 <li>Ðинамика ÑÑеднего вÑемени по ÑÑадиÑм</li> 398 <li>Ðнализ пÑоÑÑоÑеннÑÑ Ð¿Ð»Ð°Ñежей по менеджеÑам</li> 399 <li>ÐониÑоÑинг "забÑÑÑÑ " Ñделок</li> 400 </ul> 401 </div> 402 <div class="dashboard-embed"> 403 <iframe 404 src="https://app.powerbi.com/view?r=eyJrIjoiYjJkODM4NmYtZjRiNi00YTVjLWE5MWMtNDEwNDdjODY1ODcxIiwidCI6ImU3NTRhZmI2LWUzMDItNGI0Ni1iNjRkLWE2MjU0ZjQxMDNmMCIsImMiOjl9" 405 frameborder="0" 406 allowfullscreen="true" 407 title="ÐÑÑÑÑ Ð¿Ð¾ менеджеÑам"> 408 </iframe> 409 </div> 410 </div> 411 </div> 412</section> 413 414<section class="section section-highlight"> 415 <h2 class="section-title"><i class="fas fa-lightbulb"></i> ÐÑжен каÑÑомнÑй оÑÑÑÑ?</h2> 416 <div class="custom-report-info"> 417 <div class="info-text"> 418 <p>ÐÑ ÑоздаÑм индивидÑалÑнÑе оÑÑÑÑÑ Power BI под ваÑи задаÑи:</p> 419 <ul> 420 <li>ÐÑÑÑÑÑ Ð¿Ð¾ оÑÑаÑлевой ÑпеÑиÑике</li> 421 <li>ÐнÑегÑаÑÐ¸Ñ Ñ Ð´Ð¾Ð¿Ð¾Ð»Ð½Ð¸ÑелÑнÑми иÑÑоÑниками даннÑÑ </li> 422 <li>ÐаÑÑомнÑе меÑÑики и KPI</li> 423 <li>ÐÑендинг и ÑиÑменнÑй ÑÑилÑ</li> 424 </ul> 425 </div> 426 <div class="info-action"> 427 <div class="price-info"> 428 <span class="price">Ð¾Ñ 2 000 â½/ÑаÑ</span> 429 <span class="price-desc">ÐÑенка по ТÐ</span> 430 </div> 431 <a href="/bi-data-connector/#contact" class="btn btn-primary btn-large"> 432 <i class="fas fa-envelope"></i> ÐаказаÑÑ ÑазÑабоÑÐºÑ 433 </a> 434 </div> 435 </div> 436</section> 437 438</main> 439
440<script> 441// ÐеÑеклÑÑение Ð¼ÐµÐ¶Ð´Ñ Ð¾ÑÑÑÑами 442document.addEventListener('DOMContentLoaded', function() { 443 const navItems = document.querySelectorAll('.nav-item'); 444 const dashboardItems = document.querySelectorAll('.dashboard-item'); 445 446 navItems.forEach(item => { 447 item.addEventListener('click', function() { 448 const dashboardId = this.dataset.dashboard; 449 450 // УбиÑаем акÑивнÑй клаÑÑ Ñо вÑÐµÑ ÑлеменÑов 451 navItems.forEach(nav => nav.classList.remove('active')); 452 dashboardItems.forEach(dashboard => dashboard.classList.remove('active')); 453 454 // ÐобавлÑем акÑивнÑй клаÑÑ Ðº вÑбÑаннÑм ÑлеменÑам 455 this.classList.add('active'); 456 document.getElementById(dashboardId).classList.add('active'); 457 }); 458 }); 459}); 460</script>
460 461<footer class="footer-container"> 462 <div class="container"> <ul> 463 <li><i class="fas fa-phone-alt"></i> <a href="tel:74951961160">+7 495 196-11-60</a></li> 464 <li><i class="fas fa-envelope"></i> <a href="mailto:[email protected]">[email protected]</a></li> 465 <li><i class="fab fa-telegram"></i> <a href="https://t.me/SergeyMushtuk" target="_blank" rel="noopener noreferrer">SergeyMushtuk</a></li> 466 <li><i class="fas fa-pen"></i> <a href="https://bi-data.ru/blog/" target="_blank" rel="noopener noreferrer">Ðлог</a></li> 467 <li>129626, ÐоÑква, РижÑкий пÑоезд, д. 11</li> 468 <li><a href="/privacy/">ÐолиÑика конÑиденÑиалÑноÑÑи</a></li> 469 <li><a href="/offer/">ÐÑблиÑÐ½Ð°Ñ Ð¾ÑеÑÑа</a></li> 470</ul> 471 </div> </footer> 472 473 <button id="back-to-top" onclick="topFunction()" title="ÐавеÑÑ " aria-label="ÐавеÑÑ "> <i class="fas fa-arrow-up"></i> </button> 474 475
475<script> 476 const topButton = document.getElementById("back-to-top"); 477 478 // Show button when scrolling down 479 window.onscroll = function() { 480 if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { // Show after scrolling more 481 topButton.style.display = "block"; 482 topButton.style.opacity = "1"; 483 } else { 484 topButton.style.opacity = "0"; 485 // Use timeout to hide after fade out transition (if added in CSS) 486 setTimeout(() => { topButton.style.display = "none"; }, 300); // Match CSS transition time 487 } 488 }; 489 490 // Scroll to top function 491 function topFunction() { 492 window.scrollTo({top: 0, behavior: 'smooth'}); // Smooth scroll 493 } 494 </script>
494 495 496</body> 497</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.