psy4

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 27

Commit

8e7c380

•

1 Parent(s): 5bdb967

Update bas_vk_tab.html

Browse files

Files changed (1) hide show

bas_vk_tab.html +2 -171

bas_vk_tab.html CHANGED Viewed

@@ -1,169 +1,3 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>WhatsMasterCRM</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>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
-<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
-<script type="text/javascript" src="https://oss.sheetjs.com/sheetjs/xlsx.full.min.js"></script>
-<!-- Подключение стилей Notyf -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf/notyf.min.css">
-<!-- Подключение скрипта Notyf -->
-<script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
-<link href="https://unpkg.com/tabulator-tables@6.2.1/dist/css/tabulator.min.css" rel="stylesheet">
-<script type="text/javascript" src="https://unpkg.com/tabulator-tables@6.2.1/dist/js/tabulator.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
-    <style>
-body {
-    font-family: Arial, sans-serif;
-    text-align: center;
-    background-color: #f0f0f0;
-    margin: 0;
-    padding: 0;
-}
-h1 {
-    background-color: #4CAF50;
-    color: white;
-    padding: 20px;
-    margin: 0;
-    border-bottom: 2px solid #388E3C;
-    font-size: 28px;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-}
-button, #filter-clear, #download-json, #take-for-yourself {
-    color: white;
-    background-color: #4CAF50;
-    border: none;
-    cursor: pointer;
-    padding: 10px 20px;
-    font-size: 16px;
-    border-radius: 5px;
-    margin: 5px;
-    transition: background-color 0.3s ease;
-}
-button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hover {
-    background-color: #388E3C;
-}
-#filter-field, #filter-type, #filter-value, #filter-field2, #filter-value2 {
-    padding: 10px;
-    font-size: 16px;
-    margin: 5px;
-    border-radius: 5px;
-    border: 1px solid #ccc;
-    background-color: #f0f0f0;
-    transition: border-color 0.3s ease, box-shadow 0.3s ease;
-}
-#filter-field:focus, #filter-type:focus, #filter-value:focus, #filter-field2:focus, #filter-value2:focus {
-    border-color: #4CAF50;
-    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
-}
-#filter-field option, #filter-type option, #filter-field2 option {
-    background-color: #f0f0f0;
-    color: #333;
-}
-#filter-field:hover, #filter-type:hover, #filter-value:hover, #filter-field2:hover, #filter-value2:hover {
-    border-color: #4CAF50;
-}
-#mediaContainer {
-    margin-top: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    max-width: 100%;
-    height: auto;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    border-radius: 10px;
-    padding: 20px;
-    background-color: white;
-}
-#mediaContainer img, #mediaContainer video {
-    max-width: 100%;
-    height: auto;
-    object-fit: contain;
-    border-radius: 10px;
-}
-#imageUrl {
-    margin-top: 20px;
-    font-size: 16px;
-    color: #333;
-    cursor: pointer;
-    text-decoration: underline;
-    transition: color 0.3s ease;
-}
-#imageUrl:hover {
-    color: #4CAF50;
-}
-#progressBarContainer {
-    width: 80%;
-    margin: 20px auto;
-    background-color: #ddd;
-    border-radius: 13px;
-    padding: 3px;
-    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-}
-#progressBar {
-    width: 0%;
-    height: 20px;
-    background-color: #4CAF50;
-    border-radius: 10px;
-    text-align: center;
-    line-height: 20px;
-    color: white;
-    transition: width 0.3s ease;
-}
-.swal-button-custom {
-    background-color: #4CAF50;
-    font-size: 16px;
-    padding: 10px 20px;
-}
-.swal-title-custom {
-    font-size: 24px;
-    color: #333;
-}
-.swal-content-custom {
-    font-size: 16px;
-    color: #666;
-}
-        /* Переопределение стилей Notyf */
-        .notyf__toast {
-            background-color: #4CAF50 !important; /* Зеленый фон */
-            color: #ffffff !important; /* Белый текст */
-            font-size: 16px;
-        }
-        .notyf__toast--success {
-            background-color: #4CAF50 !important; /* Зеленый фон для успешного уведомления */
-        }
-        .notyf__toast--error {
-            background-color: #d9534f !important; /* Красный фон для ошибок (по желанию) */
-        }
-</style>
-</head>
 <body>
     <div id="header">
         <h1>WhatsMasterCRM</h1>
@@ -215,7 +49,7 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
     <script>
         vkBridge.send('VKWebAppInit');
         document.addEventListener('DOMContentLoaded', function() {
-            fetch('https://dmtuit-psy2.hf.space/data_gc_tab_out?api_sys=fasSd345D')
                 .then(response => response.json())
                 .then(data => {
                     console.log('Data received:', data);
@@ -379,7 +213,4 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                 });
         });
     </script>
-</body>
-</html>

 <body>
     <div id="header">
         <h1>WhatsMasterCRM</h1>
     <script>
         vkBridge.send('VKWebAppInit');
         document.addEventListener('DOMContentLoaded', function() {
+            fetch('https://irdelsol-psy.hf.space/data_gc_tab_out?api_sys=fasSd345D')
                 .then(response => response.json())
                 .then(data => {
                     console.log('Data received:', data);
                 });
         });
     </script>
+</body>