Mini Shell

Direktori : /var/www/vhosts/ccp.ac.th/backup_full/httpdocs/fertilizer/
Upload File :
Current File : /var/www/vhosts/ccp.ac.th/backup_full/httpdocs/fertilizer/setup_ui.html

<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ตั้งค่าระบบ - สร้างตาราง user_confirm</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/sweetalert.css" rel="stylesheet"/>
    <style>
        body {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .setup-card {
            background: white;
            border-radius: 10px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.3);
            padding: 40px;
            max-width: 600px;
            width: 100%;
        }
        .setup-title {
            color: #667eea;
            margin-bottom: 30px;
            text-align: center;
        }
        .status-box {
            background: #f8f9fa;
            border-left: 4px solid #667eea;
            padding: 15px;
            margin: 15px 0;
            border-radius: 5px;
            display: none;
        }
        .status-box.success {
            background: #d4edda;
            border-left-color: #28a745;
            display: block;
        }
        .status-box.error {
            background: #f8d7da;
            border-left-color: #dc3545;
            display: block;
        }
        .status-box.info {
            background: #d1ecf1;
            border-left-color: #17a2b8;
            display: block;
        }
    </style>
</head>
<body>
    <div class="setup-card">
        <h2 class="setup-title">
            <i class="fas fa-cog"></i> ตั้งค่าระบบลงทะเบียน
        </h2>
        
        <div id="setupStatus"></div>
        
        <p class="text-muted text-center">
            กรุณาคลิกปุ่มด้านล่างเพื่อสร้างตาราง user_confirm และนำเข้าข้อมูลผู้ใช้
        </p>
        
        <div class="text-center mt-4">
            <button type="button" class="btn btn-primary btn-lg" id="btnSetup">
                <i class="fas fa-database"></i> ตั้งค่าระบบ
            </button>
        </div>
        
        <div id="resultBox" style="display: none; margin-top: 20px;"></div>
    </div>

    <script src="assets/js/jquery-3.1.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/sweetalert.min.js"></script>
    <script src="assets/js/all.min.js"></script>
    
    <script>
        $(document).ready(function() {
            $('#btnSetup').on('click', function() {
                var btn = $(this);
                btn.prop('disabled', true).text('กำลังตั้งค่า...');
                
                $.ajax({
                    url: 'setup.php',
                    type: 'GET',
                    dataType: 'json',
                    success: function(response) {
                        btn.prop('disabled', false).text('ตั้งค่าระบบ');
                        
                        var html = '<div class="status-box success">';
                        
                        if (response.table_created) {
                            html += '<p><i class="fas fa-check-circle"></i> ' + response.table_created + '</p>';
                        }
                        
                        if (response.import_success) {
                            html += '<p><i class="fas fa-check-circle"></i> ' + response.import_success + '</p>';
                        }
                        
                        if (response.total_records) {
                            html += '<p><i class="fas fa-info-circle"></i> จำนวนข้อมูลทั้งหมด: <strong>' + response.total_records + '</strong> รายการ</p>';
                        }
                        
                        html += '</div>';
                        
                        if (response.import_errors && response.import_errors.length > 0) {
                            html += '<div class="status-box error">';
                            html += '<p><strong>พบข้อผิดพลาด:</strong></p>';
                            response.import_errors.forEach(function(error) {
                                html += '<p><small>' + error + '</small></p>';
                            });
                            html += '</div>';
                        }
                        
                        $('#setupStatus').html(html);
                        
                        if (response.status === 'success') {
                            swal({
                                title: 'สำเร็จ!',
                                text: 'ตั้งค่าระบบเสร็จแล้ว คุณสามารถปิดหน้านี้และกลับไปที่หน้า login',
                                type: 'success',
                                confirmButtonText: 'ปิด'
                            });
                        }
                    },
                    error: function() {
                        btn.prop('disabled', false).text('ตั้งค่าระบบ');
                        $('#setupStatus').html('<div class="status-box error"><p><i class="fas fa-times-circle"></i> เกิดข้อผิดพลาดในการเชื่อมต่อ</p></div>');
                    }
                });
            });
        });
    </script>
</body>
</html>

Zerion Mini Shell 1.0