diff --git a/aiScanner/templates/aiScanner/scanner.html b/aiScanner/templates/aiScanner/scanner.html index 7a98eb6d6..0fcecfd09 100644 --- a/aiScanner/templates/aiScanner/scanner.html +++ b/aiScanner/templates/aiScanner/scanner.html @@ -5,346 +5,731 @@ AI Security Scanner - CyberPanel {% endblock %} +{% block header_scripts %} + +{% endblock %} + {% block content %} -
-
-
-

- AI Security Scanner -

-
-
+
+
+ + +
+

+ + AI Security Scanner +

{% if error %} -
- {{ error }} +
+ +
+

{{ error }}

+
{% endif %} {% if messages %} {% for message in messages %} -
- {{ message }} +
+ +
+

{{ message }}

+
{% endfor %} {% endif %} - - - {% if not is_payment_configured and not vps_info.is_vps|default:False|default:False %} -
-
-
-

Setup Required

-

Configure your payment method to start scanning WordPress sites for malware and security vulnerabilities. Your card will be charged $10 initially to fund your scanning account.

- - {% if pricing_data.success and pricing_data.plan %} -
-
-
Current Pricing:
-
    -
  • {{ pricing_data.plan.name }}
    • -
  • Max Files: {{ pricing_data.plan.limits.max_files_per_scan|floatformat:0 }}
    • -
  • Max File Size: {{ pricing_data.plan.limits.max_file_size_mb }}MB
    • -
-
-
-
Example Costs:
-
    -
  • Small Scan: ${{ pricing_data.plan.example_costs.small_scan.estimated_cost_usd }}
    • -
  • Medium Scan: ${{ pricing_data.plan.example_costs.medium_scan.estimated_cost_usd }}
    • -
  • Large Scan: ${{ pricing_data.plan.example_costs.large_scan.estimated_cost_usd }}
    • -
-
-
- {% endif %} - - -
-
-
- {% endif %} - - - {% if vps_info.is_vps|default:False|default:False and vps_info.has_free_scans|default:False|default:False %} -
-
-
-

VPS Free Scans Available

-

Great news! Your CyberPanel VPS hosting includes {{ vps_info.free_scans_available|default:0 }} free AI security scans this month ({{ vps_info.scans_used_this_month|default:0 }}/{{ vps_info.free_scans_per_month|default:0 }} used).

- {% if not is_payment_configured %} -

You can still add a payment method below for additional scans beyond your free allowance.

- {% endif %} -
-
-
- {% elif vps_info.is_vps|default:False|default:False and not vps_info.has_free_scans|default:False|default:True %} -
-
-
-

Free Scans Exhausted

-

You've used all {{ vps_info.free_scans_per_month|default:0 }} free AI security scans for this month. Setup payment to continue scanning.

-
-
-
- {% endif %} - - - {% if is_payment_configured or vps_info.is_vps|default:False|default:False %} -
-
-
-
-

- Account Balance -

-
-
- {% if vps_info.is_vps|default:False|default:False and vps_info.has_free_scans|default:False|default:False %} -

{{ vps_info.free_scans_available|default:0 }}

-

Free Scans Available

- {% if is_payment_configured %} - Plus ${{ current_balance|floatformat:4 }} credit - {% endif %} - {% else %} -

${{ current_balance|floatformat:4 }}

-

Available Credit

- {% endif %} - {% if is_payment_configured %} - - {% endif %} -
-
-
- -
-
-
-

- Recent Scans -

-
-
-

{{ recent_scans|length }}

-

Last 30 Days

-
-
-
- -
-
-
-

- Issues Found -

-
-
-

- {% for scan in recent_scans %}{% if scan.status == 'completed' %}{{ scan.issues_found|add:0 }}{% endif %}{% endfor %} -

-

Total Issues

-
-
-
-
- - -
-
-
-
-

- Payment Methods - {% if not vps_info.is_vps|default:False or is_payment_configured %} - - {% else %} - - {% endif %} -

-
-
- {% if vps_info.is_vps|default:False and not is_payment_configured %} -

- - Payment setup is optional for VPS users. You have {{ vps_info.free_scans_available|default:0 }} free scans available. -

- {% else %} -

- - Your account uses automatic billing. Add multiple payment methods for backup security. -

- {% endif %} -
- {% if is_payment_configured %} -

