django-cfg 1.3.11__py3-none-any.whl → 1.4.0__py3-none-any.whl

django_cfg/static/admin/js/commands.js

@@ -0,0 +1,171 @@
+/**
+ * Django CFG Commands JavaScript
+ *
+ * Handles command execution and modal interactions
+ */
+
+class CommandExecutor {
+    constructor() {
+        this.modal = document.getElementById('commandModal');
+        this.commandNameEl = document.getElementById('commandName');
+        this.commandOutput = document.getElementById('commandOutput');
+        this.commandStatus = document.getElementById('commandStatus');
+    }
+
+    execute(commandName) {
+        if (!this.modal || !this.commandNameEl || !this.commandOutput || !this.commandStatus) {
+            console.error('Command modal elements not found');
+            return;
+        }
+
+        this.commandNameEl.textContent = commandName;
+        this.commandOutput.textContent = '';
+        this.commandStatus.innerHTML = '<div class="w-3 h-3 bg-yellow-500 rounded-full mr-2 animate-pulse"></div><span class="text-sm font-medium text-gray-700 dark:text-gray-300">Executing...</span>';
+        this.modal.classList.remove('hidden');
+
+        fetch('/cfg/commands/execute/', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': getCookie('csrftoken')
+            },
+            body: JSON.stringify({
+                command: commandName,
+                args: [],
+                options: {}
+            })
+        })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const reader = response.body.getReader();
+            const decoder = new TextDecoder();
+
+            const readStream = () => {
+                return reader.read().then(({done, value}) => {
+                    if (done) return;
+
+                    const chunk = decoder.decode(value);
+                    const lines = chunk.split('\n');
+
+                    lines.forEach(line => {
+                        if (line.startsWith('data: ')) {
+                            try {
+                                const data = JSON.parse(line.slice(6));
+                                this.handleCommandData(data);
+                            } catch (e) {
+                                console.error('Error parsing command data:', e);
+                            }
+                        }
+                    });
+
+                    return readStream();
+                });
+            };
+
+            return readStream();
+        })
+        .catch(error => {
+            console.error('Error executing command:', error);
+            this.commandOutput.textContent += `\n❌ Error: ${error.message}`;
+            this.commandStatus.innerHTML = '<div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div><span class="text-sm font-medium text-red-600 dark:text-red-400">Error</span>';
+        });
+    }
+
+    handleCommandData(data) {
+        switch (data.type) {
+            case 'start':
+                this.commandOutput.innerHTML = '';
+                this.addLogLine(`🚀 Starting command: ${data.command}`, 'info');
+                this.addLogLine(`📝 Arguments: ${data.args.join(' ')}`, 'info');
+                this.addLogLine('', 'spacer');
+                this.commandStatus.innerHTML = '<div class="w-3 h-3 bg-yellow-500 rounded-full mr-2 animate-pulse"></div><span class="text-sm font-medium text-gray-700 dark:text-gray-300">Executing...</span>';
+                break;
+            case 'output':
+                this.addLogLine(data.line, 'output');
+                this.scrollToBottom();
+                break;
+            case 'complete':
+                const success = data.return_code === 0;
+                this.commandStatus.innerHTML = success
+                    ? '<div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div><span class="text-sm font-medium text-green-600 dark:text-green-400">Completed</span>'
+                    : '<div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div><span class="text-sm font-medium text-red-600 dark:text-red-400">Failed</span>';
+
+                this.addLogLine('', 'spacer');
+                let completionMessage = `${success ? '✅' : '❌'} Command completed with exit code: ${data.return_code}`;
+                if (data.execution_time) {
+                    completionMessage += ` (${data.execution_time}s)`;
+                }
+                this.addLogLine(completionMessage, success ? 'success' : 'error');
+                this.scrollToBottom();
+                break;
+            case 'error':
+                this.addLogLine(`❌ Error: ${data.error}`, 'error');
+                this.commandStatus.innerHTML = '<div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div><span class="text-sm font-medium text-red-600 dark:text-red-400">Error</span>';
+                this.scrollToBottom();
+                break;
+        }
+    }
+
+    addLogLine(text, type = 'output') {
+        const line = document.createElement('div');
+        line.className = 'log-line';
+
+        switch (type) {
+            case 'info':
+                line.className += ' text-blue-600 dark:text-blue-400 font-medium';
+                break;
+            case 'success':
+                line.className += ' text-green-600 dark:text-green-400 font-medium';
+                break;
+            case 'error':
+                line.className += ' text-red-600 dark:text-red-400 font-medium';
+                break;
+            case 'spacer':
+                line.className += ' h-2';
+                break;
+            default:
+                line.className += ' text-gray-700 dark:text-gray-300';
+        }
+
+        if (type === 'spacer') {
+            line.innerHTML = '&nbsp;';
+        } else {
+            line.textContent = text;
+        }
+
+        this.commandOutput.appendChild(line);
+    }
+
+    scrollToBottom() {
+        if (!this.commandOutput) return;
+
+        setTimeout(() => {
+            this.commandOutput.scrollTop = this.commandOutput.scrollHeight;
+        }, 50);
+    }
+
+    close() {
+        if (this.modal) {
+            this.modal.classList.add('hidden');
+        }
+    }
+}
+
+// Global functions
+function executeCommand(commandName) {
+    const executor = new CommandExecutor();
+    executor.execute(commandName);
+}
+
+function closeCommandModal() {
+    const executor = new CommandExecutor();
+    executor.close();
+}
+
+// Export
+window.CommandExecutor = CommandExecutor;
+window.executeCommand = executeCommand;
+window.closeCommandModal = closeCommandModal;

