tianyunperfect 2 lat temu
rodzic
commit
e8d124469b
1 zmienionych plików z 40 dodań i 31 usunięć
  1. 40 31
      simple-demo/excalidraw_all.html

+ 40 - 31
simple-demo/excalidraw_all.html

@@ -7,39 +7,42 @@
     <script src="js/login.js"></script>
 </head>
 <body>
-<label for="name">选择name:</label>
-<select id="name">
-    <option value="">加载中...</option>
-</select>
+<div id="nameList"></div>
 <ul id="list"></ul>
 <script>
-
-    $(function() {
+    $(function () {
         if (!checkLogin()) {
             return;
         }
-        $.getJSON('https://api.tianyunperfect.cn/excalidraw/all_name', function(result) {
-            if (result.code === 1) {
-                let names = result.data;
-                let selectHtml = '';
-                for (let i = 0; i < names.length; i++) {
-                    selectHtml += '<option value="' + names[i].id + '">' + names[i].name +' - '+names[i].count+ '个版本</option>';
+        let urlParams = new URLSearchParams(window.location.search);
+        let idParam = urlParams.get('id');
+        if (idParam) {
+            loadList(idParam);
+        } else {
+            $.getJSON('https://api.tianyunperfect.cn/excalidraw/all_name', function (result) {
+                if (result.code === 1) {
+                    let names = result.data;
+                    let nameListHtml = '';
+                    for (let i = 0; i < names.length; i++) {
+                        nameListHtml += `<a href="?id=${names[i].id}">${names[i].name} - (${names[i].count})</a>`;
+                        if (i < names.length - 1) {
+                            nameListHtml += ' &nbsp;|&nbsp; ';
+                        }
+                    }
+                    $('#nameList').html(nameListHtml);
+                    $('#nameList a').click(function (e) {
+                        e.preventDefault();
+                        let id = $(this).attr('href').split('=')[1];
+                        loadList(id);
+                    });
+                } else {
+                    alert(result.message);
                 }
-                $('#name').html(selectHtml);
-                $('#name').val(names[0].id);
-                loadList(names[0].id);
-            } else {
-                alert(result.message);
-            }
-        });
-
-        $('#name').change(function() {
-            let id = $(this).val();
-            loadList(id);
-        });
+            });
+        }
 
         function loadList(id) {
-            $.getJSON('https://api.tianyunperfect.cn/excalidraw/get_by_id?id=' + id, function(result) {
+            $.getJSON('https://api.tianyunperfect.cn/excalidraw/get_by_id?id=' + id, function (result) {
                 if (result.code === 1) {
                     let data = result.data;
                     let listHtml = '';
@@ -47,12 +50,12 @@
                         let a = data[i].id;
                         let title = data[i].name;
                         let version = data[i].version;
-                        let url = 'https://excalidraw.tianyunperfect.cn/?a=' + a + '&title=' + title + '&version=' + version;
+                        let url = 'https://excalidraw.tianyunperfect.cn/?a=' + a + '&version=' + version;
                         listHtml += '<li><a href="' + url + '" target="_blank">' + title + '_' + version + '</a>&nbsp;&nbsp;&nbsp;<button class="delete-btn" data-id="' + a + '" data-version="' + version + '">删除</button></li>';
                     }
                     $('#list').html(listHtml);
 
-                    $('.delete-btn').click(function() {
+                    $('.delete-btn').click(function () {
                         if (confirm('确认要删除吗?')) {
                             let id = $(this).data('id');
                             let version = $(this).data('version');
@@ -64,18 +67,24 @@
                 }
             });
         }
+
         function deleteData(id, version) {
             $.ajax({
-                url: 'https://api.tianyunperfect.cn/excalidraw/delete_by_id?id=' + id + '&version=' + version,
+                url: 'https:api.tianyunperfect.cn/excalidraw/delete_by_id?id=' + id + '&version=' + version,
                 type: 'DELETE',
-                success: function(result) {
+                success: function (result) {
                     if (result.code === 1) {
-                        loadList($('#name').val());
+                        let idParam = urlParams.get('id');
+                        if (idParam) {
+                            loadList(idParam);
+                        } else {
+                            location.reload();
+                        }
                     } else {
                         alert(result.message);
                     }
                 },
-                error: function() {
+                error: function () {
                     alert('删除失败');
                 }
             });