Payment methods will be managed through the platform.

- {% else %} -

No payment methods configured yet.

- {% endif %} -
-
-
-
-
- - -
-
-
-
-

- Start New Scan -

-
-
-
-
-
-
- - -
-
-
-
- - -
-
-
-
- - {% if vps_info.is_vps|default:False and not vps_info.has_free_scans|default:False and not is_payment_configured %} - - {% else %} - - {% endif %} -
-
-
-
-
-
-
-
- {% endif %} - - - {% if recent_scans and is_payment_configured or recent_scans and vps_info.is_vps|default:False %} -
-
-
-
-

- Recent Scans - -

-
-
-
- - - - - - - - - - - - - - - - {% for scan in recent_scans %} - - - - - - - - - - - - {% endfor %} - -
DateDomainTypeStatusProgressFilesIssuesCostActions
{{ scan.started_at|date:"M d, Y H:i" }}{{ scan.domain }} - {{ scan.get_scan_type_display }} - - {% if scan.status == 'completed' %} - Completed - {% elif scan.status == 'running' %} - Running - {% elif scan.status == 'failed' %} - Failed - {% elif scan.status == 'pending' %} - Pending - {% endif %} - - {% if scan.status == 'running' or scan.status == 'pending' %} -
-
- 0% -
-
- {% else %} - 100% - {% endif %} - 		{{ scan.files_scanned|default:"-" }} - {% if scan.issues_found > 0 %} - {{ scan.issues_found }} - {% else %} - {{ scan.issues_found }} - {% endif %} - - {% if scan.cost_usd %} - ${{ scan.cost_usd|floatformat:4 }} - {% else %} - - - {% endif %} - - -
-
-
-
-
-
- {% endif %} -
+ + + {% if not is_payment_configured and not vps_info.is_vps|default:False|default:False %} +
+
+ +
+

Setup Required

+

Configure your payment method to start scanning WordPress sites for malware and security vulnerabilities. Your card will be charged $10 initially to fund your scanning account.

+ + {% if pricing_data.success and pricing_data.plan %} +
+
+
Current Pricing:
+
    +
  • {{ pricing_data.plan.name }}
    • +
  • Max Files: {{ pricing_data.plan.limits.max_files_per_scan|floatformat:0 }}
    • +
  • Max File Size: {{ pricing_data.plan.limits.max_file_size_mb }}MB
    • +
+
+
+
Example Costs:
+
    +
  • Small Scan: ${{ pricing_data.plan.example_costs.small_scan.estimated_cost_usd }}
    • +
  • Medium Scan: ${{ pricing_data.plan.example_costs.medium_scan.estimated_cost_usd }}
    • +
  • Large Scan: ${{ pricing_data.plan.example_costs.large_scan.estimated_cost_usd }}
    • +
+
+
+ {% endif %} + + +
+
+
+ {% endif %} + + + {% if vps_info.is_vps|default:False|default:False and vps_info.has_free_scans|default:False|default:False %} +
+
+ +
+

VPS Free Scans Available

+

Great news! Your CyberPanel VPS hosting includes {{ vps_info.free_scans_available|default:0 }} free AI security scans this month ({{ vps_info.scans_used_this_month|default:0 }}/{{ vps_info.free_scans_per_month|default:0 }} used).

+ {% if not is_payment_configured %} +

You can still add a payment method below for additional scans beyond your free allowance.

+ {% endif %} +
+
+
+ {% elif vps_info.is_vps|default:False|default:False and not vps_info.has_free_scans|default:False|default:True %} +
+
+ +
+

Free Scans Exhausted

+

You've used all {{ vps_info.free_scans_per_month|default:0 }} free AI security scans for this month. Setup payment to continue scanning.

+
+
+
+ {% endif %} + + + {% if is_payment_configured or vps_info.is_vps|default:False|default:False %} +
+
+
+ +
+ {% if vps_info.is_vps|default:False|default:False and vps_info.has_free_scans|default:False|default:False %} +

{{ vps_info.free_scans_available|default:0 }}

+

Free Scans Available

+ {% if is_payment_configured %} + Plus ${{ current_balance|floatformat:4 }} credit + {% endif %} + {% else %} +

${{ current_balance|floatformat:4 }}

+

Available Credit

+ {% endif %} + {% if is_payment_configured %} + + {% endif %} +
+ +
+
+ +
+

