Update data_gc_tab.html

data_gc_tab.html

@@ -9,7 +9,8 @@
 <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>
 
   
     <link href="https://unpkg.com/tabulator-tables@6.2.1/dist/css/tabulator.min.css" rel="stylesheet">
@@ -213,21 +214,6 @@
 
 
 <script>
-    // Функция для создания всплывающего окна с деталями строки
-    var cellPopupFormatter = function(cell){
-        var data = cell.getData(),
-        container = document.createElement("div"),
-        contents = "<strong style='font-size:1.2em;'>Детали пользователя</strong><br/><ul style='padding:0; margin-top:10px; margin-bottom:0;'>";
-        contents += "<li><strong>Имя:</strong> " + data.name + "</li>";
-        contents += "<li><strong>Реплики:</strong> " + data.b_mess + "</li>";
-        contents += "</ul>";
-
-        container.innerHTML = contents;
-
-        return container;
-    };
-
-    // Инициализация таблицы с использованием cellClick
     document.addEventListener('DOMContentLoaded', function() {
         fetch('https://dmtuit-gcapirabiz.hf.space/data_gc_tab_out?api_sys=fasSd345D')
             .then(response => response.json())
@@ -256,10 +242,12 @@
                         {title:"Город", field:"b_city", width:110},                          
                         {title:"Email", field:"email", width:110},
                         {title:"Реплики", field:"b_mess", width:95, cellClick:function(e, cell){
-                            if (cell.getColumn().getField() === "b_mess") {
-                                var popup = cellPopupFormatter(cell);
-                                document.body.appendChild(popup);
-                            }
+                            var data = cell.getData();
+                            Swal.fire({
+                                title: 'Детали пользователя',
+                                html: `<strong>Имя:</strong> ${data.name}<br><strong>Реплики:</strong> ${data.b_mess}`,
+                                icon: 'info'
+                            });
                         }},                          
                         {title:"Куратор", field:"curator", formatter: linkFormatter},  
                         {title:"Статус покупки", field:"shop_st", formatter: function(cell, formatterParams, onRendered) {