123

index.html

@@ -633,39 +633,46 @@ SELECT * FROM users LIMIT 10;"></textarea>
             }
 
             // CRUD Operations
-            showAddRecordModal() {
+            async showAddRecordModal() {
                 this.editingRecord = null;
                 document.getElementById('recordModalTitle').textContent = 'Добавить запись';
-                this.generateRecordForm();
+
+                await this.generateRecordForm();
+
                 document.getElementById('recordModal').classList.remove('hidden');
             }
 
-            editRecord(idx) {
+            async editRecord(idx) {
                 this.editingRecord = idx;
                 document.getElementById('recordModalTitle').textContent = 'Редактировать запись';
-                this.generateRecordForm();
+
+                await this.generateRecordForm();
+
                 document.getElementById('recordModal').classList.remove('hidden');
             }
 
-            generateRecordForm() {
-                // Get columns based on current table structure
-                const columns = this.getTableStructure(this.currentTable);
+            async generateRecordForm() {
+                if (response.status === 401) {
+                    this.logout();
+                    return [];
+                }
+                const columns = await this.getTableStructure(this.currentTable);
                 const container = document.getElementById('recordForm');
-                
+
                 container.innerHTML = columns.map(col => `
-                    <div>
-                        <label class="block text-sm font-medium text-slate-700 mb-1">
-                            ${col.name}
-                            ${col.nullable ? '' : '<span class="text-red-500">*</span>'}
-                        </label>
-                        <input type="${this.getInputType(col.type)}" 
-                               name="${col.name}" 
-                               class="w-full px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none"
-                               ${col.default ? `value="${col.default}"` : ''}>
-                        <p class="text-xs text-slate-500 mt-1">${col.type}</p>
-                    </div>
-                `).join('');
-            }
+                <div>
+                    <label class="block text-sm font-medium text-slate-700 mb-1">
+                    ${col.name}
+                    ${col.nullable ? '' : '<span class="text-red-500">*</span>'}
+                    </label>
+                    <input type="${this.getInputType(col.type)}" 
+                        name="${col.name}" 
+                        class="w-full px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none"
+                        ${col.default ? `value="${col.default}"` : ''}>
+                    <p class="text-xs text-slate-500 mt-1">${col.type}</p>
+                </div>
+            `).join('');
+}
 
             async getTableStructure(tableName) {
                 try {