{{ recent_scans|length }}

+

Recent Scans

+ Last 30 Days +
+ +
+
+ +
+

+ {% for scan in recent_scans %}{% if scan.status == 'completed' %}{{ scan.issues_found|add:0 }}{% endif %}{% endfor %} +

+

Issues Found

+ Total Issues +
+
+ + +
+
+

+ + Payment Methods +

+ {% if not vps_info.is_vps|default:False or is_payment_configured %} + + {% else %} + + {% endif %} +
+ + {% if vps_info.is_vps|default:False and not is_payment_configured %} +

+ + Payment setup is optional for VPS users. You have {{ vps_info.free_scans_available|default:0 }} free scans available. +

+ {% else %} +

+ + Your account uses automatic billing. Add multiple payment methods for backup security. +

+ {% endif %} +
+ {% if is_payment_configured %} +

Payment methods will be managed through the platform.

+ {% else %} +

No payment methods configured yet.

+ {% endif %} +
+
+ + +
+

+ + Start New Scan +

+
+
+
+ + +
+
+ + +
+
+ {% if vps_info.is_vps|default:False and not vps_info.has_free_scans|default:False and not is_payment_configured %} + + {% else %} + + {% endif %} +
+
+
+
+ {% endif %} + + + {% if recent_scans and is_payment_configured or recent_scans and vps_info.is_vps|default:False %} +
+
+

+ + Recent Scans +

+ +
+
+ + + + + + + + + + + + + + + + {% for scan in recent_scans %} + + + + + + + + + + + + {% endfor %} + +
DateDomainTypeStatusProgressFilesIssuesCostActions
{{ scan.started_at|date:"M d, Y H:i" }}{{ scan.domain }} + {{ scan.get_scan_type_display }} + + {% if scan.status == 'completed' %} + Completed + {% elif scan.status == 'running' %} + Running + {% elif scan.status == 'failed' %} + Failed + {% elif scan.status == 'pending' %} + Pending + {% endif %} + + {% if scan.status == 'running' or scan.status == 'pending' %} +
+
+ 0% +
+
+ {% else %} + 100% + {% endif %} + 		{{ scan.files_scanned|default:"-" }} + {% if scan.issues_found > 0 %} + {{ scan.issues_found }} + {% else %} + {{ scan.issues_found }} + {% endif %} + + {% if scan.cost_usd %} + ${{ scan.cost_usd|floatformat:4 }} + {% else %} + - + {% endif %} + + +
+
+
+ {% endif %} +
@@ -353,10 +738,10 @@ AI Security Scanner - CyberPanel
-

Scan Results

+
@@ -364,8 +749,8 @@ AI Security Scanner - CyberPanel
- Loading... -
@@ -376,9 +761,9 @@ AI Security Scanner - CyberPanel
-
- 0% + 0%
@@ -399,35 +784,27 @@ AI Security Scanner - CyberPanel
-
-
-

0

- Files Discovered -
+
+

0

+ Files Discovered
-
-
-

0

- Files Scanned -
+
+

0

+ Files Scanned
-
-
-

0

- Files Remaining -
+
+

0

+ Files Remaining
-
-
-

0

- Threats Found -
+
+

0

