<!DOCTYPE HTML>
<html>

<head>
   <meta charset="UTF-8">
   <title>{{ProgName}} - {{Title}}</title>
   <link rel="stylesheet" href="/static/node_modules/bootstrap/dist/css/bootstrap.css">
   <meta name="viewport" content="width=device-width, initial-scale=1">


   <style type="text/css">

      
      .spoiler {
         display: none;
      }

      .mywindow2 {
         position: absolute;
         right: 0;
         bottom: 0;
      }
   </style>
</head>

<body >
   {{UserHeader|safe}}



   <p>1. Зайти и скачать дистрибутив с сайта <a href="https://rustdesk.com/" target="_blank">RustDesk</a> или скачать:
      <ul>
         <li><a href="https://github.com/rustdesk/rustdesk/releases/download/1.2.0/rustdesk-1.2.0-windows_x64.zip">дистрибутив для Windows v1.2.0 x64</a></li>
         <li><a href="https://github.com/rustdesk/rustdesk/releases/download/1.2.0/rustdesk-1.2.0.deb">дистрибутив для Linux (Mint, Ubuntu, Debian) v1.2.0 x64</a></li>
      </ul>
   </p>

   <p>2. Напротив ID нажать на троеточие и выбрать пункт “ID/Сервер ретрансляции”
      <p><img src="/static/image/rustdesk/rd2.png"></p>
      <p>3. Указать следующие настройки:<br>
         <div class="form-group">
            <label for="inputS1">ID-сервер:</label>
            <div class="form-row">
               <div class="col">
                  <input id="inputS1" type="text" class="form-control" value="elforcer.ru" readonly>
               </div>
               <div class="col">
                  <button type="button" class="btn btn-secondary" id="copyS1">Скопировать</button>
               </div>
            </div>
         </div>

         <div class="form-group">
            <label for="inputS2">Сервер ретрансляции:</label>
            <div class="form-row">
               <div class="col">
                  <input id="inputS2" type="text" class="form-control" value="elforcer.ru" readonly>
               </div>
               <div class="col">
                  <button type="button" class="btn btn-secondary" id="copyS2">Скопировать</button>
               </div>
            </div>
         </div>

         <div class="form-group">
            <label>Key:</label>
            <div class="form-row">
               <div class="col">
                  <input id="inputTextKey" class="form-control" type="text" value="WvJsIqJmAw8b65KnbmPGCXD9Jesuq4ak5KiHYg62e8o=" readonly>
               </div>
               <div class="col">
                  <button type="button" class="btn btn-secondary" id="copyKey">Скопировать</button>
               </div>
            </div>
         </div>

      </p>
      <p><img src="/static/image/rustdesk/rd3.png"></p>

      <p>
         4. Сообщить ваш ID для подключения.
      </p>

      <p>
         5. Нажать "Принять" в появившимся верхнем правом углу.
      </p>
      <p><img src="/static/image/rustdesk/rd3.png"></p>
   <script type="text/javascript">
      /* сохраняем текстовое поле в переменную text */
      var TextKey = document.getElementById("inputTextKey");
      var TextS1 = document.getElementById("inputS1");
      var TextS2 = document.getElementById("inputS2");

      /* сохраняем кнопку в переменную btn */
      var btnKey = document.getElementById("copyKey");
      var btnS1 = document.getElementById("copyS1");
      var btnS2 = document.getElementById("copyS2");

      /* вызываем функцию при нажатии на кнопку */
      btnKey.onclick = function () {
         TextKey.select();
         document.execCommand("copy");
      }

      btnS1.onclick = function () {
         TextS1.select();
         document.execCommand("copy");
      }

      btnS2.onclick = function () {
         TextS2.select();
         document.execCommand("copy");
      }
   </script>
      {{UserBottom|safe}}
</body>

</html>