Initial commit - TPU Survey System with Google Forms & Certificate Generator

edit.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="th">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>แก้ไขแบบสอบถาม - TPU Survey</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    fontFamily: {
+                        'thai': ['"Noto Sans Thai"', 'sans-serif']
+                    },
+                    colors: {
+                        'primary': { 50:'#eff6ff',100:'#dbeafe',200:'#bfdbfe',300:'#93c5fd',400:'#60a5fa',500:'#3b82f6',600:'#2563eb',700:'#1d4ed8',800:'#1e40af',900:'#1e3a8a' },
+                        'accent': { 50:'#fffbeb',100:'#fef3c7',200:'#fde68a',300:'#fcd34d',400:'#fbbf24',500:'#f59e0b',600:'#d97706',700:'#b45309',800:'#92400e',900:'#78350f' }
+                    }
+                }
+            }
+        }
+    </script>
+    <link rel="stylesheet" href="css/style.css?v=6">
+    <style>
+        body { background-color: var(--bg-color); font-family: 'Noto Sans Thai', sans-serif; }
+        .editor-container {
+            max-width: 1000px;
+            margin: 0 auto;
+            padding: 100px 20px 60px;
+        }
+        .editor-header {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: var(--header-height);
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(12px);
+            border-bottom: 3px solid #fbbf24;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 0 40px;
+            z-index: 1000;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+        }
+        .editor-title {
+            font-size: 1.25rem;
+            font-weight: 800;
+            color: #1e3a8a;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 50%;
+        }
+        .editor-actions {
+            display: flex;
+            gap: 12px;
+        }
+        .section-category-badge {
+            font-size: 10px;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+            padding: 2px 8px;
+            border-radius: 4px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            display: inline-block;
+        }
+    </style>
+</head>
+<body>
+    <header class="editor-header">
+        <div class="d-flex items-center gap-16">
+            <button class="btn btn-ghost btn-sm" onclick="closeEditor()">✕ ปิด</button>
+            <div class="editor-title" id="surveyTitleDisplay">กำลังโหลด...</div>
+        </div>
+        <div class="editor-actions">
+            <button class="btn btn-ghost" onclick="previewSurvey()">👁️ พรีวิว</button>
+            <button class="btn btn-primary" onclick="saveSurvey()">💾 บันทึกการเปลี่ยนแปลง</button>
+        </div>
+    </header>
+
+    <main class="editor-container">
+        <div id="editorContent">
+            <div class="loading" style="padding: 100px 0;">
+                <div class="spinner"></div>
+                <p>กำลังโหลดข้อมูลแบบสอบถาม...</p>
+            </div>
+        </div>
+        
+        <div class="text-center mt-40">
+            <button class="btn btn-secondary" onclick="addSection()">➕ เพิ่มโพลล์ส่วนใหม่</button>
+        </div>
+    </main>
+
+    <script src="js/app.js?v=5"></script>
+    <script src="js/editor.js?v=5"></script>
+</body>
+</html>