{"type":"inline","content":"// Files Manager functionality\nfunction initFilesManagerScripts() {\n const DATA_SOURCE_ID = '';\n \n // Toggle upload section\n window.toggleUpload = function() {\n const uploadSection = document.getElementById('upload-section');\n const uploadBtn = document.getElementById('upload-btn');\n \n if (uploadSection.classList.contains('hidden')) {\n uploadSection.classList.remove('hidden');\n uploadSection.classList.add('active');\n uploadBtn.textContent = '❌ Cancel Upload';\n uploadBtn.classList.remove('btn-green');\n uploadBtn.classList.add('btn-red');\n } else {\n cancelUpload();\n }\n };\n\n // Cancel upload\n window.cancelUpload = function() {\n const uploadSection = document.getElementById('upload-section');\n const uploadBtn = document.getElementById('upload-btn');\n \n uploadSection.classList.add('hidden');\n uploadSection.classList.remove('active');\n uploadBtn.textContent = '📤 Upload File';\n uploadBtn.classList.remove('btn-red');\n uploadBtn.classList.add('btn-green');\n document.getElementById('file-input').value = '';\n };\n\n // Upload file\n window.uploadFile = async function() {\n const fileInput = document.getElementById('file-input');\n const submitBtn = document.getElementById('upload-submit');\n \n if (!fileInput.files[0]) {\n showNotification('Please select a file to upload', 'error');\n return;\n }\n\n const file = fileInput.files[0];\n \n // Show loading state\n submitBtn.textContent = 'Uploading...';\n submitBtn.disabled = true;\n \n try {\n const myHeaders = new Headers();\n myHeaders.append(\"Authorization\", `Bearer `);\n \n const formdata = new FormData();\n formdata.append(\"data_source_id\", DATA_SOURCE_ID);\n formdata.append(\"files\", file, file.name);\n \n const requestOptions = {\n method: \"POST\",\n headers: myHeaders,\n body: formdata,\n redirect: \"follow\"\n };\n \n const response = await fetch(\"https://knowlet-ai.bizblocks.org/admin/upload/stream\", requestOptions);\n \n if (response.ok) {\n // Handle streaming response\n const reader = response.body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n let uploadedFile = null;\n \n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n \n buffer += decoder.decode(value, { stream: true });\n const lines = buffer.split('\\n');\n buffer = lines.pop(); // Keep incomplete line in buffer\n \n for (const line of lines) {\n if (line.trim()) {\n // Handle Server-Sent Events format\n let jsonString = line.trim();\n if (jsonString.startsWith('data: ')) {\n jsonString = jsonString.substring(6); // Remove 'data: ' prefix\n }\n \n try {\n const data = JSON.parse(jsonString);\n console.log('Upload progress:', data);\n \n // Update progress message\n if (data.message) {\n submitBtn.textContent = data.message.substring(0, 25) + '...';\n }\n \n // Check for completion\n if (data.step === 7 && data.status === 'success' && data.data && data.data.uploaded_files) {\n uploadedFile = data.data.uploaded_files[0];\n console.log('Upload completed, file data:', uploadedFile);\n }\n } catch (e) {\n console.log('Could not parse line:', line, e);\n }\n }\n }\n }\n \n // Process any remaining buffer\n if (buffer.trim()) {\n let jsonString = buffer.trim();\n if (jsonString.startsWith('data: ')) {\n jsonString = jsonString.substring(6);\n }\n try {\n const data = JSON.parse(jsonString);\n console.log('Final upload data:', data);\n if (data.step === 7 && data.status === 'success' && data.data && data.data.uploaded_files) {\n uploadedFile = data.data.uploaded_files[0];\n }\n } catch (e) {\n console.log('Could not parse final buffer:', buffer);\n }\n }\n \n console.log('Stream finished, uploadedFile:', uploadedFile);\n \n if (uploadedFile) {\n // Add new file to the list\n addFileToList({\n filename: uploadedFile.filename,\n size: uploadedFile.size,\n last_modified: new Date().toISOString()\n });\n \n // Reset form\n cancelUpload();\n \n showNotification(`File \"${uploadedFile.filename}\" uploaded successfully!`, 'success');\n return;\n } else {\n showNotification('Upload completed but no file information received', 'error');\n return;\n }\n \n } else {\n const errorText = await response.text();\n throw new Error(`Upload failed: ${errorText}`);\n }\n \n } catch (error) {\n console.error('Upload error:', error);\n showNotification('Upload failed. Please try again.', 'error');\n } finally {\n // Reset button state\n submitBtn.textContent = 'Upload';\n submitBtn.disabled = false;\n }\n };\n\n // Ask for delete confirmation\n window.askDeleteFile = function(index, filename) {\n const fileItem = document.getElementById(`file-item-${index}`);\n if (!fileItem) return;\n\n const normalView = fileItem.querySelector('.file-normal-view');\n const confirmationView = fileItem.querySelector('.file-confirmation-view');\n \n // Add confirmation mode styling and toggle views\n fileItem.classList.add('confirmation-mode');\n normalView.classList.add('hidden');\n confirmationView.classList.remove('hidden');\n };\n\n // Cancel delete\n window.cancelDeleteFile = function(index) {\n const fileItem = document.getElementById(`file-item-${index}`);\n if (!fileItem) return;\n \n const normalView = fileItem.querySelector('.file-normal-view');\n const confirmationView = fileItem.querySelector('.file-confirmation-view');\n \n // Remove confirmation mode styling and toggle views back\n fileItem.classList.remove('confirmation-mode');\n normalView.classList.remove('hidden');\n confirmationView.classList.add('hidden');\n };\n\n // Delete file\n window.doDeleteFile = async function(filename) {\n const deleteButton = document.querySelector(`[data-filename=\"${filename}\"] button[onclick*=\"doDeleteFile\"]`);\n if (deleteButton) {\n deleteButton.disabled = true;\n deleteButton.textContent = 'Deleting...';\n }\n \n try {\n const myHeaders = new Headers();\n myHeaders.append(\"Authorization\", `Bearer `);\n \n const requestOptions = {\n method: \"DELETE\",\n headers: myHeaders,\n redirect: \"follow\"\n };\n \n const response = await fetch(\n `https://knowlet-ai.bizblocks.org/admin/upload/data-source/${DATA_SOURCE_ID}/files/${encodeURIComponent(filename)}`, \n requestOptions\n );\n \n if (response.ok) {\n console.log('Delete successful');\n \n // Remove file from list\n removeFileFromList(filename);\n \n showNotification('File deleted successfully!', 'success');\n } else {\n const errorText = await response.text();\n throw new Error(`Delete failed: ${errorText}`);\n }\n \n } catch (error) {\n console.error('Delete error:', error);\n showNotification('Delete failed. Please try again.', 'error');\n \n // Find the index and restore the normal view\n const fileItem = document.querySelector(`[data-filename=\"${filename}\"]`);\n if (fileItem) {\n const index = fileItem.id.split('-').pop();\n cancelDeleteFile(index);\n }\n }\n };\n\n // Show notification\n function showNotification(message, type = 'success') {\n const notification = document.createElement('div');\n notification.className = `notification ${type === 'error' ? 'error' : ''}`;\n notification.innerHTML = `\n ${type === 'error' ? '❌' : '✅'}\n ${message}\n `;\n \n document.body.appendChild(notification);\n \n setTimeout(() => {\n notification.remove();\n }, 3000);\n }\n\n // Helper function to add file to list\n function addFileToList(fileData) {\n const filesList = document.getElementById('files-list');\n \n // Remove empty state if exists\n const emptyState = filesList.querySelector('.empty-state');\n if (emptyState) {\n emptyState.remove();\n }\n \n // Get next index for unique IDs\n const nextIndex = filesList.children.length;\n \n const fileItem = document.createElement('div');\n fileItem.className = 'file-item';\n fileItem.setAttribute('data-filename', fileData.filename);\n fileItem.setAttribute('id', `file-item-${nextIndex}`);\n \n fileItem.innerHTML = `\n \n

\n 📄\n ${fileData.filename}\n

\n ${formatFileSize(fileData.size)}\n •\n Modified ${formatDate(fileData.last_modified)}\n

\n \n

\n \n \n

\n ⚠️\n Are you sure you want to delete \"${fileData.filename}\"?\n

\n \n \n

\n `;\n \n filesList.appendChild(fileItem);\n }\n\n // Helper function to remove file from list\n function removeFileFromList(filename) {\n const filesList = document.getElementById('files-list');\n const fileItem = filesList.querySelector(`[data-filename=\"${filename}\"]`);\n \n if (fileItem) {\n fileItem.remove();\n \n // Add empty state if no files left\n if (filesList.children.length === 0) {\n filesList.innerHTML = `\n

📁

No Files Found

Upload your first file to get started

\n `;\n }\n }\n }\n\n // Helper functions for formatting\n window.formatFileSize = function(bytes) {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n };\n\n window.formatDate = function(dateString) {\n const date = new Date(dateString);\n return date.toLocaleDateString() + ' ' + date.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});\n };\n\n // Format existing files on page load\n\n console.log('Files Manager component initialized');\n}\n\n// Initialize\ninitFilesManagerScripts();"}

Knowledgebase Settings

Knowledgebase Documents

Upload New File

No Files Found