+ Threats Found
@@ -436,8 +813,8 @@ AI Security Scanner - CyberPanel
Threat Breakdown: - Critical: 0 - High: 0 + Critical: 0 + High: 0
@@ -461,7 +838,7 @@ AI Security Scanner - CyberPanel
- +
@@ -573,26 +950,26 @@ function updateScanHistoryTable(scans) { scans.forEach(scan => { const statusBadge = getStatusBadge(scan.status); const issuesText = scan.issues_found > 0 ? - `${scan.issues_found}` : - `${scan.issues_found}`; + `${scan.issues_found}` : + `${scan.issues_found}`; - const actionsHtml = ``; const progressHtml = (scan.status === 'running' || scan.status === 'pending') ? - `
-
+
- 0% + 0%
-
` : '100%'; +
` : '100%'; const row = ` ${new Date(scan.started_at).toLocaleDateString()} ${scan.domain} - ${scan.scan_type} + ${scan.scan_type} ${statusBadge} ${progressHtml} ${scan.files_scanned || '-'} @@ -607,12 +984,12 @@ function updateScanHistoryTable(scans) { function getStatusBadge(status) { const badges = { - 'completed': 'Completed', - 'running': 'Running', - 'failed': 'Failed', - 'pending': 'Pending' + 'completed': 'Completed', + 'running': 'Running', + 'failed': 'Failed', + 'pending': 'Pending' }; - return badges[status] || 'Unknown'; + return badges[status] || 'Unknown'; } // Global scan monitor variables @@ -682,7 +1059,7 @@ function updateProgressUI(data) { // Update phase const phaseElement = document.getElementById('scanPhase'); phaseElement.textContent = formatPhase(data.phase); - phaseElement.className = `label label-${getPhaseColor(data.phase)}`; + phaseElement.className = `status-label ${getPhaseColor(data.phase)}`; // Update activity and file info document.getElementById('currentActivity').textContent = data.activity_description || 'Processing...'; @@ -760,7 +1137,12 @@ function fetchCompletedScanDetails(scanId) { document.getElementById('progressSection').style.display = 'none'; document.getElementById('completedSection').style.display = 'block'; document.getElementById('completedSection').innerHTML = - `
Error: ${data.error}
`; + `
+ +
+

Error: ${data.error}

+
+
`; } }) .catch(error => { @@ -769,7 +1151,12 @@ function fetchCompletedScanDetails(scanId) { document.getElementById('progressSection').style.display = 'none'; document.getElementById('completedSection').style.display = 'block'; document.getElementById('completedSection').innerHTML = - `
Failed to load scan details. Please try again.
`; + `
+ +
+

Failed to load scan details. Please try again.

+
+
`; }); } @@ -782,8 +1169,8 @@ function displayCompletedScanDetails(scan) { let findingsHtml = ''; if (scan.findings && scan.findings.length > 0) { findingsHtml = ` -
Security Issues Found (${scan.findings.length})
-
+
Security Issues Found (${scan.findings.length})
+
`; scan.findings.forEach(finding => { @@ -791,54 +1178,55 @@ function displayCompletedScanDetails(scan) { finding.severity === 'medium' ? 'warning' : 'info'; findingsHtml += ` -
-
- ${finding.severity} +
+
+ ${finding.severity} ${finding.title}
-

${finding.description}

- ${finding.file ? `File: ${finding.file}` : ''} +

${finding.description}

+ ${finding.file ? `File: ${finding.file}` : ''}
`; }); findingsHtml += '
'; } else { - findingsHtml = '
No security issues found!
'; + findingsHtml = `
+ +
+

No security issues found!

+
+
`; } document.getElementById('completedSection').innerHTML = ` -
-
-
-
-

${scan.files_scanned || 0}

- Files Scanned -
+
+
+
+
+

${scan.files_scanned || 0}

+

Files Scanned

-
-
-
-

${scan.issues_found || 0}

- Issues Found -
+
+
+
+

${scan.issues_found || 0}

+

Issues Found

-
-
-
-

${scan.cost_usd ? '$' + scan.cost_usd.toFixed(4) : 'Free'}

- Cost -
+
+
+
+

${scan.cost_usd ? '$' + scan.cost_usd.toFixed(4) : 'Free'}

+

Cost

-
-
-
-

${new Date(scan.started_at).toLocaleDateString()}

- Scan Date -
+
+
+
+

${new Date(scan.started_at).toLocaleDateString()}

+

Scan Date

${findingsHtml} @@ -935,7 +1323,7 @@ function updateTableRowProgress(row, data) { if (statusCell) { const phaseText = formatPhase(data.phase); const statusClass = getStatusClass(data.phase); - statusCell.className = `label label-${statusClass}`; + statusCell.className = `status-label ${statusClass}`; statusCell.textContent = phaseText; } @@ -943,16 +1331,16 @@ function updateTableRowProgress(row, data) { if (progressCell) { if (data.is_active) { progressCell.innerHTML = ` -
-
+
- ${data.progress}% + ${data.progress}%
`; } else { - progressCell.innerHTML = '100%'; + progressCell.innerHTML = '100%'; } } @@ -963,7 +1351,7 @@ function updateTableRowProgress(row, data) { // Update issues count if (issuesCell && data.threats_found > 0) { - issuesCell.innerHTML = `${data.threats_found}`; + issuesCell.innerHTML = `${data.threats_found}`; } // Update cost (real-time cost from platform)