django_cfg/static/admin/js/dashboard.js

@@ -0,0 +1,126 @@
+/**
+ * Django CFG Dashboard JavaScript
+ *
+ * Handles dashboard tabs, navigation, and interactions
+ */
+
+// Tab Management
+class DashboardTabs {
+    constructor() {
+        this.tabs = document.querySelectorAll('#dashboard-tabs button');
+        this.contents = document.querySelectorAll('.tab-content');
+        this.tabNames = ['overview', 'zones', 'users', 'system', 'stats', 'app-stats', 'commands'];
+        this.init();
+    }
+
+    init() {
+        if (!this.tabs.length || !this.contents.length) return;
+
+        // Add click handlers
+        this.tabs.forEach((tab, idx) => {
+            tab.onclick = (e) => {
+                e.preventDefault();
+                this.switchTab(idx, true);
+            };
+        });
+
+        // Handle browser back/forward
+        window.addEventListener('hashchange', () => {
+            const tabIndex = this.getTabFromHash();
+            this.switchTab(tabIndex, false);
+        });
+
+        // Activate initial tab
+        const initialTab = this.getTabFromHash();
+        this.switchTab(initialTab, false);
+    }
+
+    switchTab(idx, updateHash = true) {
+        this.tabs.forEach((t, i) => {
+            if (i === idx) {
+                t.classList.add('active');
+            } else {
+                t.classList.remove('active');
+            }
+        });
+
+        this.contents.forEach((content, i) => {
+            content.style.display = i === idx ? 'block' : 'none';
+            content.classList.toggle('active', i === idx);
+        });
+
+        if (updateHash && this.tabNames[idx]) {
+            history.replaceState(null, null, '#' + this.tabNames[idx]);
+        }
+    }
+
+    getTabFromHash() {
+        const hash = window.location.hash.substring(1);
+        const tabIndex = this.tabNames.indexOf(hash);
+        return tabIndex >= 0 ? tabIndex : 0;
+    }
+}
+
+// Category Toggle
+function toggleCategory(category) {
+    const content = document.getElementById(`content-${category}`);
+    const icon = document.getElementById(`icon-${category}`);
+
+    if (!content || !icon) return;
+
+    if (content.style.display === 'none' || content.style.display === '') {
+        content.style.display = 'block';
+        icon.style.transform = 'rotate(0deg)';
+        icon.textContent = 'expand_more';
+    } else {
+        content.style.display = 'none';
+        icon.style.transform = 'rotate(-90deg)';
+        icon.textContent = 'expand_less';
+    }
+}
+
+// Clipboard Functions
+function copyToClipboard(text) {
+    navigator.clipboard.writeText(text).then(() => {
+        const button = event.target.closest('button');
+        const originalText = button.innerHTML;
+        button.innerHTML = '<span class="material-icons text-xs mr-1">check</span>Copied';
+        button.classList.remove('bg-gray-100', 'dark:bg-gray-700', 'hover:bg-gray-200', 'dark:hover:bg-gray-600');
+        button.classList.add('bg-green-600', 'hover:bg-green-700', 'dark:bg-green-500', 'dark:hover:bg-green-600', 'text-white');
+
+        setTimeout(() => {
+            button.innerHTML = originalText;
+            button.classList.remove('bg-green-600', 'hover:bg-green-700', 'dark:bg-green-500', 'dark:hover:bg-green-600', 'text-white');
+            button.classList.add('bg-gray-100', 'dark:bg-gray-700', 'hover:bg-gray-200', 'dark:hover:bg-gray-600');
+        }, 2000);
+    }).catch((err) => {
+        console.error('Could not copy text: ', err);
+    });
+}
+
+// Utility Functions
+function getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== '') {
+        const cookies = document.cookie.split(';');
+        for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                break;
+            }
+        }
+    }
+    return cookieValue;
+}
+
+// Initialize on DOM load
+document.addEventListener('DOMContentLoaded', () => {
+    new DashboardTabs();
+});
+
+// Export for global access
+window.DashboardTabs = DashboardTabs;
+window.toggleCategory = toggleCategory;
+window.copyToClipboard = copyToClipboard;
+window.getCookie = getCookie;

