api

Sleeping

App Files Files Community

DmitrMakeev commited on Aug 17, 2024

Commit

9cb6a65

verified ·

1 Parent(s): 9840951

Update settings.html

Browse files

Files changed (1) hide show

settings.html +93 -196

settings.html CHANGED Viewed

@@ -1,217 +1,114 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Contact Form</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
     <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
-         <style>
-        body {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            min-height: 100vh;
-            margin: 0;
-            background-color: black;
-            font-family: Arial, sans-serif;
-            color: white;
-        }
-        #focusis {
-            text-align: center;
-            margin-bottom: 20px;
-        }
-        .container {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            width: 100%;
-            padding: 20px;
-        }
-        #contactForm {
-            max-width: 500px;
-            width: 100%;
-            padding: 20px;
-            background-color: #000;
-            border: 2px solid orange;
-            border-radius: 10px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-            margin-top: 20px;
-        }
-        #contactForm h4 {
-            text-align: center;
-            margin-bottom: 20px;
-        }
-        .form-group {
-            margin-bottom: 15px;
-            text-align: center;
-        }
-        label {
-            display: block;
-            margin-bottom: 5px;
-        }
-        input, select {
-            width: 90%;
-            padding: 10px;
-            margin-bottom: 5px;
-            border: 1px solid #ffcc99; /* Светло-оранжевая обводка */
-            border-radius: 5px;
-            margin: 0 auto;
-            display: block;
-            background-color: #000;
-            color: white;
-        }
-        .form-check {
-            margin-bottom: 15px;
-            text-align: center;
-        }
-        .form-check-input {
-            margin-right: 5px;
-        }
-        .btn-primary {
-            display: inline-block;
-            padding: 10px 20px;
-            color: #fff;
-            background-color: orange;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            text-align: center;
-            text-decoration: none;
-            margin: 0 auto;
-            display: block;
-        }
-        .btn-primary:hover {
-            background-color: darkorange;
-        }
-        .responsive-image {
-            max-width: 100%;
-            height: auto;
-            display: block;
-            margin: 0 auto 20px auto;
-        }
-    </style>
-    <style>
-        .modal {
-            display: none; /* По умолчанию скрыто */
-            position: fixed;
-            z-index: 1000;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0,0,0,0.5); /* Полупрозрачный фон */
-        }
-        .modal-content {
-            background-color: #fff; /* Белый фон */
-            color: black; /* Черный текст */
-            border-radius: 10px;
-            padding: 20px;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 80%; /* Ширина 80% */
-            max-height: 80%;
-            overflow-y: auto;
-            box-shadow: 0 0 20px rgba(0,0,0,0.2);
-        }
-        .close {
-            color: black;
-            float: right;
-            font-size: 30px;
-            font-weight: bold;
-            cursor: pointer;
-        }
-        .close:hover,
-        .close:focus {
-            color: darkorange;
-            text-decoration: none;
-            cursor: pointer;
-        }
-        .modal-content iframe {
-            width: 100%;
-            height: 520px;
-            border: none;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div id="focusis"></div>
-        <img src="https://i.ibb.co/NrZMfsR/105.png" alt="Placeholder Image" class="responsive-image">
-        <div id="maaasg"></div>
-        <form id="contactForm">
             <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
             <div class="form-group">
-                <label for="name">Имя</label>
-                <input type="text" id="name" required>
             </div>
             <div class="form-group">
-                <label for="email">Почта</label>
-                <input type="email" id="email" required>
             </div>
             <div class="form-group">
-                <label for="phone">Телефон</label>
-                <input type="tel" id="phone" required>
             </div>
             <div class="form-group">
-                <label for="options">Выберите тариф</label>
-                <select id="options" required>
-                    <option value="" disabled selected>Тариф</option>
-                    <option>БИЗНЕС - 69 970р.</option>
-                    <option>PREMIUM - 89 970р.</option>
-                    <option>VIP - 149 990р.</option>
-                </select>
             </div>
             <div class="form-check">
-                <input type="checkbox" id="newsletter" required>
-                <label for="newsletter">Согласие на email рассылку</label>
             </div>
             <div class="form-group">
-                <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
             </div>
             <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
-        </form>
-        <div id="privacyModal" class="modal">
             <div class="modal-content">
-                <span class="close">&times;</span>
-                <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
-            </div>
         </div>
-    </div>
-        <br><br><br><br><br><br>
-    </div>
-<script type="text/javascript" src="https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js"></script>
-</body>
-</html>

+  <!DOCTYPE html>
+      <html lang="en">
+      <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Скачанная HTML-страница</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script>
     <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
+<script>
+vkBridge.send('VKWebAppInit');
+</script>
+        <style>* { box-sizing: border-box; } body {margin: 0;}</style>
+      </head>
+      <body>
+        <body><div id="id8i">
+        <div class="container">
+          <form id="contactForm">
             <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
             <div class="form-group">
+              <label for="name">Имя</label>
+              <input type="text" id="name" required>
             </div>
             <div class="form-group">
+              <label for="email">Почта</label>
+              <input type="email" id="email" required>
             </div>
             <div class="form-group">
+              <label for="phone">Телефон</label>
+              <input type="tel" id="phone" required>
             </div>
             <div class="form-group">
+              <label for="options">Выберите тариф</label>
+              <select id="options" required>
+                <option value="" disabled selected>Тариф</option>
+                <option>БИЗНЕС - 69 970р.</option>
+                <option>PREMIUM - 89 970р.</option>
+                <option>VIP - 149 990р.</option>
+              </select>
             </div>
             <div class="form-check">
+              <input type="checkbox" id="newsletter" required>
+              <label for="newsletter">Согласие на email рассылку</label>
             </div>
             <div class="form-group">
+              <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
             </div>
             <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
+          </form>
+          <div id="privacyModal" class="modal">
             <div class="modal-content">
+              <span class="close">&times;</span>
+            </div>
+          </div>
         </div>
+      </div></body><script>var props = {"id8i":{"submitUrl":"https://skyauto.me/cllbck/217669590/29234583/MXZmdldqa1g2dVZJbTZjRzFzUm45dz0"}};
+          var ids = Object.keys(props).map(function(id) { return '#'+id }).join(',');
+          var els = document.querySelectorAll(ids);
+          for (var i = 0, len = els.length; i < len; i++) {
+            var el = els[i];
+            (function(props) {
+        const form = this.querySelector('#contactForm');
+        form.addEventListener('submit', function(event) {
+          event.preventDefault();
+          const data = new URLSearchParams();
+          data.append('name', document.getElementById('name').value);
+          data.append('email', document.getElementById('email').value);
+          data.append('phone', document.getElementById('phone').value);
+          data.append('options', document.getElementById('options').value);
+          data.append('newsletter', document.getElementById('newsletter').checked);
+          // Добавляем данные VK API
+          if (sid_user) {
+            data.append('vk_user_id', sid_user);
+          }
+          if (!props.submitUrl) {
+            console.error('Submit URL is not defined');
+            return;
+          }
+          console.log('Form Data:', data.toString()); // Выводим данные формы в консоль
+          console.log('Submit URL:', props.submitUrl); // Выводим URL в консоль
+          fetch(props.submitUrl + '&api=1&uid=' + sid_user, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/x-www-form-urlencoded'
+            },
+            body: data.toString()
+          })
+          .then(response => {
+            console.log('Ответ сервера:', response); // Проверка ответа сервера
+            if (!response.ok) {
+              throw new Error('Ошибка HTTP: ' + response.status);
+            }
+            return response.json();
+          })
+          .then(data => {
+            console.log('Данные от сервера:', data); // Вывод ответа сервера в консоль
+            if (data.redirect) {
+              window.location.href = data.redirect;
+            }
+          })
+          .catch(error => {
+            console.error('Error:', error);
+          });
+        });
+      }.bind(el))(props[el.id]);
+          }</script>
+      </body>
+      </html>