templates/default/manual.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body_id 'homepage' %}
  5. {% block header %}{% endblock %}
  6. {% block footer %}{% endblock %}
  8. {% set imgPath = '/build/images/' %}
  10. {% block body %}
  12. <section> 
  13.     <div class="container mb-5"> 
  14.         <div class="header-template">
  15.             <h2> Інструкція</h1>
  16.             <p class="lead mb-0">Обов'язковa для ознайомлення перед користуванням Воротами</p>
  17.         </div>
  18.         <div>
  19.             <nav>
  20.                 <div class="nav nav-tabs" id="nav-tab" role="tablist">
  21.                     <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">
  22.                         Експлуатація
  23.                     </button>
  24.                     <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">
  25.                         Тех.діагностика
  26.                     </button>
  27.                     <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">
  28.                         Модуль
  29.                     </button>
  30.                     <button class="nav-link" id="nav-disabled-tab" data-bs-toggle="tab" data-bs-target="#nav-motor" type="button" role="tab" aria-controls="nav-motor" aria-selected="false">
  31.                         Мотори
  32.                     </button>
  34.                     <button class="nav-link" id="nav-disabled-tab" data-bs-toggle="tab" data-bs-target="#nav-disabled" type="button" role="tab" aria-controls="nav-disabled" aria-selected="false">
  35.                         Випадки
  36.                     </button>
  37.                 </div>
  38.             </nav>
  39.             <div class="tab-content" id="nav-tabContent">
  40.                 <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab" tabindex="0">
  42.                     {### INSTRUCTION ###}
  43.                     <div class="accordion" id="accordionExample">
  44.                         <div class="accordion-item">
  45.                             <h2 class="accordion-header">
  46.                                 <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  47.                                     В'їзд/виїзд
  48.                                 </button>
  49.                             </h2>
  50.                             <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
  51.                                 <div class="accordion-body">
  52.                                     <ul> 
  53.                                         <li>Не під'їжай до воріт впритул перед відкриттям. Спрацюють фото датчики і ворота не відкриються.</li>
  54.                                         <li>Дочекайся повного відкриття воріт. Якщо почати рух до цього - спрацюють фото датчики і ворота зупиняться аварійно</li>
  55.                                         <li>Переконайся що немає сильного вітру (перешкод на шляху Стулки). Якщо є перешкода ворота зупиняться аварійно і відкотяться на декілька градусів назад</li>
  56.                                         <li>Не зволікай з заїздом. Після відкриття в тебе є 30 секунд поки ворота не почнуть автоматично закриватися. <strong>Ворота дозволу не питають</strong></li>
  57.                                         <li>Не зволікай з виїздом. Після відкриття в тебе є 30 секунд поки ворота не почнуть автоматично закриватися. Фото датчиків на Стулках воріт немає, лише на Стовбцях. <strong>З Автоматикою неможливо домовитися</strong></li>
  58.                                     </ul>
  59.                                     <strong>Обов'язково переконайся </strong>що ти <b>розумієш</b> всі ці пункти. Перед першим користуванням здійсни 3 пробних відкриття.<strong> Зрозумій </strong> як працює автоматика і що можна від неї очікувати.
  60.                                 </div>
  61.                             </div>
  62.                         </div>
  63.                         <div class="accordion-item">
  64.                             <h2 class="accordion-header">
  65.                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  66.                                     Особливості
  67.                                 </button>
  68.                             </h2>
  69.                             <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
  70.                                 <div class="accordion-body">
  71.                                     <ul>
  72.                                         <li>Фото сенсори. Якщо перетнути лінію воріт під час відкриття - спрацює аварійна зупинка. Ворота відкотяться назад.</li>
  73.                                         <li>Сигнальна лампа. Спрацьовує під час руху Стулок</li>
  74.                                         <li>Автозамикання. Після 30 секунд ворота автоматично закриються</li>
  75.                                         <li>Виявлення перешкод. Якщо на шляху Стулки є механічна перешкода - ворота зупиняться аварійно і відкотяться назад.</li>
  76.                                     </ul>
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                     </div>
  82.                     {### VIDEO INSTRUCTION ###}
  83.                     <div class="row mt-4 row-cols-1 row-cols-md-3 g-4 video-accordion">
  84.                         <div class="col">
  85.                             <div class="card">
  86.                                 <iframe src="https://drive.google.com/file/d/1G7l-D7_CEx-6Tof51KJHpm1Dl8lpOKNY/preview" width="auto" height="300" allow="autoplay"></iframe>
  87.                                 <div class="card-body">
  88.                                     <h5 class="card-title">Автоматика Робоча. 06 квітня 2024</h5>
  89.                                     <p class="card-text">Затримка автозакривання воріт 30 секунд. з 00:20 до 00:50</p>
  90.                                 </div>
  91.                             </div>
  92.                         </div>
  93.                         <div class="col">
  94.                             <div class="card">
  95.                                 <iframe src="https://drive.google.com/file/d/1GU8f-NmIqFDcwClRIrINGEDKyq8g5Dqz/preview" width="auto" height="300" allow="autoplay"></iframe>
  96.                                 <div class="card-body">
  97.                                     <h5 class="card-title">Неповне відкриття. 03 квітня 2024</h5>
  98.                                     <p class="card-text">Плата автоматики бачить перешкоду. Збільшили крутний момент мотора №1 з 10% (завод) до 50%.</p>
  99.                                 </div>
  100.                             </div>
  101.                         </div>
  102.                         <div class="col">
  103.                             <div class="card">
  104.                                 <iframe src="https://drive.google.com/file/d/1FfzRrQ25mbm-UHc_kxZ1cjhKuqlswJOY/preview" width="auto" height="300" allow="autoplay"></iframe>
  105.                                 <div class="card-body">
  106.                                     <h5 class="card-title">Спрацювання фото датчиків. 06 квітня 2024</h5>
  107.                                     <p class="card-text">Все коментує Майстер.</p>
  108.                                 </div>
  109.                             </div>
  110.                         </div>
  111.                         <div class="col">
  112.                             <div class="card">
  113.                                 <iframe src="https://drive.google.com/file/d/1FUhQjbhaLP5Klz-72euSER0z9FulYoLW/preview" width="auto" height="300" allow="autoplay"></iframe>
  114.                                 <div class="card-body">
  115.                                     <h5 class="card-title">Ворота відкочуються назад. 01 квітня 2024.</h5>
  116.                                     <p class="card-text">Автоматика бачить перешкоду (не вистачає крутного моменту). Ворота зупиняться, в положенні недокінця відкритому і більше рухатися не будуть, поки не позвонити/пульт.</p>
  117.                                 </div>
  118.                             </div>
  119.                         </div>
  121.                         <div class="col">
  122.                             <div class="card">
  123.                                 <iframe src="https://drive.google.com/file/d/1FfzRrQ25mbm-UHc_kxZ1cjhKuqlswJOY/preview" width="auto" height="300" allow="autoplay"></iframe>
  124.                                 <div class="card-body">
  125.                                     <h5 class="card-title">Ворота не відкриються. 06 квітня 2024.</h5>
  126.                                     <p class="card-text">Ворота не відкриються якщо стояти на лінії воріт.</p>
  127.                                 </div>
  128.                             </div>
  129.                         </div>
  130.                     </div>
  132.                 </div>
  134.                 {### GEOMETRY ###}
  135.                 <div class="tab-pane fade m-4" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab" tabindex="0">
  136.                     <h6>18.Квітня 2024 - контроль геометрії Воріт. </h6>
  137.                     <p>Геометрія в допуску до 3 мм. Ідеально виставлені.</p>
  138.                     <div id="carouselExampleCaptions" class="carousel slide geometry">
  139.                         <div class="carousel-indicators">
  140.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  141.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
  142.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
  143.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
  144.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
  145.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"></button>
  146.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="6" aria-label="Slide 7"></button>
  147.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="7" aria-label="Slide 8"></button>
  148.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="8" aria-label="Slide 9"></button>
  149.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="9" aria-label="Slide 10"></button>
  150.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="10" aria-label="Slide 11"></button>
  151.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="11" aria-label="Slide 12"></button>
  152.                             <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="12" aria-label="Slide 13"></button>
  153.                         </div>
  154.                         <div class="carousel-inner">
  155.                             <div class="carousel-item active">
  156.                                 <iframe src="https://drive.google.com/file/d/1ETqmyRbq26UFAyJ7D4RUbAlQZ4pZi0X2/preview" width="100%" height="auto"></iframe>
  157.                                 <div class="carousel-caption d-none d-md-block">
  158.                                     <h5>Геометрія воріт. Коментує майстер</h5>
  159.                                 </div>
  160.                             </div>
  161.                             <div class="carousel-item">
  162.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-44.jpg" }}" class="d-block w-100">
  163.                             </div>
  164.                             <div class="carousel-item">
  165.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-41.jpg" }}" class="d-block w-100">
  166.                             </div>
  167.                             <div class="carousel-item">
  168.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-37.jpg" }}" class="d-block w-100">
  169.                             </div>
  170.                             <div class="carousel-item">
  171.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-34.jpg" }}" class="d-block w-100">
  172.                             </div>
  173.                             <div class="carousel-item">
  174.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-30.jpg" }}" class="d-block w-100">
  175.                             </div>
  176.                             <div class="carousel-item">
  177.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-27.jpg" }}" class="d-block w-100">
  178.                             </div>
  179.                             <div class="carousel-item">
  180.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-23.jpg" }}" class="d-block w-100">
  181.                             </div>
  182.                             <div class="carousel-item">
  183.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-20.jpg" }}" class="d-block w-100">
  184.                             </div>
  185.                             <div class="carousel-item">
  186.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-16.jpg" }}" class="d-block w-100">
  187.                             </div>
  188.                             <div class="carousel-item">
  189.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-13.jpg" }}" class="d-block w-100">
  190.                             </div>
  191.                             <div class="carousel-item">
  192.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-10.jpg" }}" class="d-block w-100">
  193.                             </div>
  194.                             <div class="carousel-item">
  195.                                 <img src="{{ imgPath ~ "photo_2024-04-28_20-55-04.jpg" }}" class="d-block w-100">
  196.                             </div>
  198.                         </div>
  199.                         <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
  200.                             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  201.                             <span class="visually-hidden">Previous</span>
  202.                         </button>
  203.                         <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
  204.                             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  205.                             <span class="visually-hidden">Next</span>
  206.                         </button>
  207.                     </div>
  208.                 </div>
  210.                 {### MOTORS ###}
  211.                 <div class="tab-pane fade m-4 motor" id="nav-motor" role="tabpanel" aria-labelledby="nav-motor-tab" tabindex="0">
  212.                     <p>Мотори мають люфт кріплення. Так і повинно бути. Мотори змащували (див. фото). На лівому (як заїжати в Двір) збільшили крутний момент до 50%.</p>
  213.                     <div class="card mb-3">
  214.                         <img src="{{ imgPath ~ "maslo.jpg" }}" class="rounded d-block object-fit-contain img-fluid">
  216.                         <div class="card-body">
  217.                             <h5 class="card-title">Масло. 17 квітня 2024</h5>
  218.                             <p class="card-text">Тугий лівий (на в'їзд) мотор.</p>
  219.                         </div>
  220.                     </div>
  222.                 </div>
  224.                 {### MODULE ###}
  225.                 <div class="tab-pane fade modul m-4" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab" tabindex="0">
  226.                     <p>Є підозра що модуль несправний. Після короткого замикання. Модуль повинен подавати на плату контролера імпульсний сигнал. Тобто після кожного дзвінка збивати до завершення розпочатої дії. Якщо модуль не збиває дзвінок - сигнал подається постійно, контроллер стартує/зупиняє багаторазово. Придбано новий модуль тієї самої фірми. Запрограмую. Змонтуєм і справдим.
  227.                     </p>
  229.                     <div class="card mb-3">
  230.                         <iframe src="https://drive.google.com/file/d/1I_NPV3uHYD-nbZP2UU7QDauyfQowGI32/preview" width="auto" height="260px" allow="autoplay"></iframe>
  232.                         <div class="card-body">
  233.                             <h5 class="card-title">G203 Новий модуль. 28 квітня 2024</h5>
  234.                             <p class="card-text">Імпульсний Сигнал - замкнув і відпустив. Дзвінок збиває.</p>
  235.                         </div>
  236.                     </div>
  237.                 </div>
  239.                 {### CASES ###}
  240.                 <div class="tab-pane fade m-4" id="nav-disabled" role="tabpanel" aria-labelledby="nav-disabled-tab" tabindex="0">
  241.                     <ul>
  242.                         <li>Спалили GSM модуль - майстер (ПП "ГЕФЕСТ", ЄДРПОУ 0020546801) подав 220~ на 9-24 DC. Відремонтовано</li>
  243.                         <li>Відірвали провід ближнього геркона мотор №1. Виявлено. Відремонтовано</li>
  244.                         <li>Ворота зупинялися на пів-шляху до повторного дзвінка/пульта. Замалий крутний момент. Збільшили з 10% до 50%. Долили масла в мотор.
  245.                             <p>Не помоголо. Повторюється </p>
  246.                         </li>
  247.                         <li>Ворота почали закриватися під час проїзду і пошкодили ЛФП автівки. <p>Дослівно зі слів потерпілої:</p>
  249.                             <span class="blockquote-footer"><cite>після першого телефонного дзвінка ворота відчинились до половини, після другого ворота відкрились на достатню ширину для проїзду i я здійснила рух автомобілем. Загалом тривало це 3-4 секунди і вони знову почали закриватися в момент мого проїзду, внаслідок чого відбулося пошкодження лакофарбового покриття ТЗ. </cite>
  250.                             </span>
  251.                             <p>Відшкодовано 2500 грн 00 коп.</p>
  252.                         </li>
  253.                         <li>Майстер (прости господи) ПП "ГЕФЕСТ", ЄДРПОУ 0020546801 під'єднав мотори кабелем з жорсткою жилою. Кабель перетерся - жила тріснула. Перепід'єднали багатожильним. Відремонтовано</li>
  254.                         <li>14.Чер 2024 встановлено ущільнювач на Стулки (на всякий пожарний)</li>
  255.                         <li>14.Чер 2024 замінено модуль на новий. Спостерігаємо чи ворота зупинятимуться на пів шляху. Не помогло. Це не модуль.</li>
  256.                         <li>Ворота не реагують. Вирішено. Їх відкрили ключем вручну зза відключення світла, і не замкнули назад</li>
  257.                         <li>06.Січ 2025 - перекусили дріт мотора. Визвали електрика</li>
  258.                     </ul>
  259.                 </div>
  261.             </div>
  262.         </div>
  263.     </div>
  264. </section>
  266. {% endblock %}