orion/static/admin/js/code-quality-violations.js

/**
 * Code Quality Violations List Component
 * Manages the violations list page with filtering and pagination
 */

function codeQualityViolations() {
    return {
        loading: false,
        error: null,
        violations: [],
        pagination: {
            page: 1,
            page_size: 50,
            total: 0,
            total_pages: 0
        },
        filters: {
            severity: '',
            status: '',
            rule_id: '',
            file_path: ''
        },

        async init() {
            // Load filters from URL params
            const params = new URLSearchParams(window.location.search);
            this.filters.severity = params.get('severity') || '';
            this.filters.status = params.get('status') || '';
            this.filters.rule_id = params.get('rule_id') || '';
            this.filters.file_path = params.get('file_path') || '';

            await this.loadViolations();
        },

        async loadViolations() {
            this.loading = true;
            this.error = null;

            try {
                // Build query params
                const params = new URLSearchParams({
                    page: this.pagination.page.toString(),
                    page_size: this.pagination.page_size.toString()
                });

                if (this.filters.severity) params.append('severity', this.filters.severity);
                if (this.filters.status) params.append('status', this.filters.status);
                if (this.filters.rule_id) params.append('rule_id', this.filters.rule_id);
                if (this.filters.file_path) params.append('file_path', this.filters.file_path);

                const response = await fetch(`/api/v1/admin/code-quality/violations?${params.toString()}`, {
                    headers: {
                        'Authorization': `Bearer ${getAccessToken()}`
                    }
                });

                if (!response.ok) {
                    if (response.status === 401) {
                        window.location.href = '/admin/login';
                        return;
                    }
                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
                }

                const data = await response.json();
                this.violations = data.violations;
                this.pagination = {
                    page: data.page,
                    page_size: data.page_size,
                    total: data.total,
                    total_pages: data.total_pages
                };

                // Update URL with current filters (without reloading)
                this.updateURL();
            } catch (err) {
                console.error('Failed to load violations:', err);
                this.error = err.message;
            } finally {
                this.loading = false;
            }
        },

        applyFilters() {
            // Reset to page 1 when filters change
            this.pagination.page = 1;
            this.loadViolations();
        },

        async nextPage() {
            if (this.pagination.page < this.pagination.total_pages) {
                this.pagination.page++;
                await this.loadViolations();
            }
        },

        async previousPage() {
            if (this.pagination.page > 1) {
                this.pagination.page--;
                await this.loadViolations();
            }
        },

        updateURL() {
            const params = new URLSearchParams();

            if (this.filters.severity) params.set('severity', this.filters.severity);
            if (this.filters.status) params.set('status', this.filters.status);
            if (this.filters.rule_id) params.set('rule_id', this.filters.rule_id);
            if (this.filters.file_path) params.set('file_path', this.filters.file_path);

            const newURL = params.toString()
                ? `${window.location.pathname}?${params.toString()}`
                : window.location.pathname;

            window.history.replaceState({}, '', newURL);
        }
    };
}