django_cfg/templates/admin/components/management_commands.js

@@ -0,0 +1,375 @@
+/**
+ * Management Commands JavaScript
+ * Handles toggle, search, modal, and command execution functionality
+ */
+
+// Global functions for category expansion
+window.toggleCategory = function(category) {
+    const content = document.getElementById(`content-${category}`);
+    const icon = document.getElementById(`icon-${category}`);
+
+    if (!content || !icon) return;
+
+    if (content.style.display === 'none' || content.style.display === '') {
+        content.style.display = 'block';
+        icon.style.transform = 'rotate(0deg)';
+        icon.textContent = 'expand_more';
+    } else {
+        content.style.display = 'none';
+        icon.style.transform = 'rotate(-90deg)';
+        icon.textContent = 'expand_less';
+    }
+};
+
+// Command execution functions
+window.copyToClipboard = function(text) {
+    navigator.clipboard.writeText(text).then(function() {
+        const button = event.target.closest('button');
+        const originalText = button.innerHTML;
+        button.innerHTML = '<span class="material-icons text-xs mr-1">check</span>Copied';
+        button.classList.remove('bg-base-100', 'dark:bg-base-700', 'hover:bg-base-200', 'dark:hover:bg-base-600');
+        button.classList.add('bg-green-600', 'hover:bg-green-700', 'dark:bg-green-500', 'dark:hover:bg-green-600', 'text-white');
+
+        setTimeout(function() {
+            button.innerHTML = originalText;
+            button.classList.remove('bg-green-600', 'hover:bg-green-700', 'dark:bg-green-500', 'dark:hover:bg-green-600', 'text-white');
+            button.classList.add('bg-base-100', 'dark:bg-base-700', 'hover:bg-base-200', 'dark:hover:bg-base-600');
+        }, 2000);
+    }).catch(function(err) {
+        console.error('Could not copy text: ', err);
+    });
+};
+
+window.executeCommand = function(commandName) {
+    const modal = document.getElementById('commandModal');
+    const commandNameEl = document.getElementById('commandName');
+    const commandOutput = document.getElementById('commandOutput');
+    const commandStatus = document.getElementById('commandStatus');
+
+    if (!modal || !commandNameEl || !commandOutput || !commandStatus) {
+        console.error('Command modal elements not found');
+        return;
+    }
+
+    commandNameEl.textContent = commandName;
+    commandOutput.textContent = '';
+    commandStatus.innerHTML = '<div class="w-3 h-3 bg-yellow-500 rounded-full mr-2 animate-pulse"></div><span class="text-sm font-medium text-font-default-light dark:text-font-default-dark">Executing...</span>';
+    modal.classList.remove('hidden');
+
+    fetch('/cfg/commands/execute/', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'X-CSRFToken': getCookie('csrftoken')
+        },
+        body: JSON.stringify({
+            command: commandName,
+            args: [],
+            options: {}
+        })
+    })
+    .then(response => {
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const reader = response.body.getReader();
+        const decoder = new TextDecoder();
+
+        function readStream() {
+            return reader.read().then(({done, value}) => {
+                if (done) return;
+
+                const chunk = decoder.decode(value);
+                const lines = chunk.split('\n');
+
+                lines.forEach(line => {
+                    if (line.startsWith('data: ')) {
+                        try {
+                            const data = JSON.parse(line.slice(6));
+                            handleCommandData(data);
+                        } catch (e) {
+                            console.error('Error parsing command data:', e);
+                        }
+                    }
+                });
+
+                return readStream();
+            });
+        }
+
+        return readStream();
+    })
+    .catch(error => {
+        console.error('Error executing command:', error);
+        commandOutput.textContent += `\n❌ Error: ${error.message}`;
+        commandStatus.innerHTML = '<div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div><span class="text-sm font-medium text-red-600 dark:text-red-400">Error</span>';
+    });
+};
+
+window.closeCommandModal = function() {
+    const modal = document.getElementById('commandModal');
+    if (modal) {
+        modal.classList.add('hidden');
+    }
+};
+
+// Helper functions
+function handleCommandData(data) {
+    const output = document.getElementById('commandOutput');
+    const status = document.getElementById('commandStatus');
+
+    if (!output || !status) return;
+
+    switch (data.type) {
+        case 'start':
+            output.innerHTML = '';
+            addLogLine(output, `🚀 Starting command: ${data.command}`, 'info');
+            addLogLine(output, `📝 Arguments: ${data.args.join(' ')}`, 'info');
+            addLogLine(output, '', 'spacer');
+            status.innerHTML = '<div class="w-3 h-3 bg-yellow-500 rounded-full mr-2 animate-pulse"></div><span class="text-sm font-medium text-font-default-light dark:text-font-default-dark">Executing...</span>';
+            break;
+        case 'output':
+            addLogLine(output, data.line, 'output');
+            scrollToBottom(output);
+            break;
+        case 'complete':
+            const success = data.return_code === 0;
+            status.innerHTML = success
+                ? '<div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div><span class="text-sm font-medium text-green-600 dark:text-green-400">Completed</span>'
+                : '<div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div><span class="text-sm font-medium text-red-600 dark:text-red-400">Failed</span>';
+
+            addLogLine(output, '', 'spacer');
+            let completionMessage = `${success ? '✅' : '❌'} Command completed with exit code: ${data.return_code}`;
+            if (data.execution_time) {
+                completionMessage += ` (${data.execution_time}s)`;
+            }
+            addLogLine(output, completionMessage, success ? 'success' : 'error');
+            scrollToBottom(output);
+            break;
+        case 'error':
+            addLogLine(output, `❌ ${data.message}`, 'error');
+            status.innerHTML = '<div class="w-3 h-3 bg-red-500 rounded-full mr-2"></div><span class="text-sm font-medium text-red-600 dark:text-red-400">Error</span>';
+            scrollToBottom(output);
+            break;
+    }
+}
+
+function addLogLine(container, text, type = 'output') {
+    const line = document.createElement('div');
+    line.className = 'log-line';
+
+    switch (type) {
+        case 'info':
+            line.className += ' text-blue-600 dark:text-blue-400';
+            break;
+        case 'success':
+            line.className += ' text-green-600 dark:text-green-400 font-medium';
+            break;
+        case 'error':
+            line.className += ' text-red-600 dark:text-red-400 font-medium';
+            break;
+        case 'spacer':
+            line.style.height = '1em';
+            break;
+        default:
+            line.className += ' text-font-default-light dark:text-font-default-dark';
+    }
+
+    line.textContent = text;
+    container.appendChild(line);
+}
+
+function scrollToBottom(element) {
+    element.scrollTop = element.scrollHeight;
+}
+
+function getCookie(name) {
+    let cookieValue = null;
+    if (document.cookie && document.cookie !== '') {
+        const cookies = document.cookie.split(';');
+        for (let i = 0; i < cookies.length; i++) {
+            const cookie = cookies[i].trim();
+            if (cookie.substring(0, name.length + 1) === (name + '=')) {
+                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                break;
+            }
+        }
+    }
+    return cookieValue;
+}
+
+// Search functionality
+function searchCommands(query) {
+    const searchQuery = query.toLowerCase().trim();
+    const categories = document.querySelectorAll('[id^="content-"]');
+    const clearButton = document.getElementById('clearSearch');
+    const commandsCount = document.getElementById('commandsCount');
+    let visibleCommands = 0;
+
+    // Show/hide clear button
+    if (searchQuery) {
+        clearButton.classList.remove('hidden');
+    } else {
+        clearButton.classList.add('hidden');
+    }
+
+    categories.forEach(category => {
+        const categoryName = category.id.replace('content-', '');
+        const commands = category.querySelectorAll('.command-item');
+        let categoryHasVisibleCommands = false;
+
+        commands.forEach(command => {
+            const commandName = command.querySelector('.command-name').textContent.toLowerCase();
+            const commandDesc = command.querySelector('.command-description')?.textContent.toLowerCase() || '';
+
+            if (!searchQuery || commandName.includes(searchQuery) || commandDesc.includes(searchQuery)) {
+                command.style.display = 'block';
+                categoryHasVisibleCommands = true;
+                visibleCommands++;
+            } else {
+                command.style.display = 'none';
+            }
+        });
+
+        // Show/hide category based on whether it has visible commands
+        const categoryHeader = document.querySelector(`button[onclick="toggleCategory('${categoryName}')"]`);
+        const categoryContainer = categoryHeader.parentElement;
+
+        if (categoryHasVisibleCommands) {
+            categoryContainer.style.display = 'block';
+
+            // Auto-expand categories when searching
+            if (searchQuery) {
+                category.style.display = 'block';
+                const icon = categoryHeader.querySelector('.material-icons');
+                if (icon) {
+                    icon.textContent = 'expand_less';
+                    icon.style.transform = 'rotate(0deg)';
+                }
+            }
+        } else {
+            categoryContainer.style.display = 'none';
+        }
+    });
+
+    // Update commands count
+    if (commandsCount) {
+        commandsCount.textContent = visibleCommands;
+    }
+
+    // Show "no results" message if no commands found
+    showNoResultsMessage(visibleCommands === 0 && searchQuery);
+}
+
+function clearSearch() {
+    const searchInput = document.getElementById('commandSearch');
+    const clearButton = document.getElementById('clearSearch');
+    const commandsCount = document.getElementById('commandsCount');
+
+    searchInput.value = '';
+    clearButton.classList.add('hidden');
+
+    // Show all commands and categories
+    const categories = document.querySelectorAll('[id^="content-"]');
+    const allCommands = document.querySelectorAll('.command-item');
+
+    categories.forEach(category => {
+        const categoryName = category.id.replace('content-', '');
+        const categoryHeader = document.querySelector(`button[onclick="toggleCategory('${categoryName}')"]`);
+        categoryHeader.parentElement.style.display = 'block';
+        // Reset to collapsed state
+        category.style.display = 'none';
+        const icon = categoryHeader.querySelector('.material-icons');
+        if (icon) {
+            icon.textContent = 'expand_less';
+            icon.style.transform = 'rotate(-90deg)';
+        }
+    });
+
+    allCommands.forEach(command => {
+        command.style.display = 'block';
+    });
+
+    // Reset commands count to original total
+    if (commandsCount && commandsCount.dataset.originalCount) {
+        commandsCount.textContent = commandsCount.dataset.originalCount;
+    }
+
+    // Hide no results message
+    showNoResultsMessage(false);
+}
+
+function showNoResultsMessage(show) {
+    let noResultsDiv = document.getElementById('noSearchResults');
+
+    if (show && !noResultsDiv) {
+        // Create no results message
+        noResultsDiv = document.createElement('div');
+        noResultsDiv.id = 'noSearchResults';
+        noResultsDiv.className = 'text-center py-12';
+        noResultsDiv.innerHTML = `
+            <div class="flex flex-col items-center">
+                <span class="material-icons text-6xl text-base-400 dark:text-base-500 mb-4">search_off</span>
+                <h3 class="text-lg font-medium text-font-important-light dark:text-font-important-dark mb-2">
+                    No Commands Found
+                </h3>
+                <p class="text-font-subtle-light dark:text-font-subtle-dark max-w-md mx-auto">
+                    No commands match your search criteria. Try different keywords or clear the search.
+                </p>
+            </div>
+        `;
+
+        // Insert after the commands container
+        const commandsContainer = document.querySelector('.space-y-4');
+        if (commandsContainer && commandsContainer.parentNode) {
+            commandsContainer.parentNode.insertBefore(noResultsDiv, commandsContainer.nextSibling);
+        }
+    } else if (!show && noResultsDiv) {
+        noResultsDiv.remove();
+    }
+}
+
+// Initialize on page load
+document.addEventListener('DOMContentLoaded', function() {
+    const searchInput = document.getElementById('commandSearch');
+    const commandsCount = document.getElementById('commandsCount');
+
+    // Store original count for reset
+    if (commandsCount) {
+        commandsCount.dataset.originalCount = commandsCount.textContent;
+    }
+
+    // Focus search with Ctrl+F or Cmd+F
+    document.addEventListener('keydown', function(e) {
+        if ((e.ctrlKey || e.metaKey) && e.key === 'f' && searchInput) {
+            e.preventDefault();
+            searchInput.focus();
+        }
+
+        // Clear search with Escape
+        if (e.key === 'Escape' && document.activeElement === searchInput) {
+            clearSearch();
+            searchInput.blur();
+        }
+
+        // Close modal with Escape
+        if (e.key === 'Escape') {
+            closeCommandModal();
+        }
+    });
+
+    // Close modal on background click
+    const modal = document.getElementById('commandModal');
+    if (modal) {
+        modal.addEventListener('click', function(e) {
+            if (e.target === modal) {
+                closeCommandModal();
+            }
+        });
+    }
+});
+
+// Export functions for global use
+window.searchCommands = searchCommands;
+window.clearSearch = clearSearch;