tianyunperfect
/
web-base--


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>excalidraw_all</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
<div id="nameList"></div>
<ul id="list"></ul>
<script>
    $(function () {
        if (!checkLogin()) {
            return;
        }
        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);
                }
            });
        }

        function loadList(id) {
            $.getJSON('https://api.tianyunperfect.cn/excalidraw/get_by_id?id=' + id, function (result) {
                if (result.code === 1) {
                    let data = result.data;
                    let listHtml = '';
                    for (let i = 0; i < data.length; i++) {
                        let a = data[i].id;
                        let title = data[i].name;
                        let version = data[i].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 () {
                        if (confirm('确认要删除吗？')) {
                            let id = $(this).data('id');
                            let version = $(this).data('version');
                            deleteData(id, version);
                        }
                    });
                } else {
                    alert(result.message);
                }
            });
        }

        function deleteData(id, version) {
            $.ajax({
                url: 'https:api.tianyunperfect.cn/excalidraw/delete_by_id?id=' + id + '&version=' + version,
                type: 'DELETE',
                success: function (result) {
                    if (result.code === 1) {
                        let idParam = urlParams.get('id');
                        if (idParam) {
                            loadList(idParam);
                        } else {
                            location.reload();
                        }
                    } else {
                        alert(result.message);
                    }
                },
                error: function () {
                    alert('删除失败');
                }
            });
        }
    });
</script>
</body>
</html>