yo a este lo conozco

This commit is contained in:
Kevin Muñoz 2024-09-07 13:18:02 -05:00
parent aa1317ce11
commit f40bd4e2ca
Signed by: mrhacker
GPG Key ID: E5616555DD4EDAAE
5 changed files with 477 additions and 295 deletions

6
.env.example Normal file
View File

@ -0,0 +1,6 @@
DB_HOST=
DB_USER=
DB_PASSWD=
DB_NAME=
DB_CHARSET=utf8mb4
DB_COALLITION=utf8mb4_general_ci

1
.gitignore vendored
View File

@ -7,3 +7,4 @@
/templates/upload.html /templates/upload.html
app.py~ app.py~
app2.py app2.py
.env

146
app.py
View File

@ -1,13 +1,81 @@
from flask import Flask, render_template, request, jsonify from flask import Flask, render_template, request, jsonify
from flask_socketio import SocketIO, emit from flask_socketio import SocketIO, emit
from dotenv import load_dotenv
import subprocess import subprocess
import uuid import uuid
import os import os
import requests import requests
import hashlib
import mysql.connector
import filetype
app = Flask(__name__) app = Flask(__name__)
socketio = SocketIO(app) socketio = SocketIO(app)
def get_file_hashes(file_path):
hash_md5 = hashlib.md5()
hash_sha1 = hashlib.sha1()
hash_sha256 = hashlib.sha256()
with open(file_path, "rb") as f:
for chunk in iter(lambda: f.read(4096), b""):
hash_md5.update(chunk)
hash_sha1.update(chunk)
hash_sha256.update(chunk)
return {
"md5": hash_md5.hexdigest(),
"sha1": hash_sha1.hexdigest(),
"sha256": hash_sha256.hexdigest()
}
def get_file_type(file_path):
kind = filetype.guess(file_path)
if kind is None:
return "Unknown"
return kind.mime
def check_file_in_db(hashes):
connection = mysql.connector.connect(
host=os.getenv('DB_HOST'),
user=os.getenv('DB_USER'),
password=os.getenv('DB_PASSWD'),
database=os.getenv('DB_NAME'),
charset=os.getenv('DB_CHARSET'),
collation=os.getenv('DB_COALLITION')
)
cursor = connection.cursor()
query = "SELECT scan_result FROM file_scans WHERE md5_hash = %s OR sha1_hash = %s OR sha256_hash = %s"
cursor.execute(query, (hashes["md5"], hashes["sha1"], hashes["sha256"]))
result = cursor.fetchone()
cursor.close()
connection.close()
return result
def store_file_in_db(filename, hashes, file_type, scan_result):
connection = mysql.connector.connect(
host=os.getenv('DB_HOST'),
user=os.getenv('DB_USER'),
password=os.getenv('DB_PASSWD'),
database=os.getenv('DB_NAME'),
charset=os.getenv('DB_CHARSET'),
collation=os.getenv('DB_COALLITION')
)
cursor = connection.cursor()
query = """
INSERT INTO file_scans (filename, md5_hash, sha1_hash, sha256_hash, file_type, scan_result)
VALUES (%s, %s, %s, %s, %s, %s)
"""
cursor.execute(query, (filename, hashes["md5"], hashes["sha1"], hashes["sha256"], file_type, scan_result))
connection.commit()
cursor.close()
connection.close()
@app.route('/', methods=['GET', 'POST']) @app.route('/', methods=['GET', 'POST'])
def index(): def index():
return render_template('index.html') return render_template('index.html')
@ -18,12 +86,27 @@ def upload_file():
if file: if file:
file_path = os.path.join('/tmp', f"{uuid.uuid4()}_{file.filename}") file_path = os.path.join('/tmp', f"{uuid.uuid4()}_{file.filename}")
file.save(file_path) file.save(file_path)
# Obtener los hashes y el tipo de archivo
hashes = get_file_hashes(file_path)
file_type = get_file_type(file_path)
# Verificar si el archivo ya fue escaneado
existing_result = check_file_in_db(hashes)
if existing_result:
os.remove(file_path)
# Formatear el resultado del escaneo para que sea más legible
scan_result = format_scan_result(existing_result[0])
return jsonify({
'message': 'Este archivo ya lo he visto antes.',
'scan_result': scan_result
})
# Ejecuta el escaneo en un hilo separado para no bloquear la aplicación # Ejecuta el escaneo en un hilo separado para no bloquear la aplicación
socketio.start_background_task(target=scan_file, file_path=file_path) socketio.start_background_task(target=scan_file, file_path=file_path, hashes=hashes, file_type=file_type, filename=file.filename)
return 'Archivo subido exitosamente: ' + file.filename return jsonify({'message': 'Archivo subido exitosamente: ' + file.filename})
return 'No se recibió ningún archivo', 400 return jsonify({'error': 'No se recibió ningún archivo'}), 400
@app.route('/scan_url', methods=['POST']) @app.route('/scan_url', methods=['POST'])
def scan_url(): def scan_url():
@ -40,37 +123,68 @@ def scan_url():
response = requests.get(url) response = requests.get(url)
if response.status_code != 200: if response.status_code != 200:
return jsonify({'error': f'Error al descargar la URL: {response.status_code}'}), 400 return jsonify({'error': f'Error al descargar la URL: {response.status_code}'}), 400
file_path = os.path.join('/tmp', f"{uuid.uuid4()}_downloaded_content") file_path = os.path.join('/tmp', f"{uuid.uuid4()}_downloaded_content")
with open(file_path, 'wb') as temp_file: with open(file_path, 'wb') as temp_file:
temp_file.write(response.content) temp_file.write(response.content)
# Ejecutar el escaneo en un hilo separado para no bloquear la aplicación # Obtener los hashes y el tipo de archivo
socketio.start_background_task(target=scan_file, file_path=file_path) hashes = get_file_hashes(file_path)
file_type = get_file_type(file_path)
return jsonify({'message': f'Archivo descargado y guardado como {file_path}'}), 200 # Verificar si el archivo ya fue escaneado
existing_result = check_file_in_db(hashes)
if existing_result:
os.remove(file_path)
# Formatear el resultado del escaneo para que sea más legible
scan_result = format_scan_result(existing_result[0])
return jsonify({
'message': 'Este archivo ya lo he visto antes.',
'scan_result': scan_result
})
# Ejecutar el escaneo en un hilo separado para no bloquear la aplicación
socketio.start_background_task(target=scan_file, file_path=file_path, hashes=hashes, file_type=file_type, filename=filename)
return jsonify({'message': f'Archivo descargado y guardado como {file_path}. El escaneo está en progreso.'}), 200
except Exception as e: except Exception as e:
return jsonify({'error': str(e)}), 500 return jsonify({'error': str(e)}), 500
def scan_file(file_path): def scan_file(file_path, hashes, file_type, filename):
try: try:
# Ejecuta el comando de escaneo
scan_command = ["clamscan", "-r", file_path] scan_command = ["clamscan", "-r", file_path]
process = subprocess.Popen(scan_command, stdout=subprocess.PIPE, stderr=subprocess.PIPE, universal_newlines=True) process = subprocess.Popen(scan_command, stdout=subprocess.PIPE, stderr=subprocess.PIPE, universal_newlines=True)
for line in iter(process.stdout.readline, ''): # Lee la salida y los errores usando communicate()
if line.strip(): scan_output, error_output = process.communicate()
socketio.emit('scan_output', {'data': line.strip()})
# Verificar el código de retorno del proceso
if process.returncode != 0:
socketio.emit('scan_output', {'data': f'Error en el escaneo: {error_output}'})
return
# Si no hubo errores, emitir la salida del escaneo
socketio.emit('scan_output', {'data': scan_output})
# Emitir mensaje de escaneo completo
socketio.emit('scan_output', {'data': '--- Escaneo completado ---'}) socketio.emit('scan_output', {'data': '--- Escaneo completado ---'})
process.stdout.close() # Almacenar los hashes, el tipo de archivo y el resultado del escaneo en la base de datos
process.stderr.close() store_file_in_db(filename, hashes, file_type, scan_output)
process.wait()
except Exception as e: except Exception as e:
socketio.emit('scan_output', {'data': f'Error: {str(e)}'}) socketio.emit('scan_output', {'data': f'Error: {str(e)}'})
finally: finally:
# Asegúrate de eliminar el archivo temporal después del escaneo
if os.path.exists(file_path): if os.path.exists(file_path):
os.remove(file_path) os.remove(file_path)
def format_scan_result(scan_result):
# Formatear el resultado del escaneo para mejor legibilidad
formatted_result = scan_result.replace("\n", "<br>")
return formatted_result
if __name__ == '__main__': if __name__ == '__main__':
socketio.run(app, debug=True) socketio.run(app, debug=True)

View File

@ -1,21 +1,24 @@
bidict bidict==0.23.1
blinker blinker==1.8.2
certifi certifi==2024.7.4
charset-normalizer charset-normalizer==3.3.2
clamd clamd==1.0.2
click click==8.1.7
Flask filetype==1.2.0
Flask-SocketIO Flask==3.0.3
h11 Flask-SocketIO==5.3.6
idna h11==0.14.0
itsdangerous idna==3.7
Jinja2 itsdangerous==2.2.0
MarkupSafe Jinja2==3.1.4
pyClamd MarkupSafe==2.1.5
python-engineio mysql-connector-python==9.0.0
python-socketio pyClamd==0.4.0
requests python-dotenv==1.0.1
simple-websocket python-engineio==4.9.1
urllib3 python-socketio==5.11.3
Werkzeug requests==2.32.3
wsproto simple-websocket==1.0.0
urllib3==2.2.2
Werkzeug==3.0.3
wsproto==1.2.0

View File

@ -1,313 +1,371 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Condor Business Solutions SecureScan</title> <title>Condor Business Solutions SecureScan</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0"></script> <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0"></script>
<style> <style>
/* General styling */ /* General styling */
body { body {
background-color: #1e1e2f; background-color: #1e1e2f;
color: #dcdcdc; color: #dcdcdc;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
overflow: hidden; /* Para que no aparezca la barra de scroll */ overflow: hidden; /* Para que no aparezca la barra de scroll */
} }
h1 { h1 {
color: #00d1b2; color: #00d1b2;
margin-bottom: 30px; margin-bottom: 30px;
text-align: center; text-align: center;
} }
.container { .container {
max-width: 600px; max-width: 600px;
margin: 40px auto; margin: 40px auto;
padding: 20px; padding: 20px;
background: rgba(41, 41, 61, 0.85); /* Fondo semi-transparente */ background: rgba(41, 41, 61, 0.85); /* Fondo semi-transparente */
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
position: relative; /* Necesario para el contenedor */ position: relative; /* Necesario para el contenedor */
z-index: 1; z-index: 1;
} }
.form-control-file, .form-control, .btn { .form-control-file, .form-control, .btn {
border-radius: 50px; border-radius: 50px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.btn-primary, .btn-secondary { .btn-primary, .btn-secondary {
width: 100%; width: 100%;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.btn-primary:hover, .btn-secondary:hover { .btn-primary:hover, .btn-secondary:hover {
background-color: #00b89c; background-color: #00b89c;
} }
.btn-primary { .btn-primary {
background-color: #00d1b2; background-color: #00d1b2;
border: none; border: none;
} }
.btn-secondary { .btn-secondary {
background-color: #007bff; background-color: #007bff;
border: none; border: none;
} }
.progress { .progress {
height: 20px; height: 20px;
border-radius: 50px; border-radius: 50px;
overflow: hidden; overflow: hidden;
} }
.progress-bar { .progress-bar {
transition: width 0.4s ease; transition: width 0.4s ease;
} }
.terminal { .terminal {
height: 400px; height: 400px;
overflow-y: scroll; overflow-y: scroll;
background-color: #1a1a2e; background-color: #1a1a2e;
color: #00d1b2; color: #00d1b2;
padding: 20px; padding: 20px;
border-radius: 10px; border-radius: 10px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
} }
/* Scrollbar styling */ /* Scrollbar styling */
.terminal::-webkit-scrollbar { .terminal::-webkit-scrollbar {
width: 10px; width: 10px;
} }
.terminal::-webkit-scrollbar-thumb { .terminal::-webkit-scrollbar-thumb {
background-color: #00d1b2; background-color: #00d1b2;
border-radius: 10px; border-radius: 10px;
} }
/* Responsive design */ /* Responsive design */
@media (max-width: 768px) { @media (max-width: 768px) {
.container { .container {
width: 90%; width: 90%;
} }
} }
/* Fullscreen background for particles */ /* Fullscreen background for particles */
#particles-js { #particles-js {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
z-index: 0; /* Debajo del contenido principal */ z-index: 0; /* Debajo del contenido principal */
} }
</style> </style>
</head> </head>
<body> <body>
<div id="particles-js"></div> <div id="particles-js"></div>
<div class="container mt-4"> <div class="container mt-4">
<h1>Condor Business Solutions CyberScan|Terminal Web de Escaneo</h1> <h1>Condor Business Solutions CyberScan|Terminal Web de Escaneo</h1>
<input type="file" id="fileInput" class="form-control-file mb-3"> <input type="file" id="fileInput" class="form-control-file mb-3">
<button id="startScanBtn" class="btn btn-primary">Comenzar Escaneo</button> <button id="startScanBtn" class="btn btn-primary">Comenzar Escaneo</button>
<input type="text" id="urlInput" class="form-control" placeholder="Introduce una URL para escanear"> <input type="text" id="urlInput" class="form-control" placeholder="Introduce una URL para escanear">
<button id="startUrlScanBtn" class="btn btn-secondary">Escanear URL</button> <button id="startUrlScanBtn" class="btn btn-secondary">Escanear URL</button>
<div id="progress" class="progress mt-3" style="display: none;"> <div id="progress" class="progress mt-3" style="display: none;">
<div id="progressBar" class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> <div id="progressBar" class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<div id="scanOutput" class="terminal mt-4"></div> <div id="scanOutput" class="terminal mt-4"></div>
<div id="signaturesUsed" class="mt-3" style="display: none;"> <div id="signaturesUsed" class="mt-3" style="display: none;">
<strong>Número de firmas utilizadas:</strong> <span id="signaturesCount"></span> <strong>Número de firmas utilizadas:</strong> <span id="signaturesCount"></span>
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
var socket = io.connect('http://' + document.domain + ':' + location.port); var socket = io.connect('http://' + document.domain + ':' + location.port);
document.getElementById('startScanBtn').onclick = function() { document.getElementById('startScanBtn').onclick = function() {
var fileInput = document.getElementById('fileInput'); var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0]; var file = fileInput.files[0];
if (!file) {
appendToTerminal('<span style="color: red;">Por favor selecciona un archivo.</span>');
return;
}
appendToTerminal('<span style="color: green;">Subiendo archivo: ' + file.name + '</span>'); if (!file) {
appendToTerminal('<span style="color: red;">Por favor selecciona un archivo.</span>');
var formData = new FormData(); return;
formData.append('file', file);
// Mostrar la barra de progreso y ocultar el botón
document.getElementById('progress').style.display = 'block';
document.getElementById('startScanBtn').style.display = 'none';
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
appendToTerminal('<span style="color: green;">' + data + '</span>');
// Restablecer la visibilidad del botón después del escaneo
document.getElementById('startScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
})
.catch(error => {
appendToTerminal('<span style="color: red;">Error al subir el archivo: ' + error + '</span>');
// Restablecer la visibilidad del botón en caso de error
document.getElementById('startScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
});
};
document.getElementById('startUrlScanBtn').onclick = function() {
var urlInput = document.getElementById('urlInput').value;
if (!urlInput) {
appendToTerminal('<span style="color: red;">Por favor introduce una URL.</span>');
return;
}
// Asegurar que la URL tenga un esquema
if (!urlInput.startsWith('http://') && !urlInput.startsWith('https://')) {
urlInput = 'http://' + urlInput;
}
appendToTerminal('<span style="color: green;">Escaneando URL: ' + urlInput + '</span>');
// Mostrar la barra de progreso y ocultar el botón
document.getElementById('progress').style.display = 'block';
document.getElementById('startUrlScanBtn').style.display = 'none';
fetch('/scan_url', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ url: urlInput })
})
.then(response => response.json())
.then(data => {
if (data.error) {
appendToTerminal('<span style="color: red;">Error: ' + data.error + '</span>');
} else {
appendToTerminal('<span style="color: green;">' + data.message + '</span>');
}
// Restablecer la visibilidad del botón después del escaneo
document.getElementById('startUrlScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
})
.catch(error => {
appendToTerminal('<span style="color: red;">Error al escanear la URL: ' + error + '</span>');
// Restablecer la visibilidad del botón en caso de error
document.getElementById('startUrlScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
});
};
socket.on('scan_output', function(data) {
appendToTerminal(data.data);
// Parsear porcentaje de progreso si está presente
var progressMatch = data.data.match(/(\d+\.\d+)%/);
if (progressMatch) {
var percent = parseFloat(progressMatch[1]);
updateProgressBar(percent);
}
// Mostrar el número de firmas utilizadas (filtrando solo el número)
var signaturesMatch = data.data.match(/Known viruses: (\d+)/);
if (signaturesMatch) {
document.getElementById('signaturesUsed').style.display = 'block';
document.getElementById('signaturesCount').textContent = signaturesMatch[1];
}
});
function appendToTerminal(message) {
var scanOutput = document.getElementById('scanOutput');
var newLine = document.createElement('div');
newLine.innerHTML = message;
scanOutput.appendChild(newLine);
scanOutput.scrollTop = scanOutput.scrollHeight;
} }
function updateProgressBar(percent) { appendToTerminal('<span style="color: green;">Subiendo archivo: ' + file.name + '</span>');
var progressBar = document.getElementById('progressBar');
progressBar.style.width = percent + '%'; var formData = new FormData();
progressBar.setAttribute('aria-valuenow', percent); formData.append('file', file);
progressBar.innerHTML = percent.toFixed(2) + '%';
// Mostrar la barra de progreso y ocultar el botón
document.getElementById('progress').style.display = 'block';
document.getElementById('startScanBtn').style.display = 'none';
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
appendToTerminal('<span style="color: green;">' + data + '</span>');
// Restablecer la visibilidad del botón después del escaneo
document.getElementById('startScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
})
.catch(error => {
appendToTerminal('<span style="color: red;">Error al subir el archivo: ' + error + '</span>');
// Restablecer la visibilidad del botón en caso de error
document.getElementById('startScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
});
};
document.getElementById('startScanBtn').onclick = function() {
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
if (!file) {
appendToTerminal('<span style="color: red;">Por favor selecciona un archivo.</span>');
return;
} }
// Configurar particles.js appendToTerminal('<span style="color: green;">Subiendo archivo: ' + file.name + '</span>');
particlesJS('particles-js', {
"particles": { var formData = new FormData();
"number": { formData.append('file', file);
"value": 80,
"density": { // Mostrar la barra de progreso y ocultar el botón
"enable": true, document.getElementById('progress').style.display = 'block';
"value_area": 800 document.getElementById('startScanBtn').style.display = 'none';
}
}, fetch('/upload', {
"color": { method: 'POST',
"value": "#ffffff" body: formData
}, })
"shape": { .then(response => response.text())
"type": "circle", .then(data => {
"stroke": { appendToTerminal('<span style="color: green;">' + data + '</span>');
"width": 0, // Restablecer la visibilidad del botón después del escaneo
"color": "#000000" document.getElementById('startScanBtn').style.display = 'block';
}, document.getElementById('progress').style.display = 'none';
"polygon": { document.getElementById('progressBar').style.width = '0%';
"nb_sides": 5 // Limpiar el input de archivo
}, document.getElementById('fileInput').value = '';
}, })
"opacity": { .catch(error => {
"value": 0.5, appendToTerminal('<span style="color: red;">Error al subir el archivo: ' + error + '</span>');
"random": false, // Restablecer la visibilidad del botón en caso de error
"anim": { document.getElementById('startScanBtn').style.display = 'block';
"enable": false, document.getElementById('progress').style.display = 'none';
"speed": 1, document.getElementById('progressBar').style.width = '0%';
"opacity_min": 0.1, // Limpiar el input de archivo en caso de error
"sync": false document.getElementById('fileInput').value = '';
} });
}, };
"size": {
"value": 3, document.getElementById('startUrlScanBtn').onclick = function() {
"random": true, var urlInput = document.getElementById('urlInput').value;
"anim": {
"enable": false, if (!urlInput) {
"speed": 40, appendToTerminal('<span style="color: red;">Por favor introduce una URL.</span>');
"size_min": 0.1, return;
"sync": false }
}
}, // Asegurar que la URL tenga un esquema
"line_linked": { if (!urlInput.startsWith('http://') && !urlInput.startsWith('https://')) {
"enable": true, urlInput = 'http://' + urlInput;
"distance": 150, }
"color": "#ffffff",
"opacity": 0.4, appendToTerminal('<span style="color: green;">Escaneando URL: ' + urlInput + '</span>');
"width": 1
}, // Mostrar la barra de progreso y ocultar el botón
"move": { document.getElementById('progress').style.display = 'block';
"enable": true, document.getElementById('startUrlScanBtn').style.display = 'none';
"speed": 6,
"direction": "none", fetch('/scan_url', {
"random": false, method: 'POST',
"straight": false, headers: {
"out_mode": "out", 'Content-Type': 'application/json'
"attract": { },
"enable": false, body: JSON.stringify({ url: urlInput })
"rotateX": 600, })
"rotateY": 1200 .then(response => {
} // Comprobar si la respuesta es JSON
} const contentType = response.headers.get('content-type');
if (contentType && contentType.includes('application/json')) {
return response.json();
} else {
return response.text(); // Si no es JSON, tratarlo como texto
}
})
.then(data => {
if (typeof data === 'string') {
appendToTerminal('<span style="color: red;">Respuesta inesperada: ' + data + '</span>');
} else if (data.error) {
appendToTerminal('<span style="color: red;">Error: ' + data.error + '</span>');
} else {
appendToTerminal('<span style="color: green;">' + data.message + '</span>');
}
// Restablecer la visibilidad del botón después del escaneo
document.getElementById('startUrlScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
// Limpiar el input de URL
document.getElementById('urlInput').value = '';
})
.catch(error => {
appendToTerminal('<span style="color: red;">Error al escanear la URL: ' + error + '</span>');
// Restablecer la visibilidad del botón en caso de error
document.getElementById('startUrlScanBtn').style.display = 'block';
document.getElementById('progress').style.display = 'none';
document.getElementById('progressBar').style.width = '0%';
// Limpiar el input de URL en caso de error
document.getElementById('urlInput').value = '';
});
};
socket.on('scan_output', function(data) {
appendToTerminal(data.data);
// Parsear porcentaje de progreso si está presente
var progressMatch = data.data.match(/(\d+\.\d+)%/);
if (progressMatch) {
var percent = parseFloat(progressMatch[1]);
updateProgressBar(percent);
}
// Mostrar el número de firmas utilizadas (filtrando solo el número)
var signaturesMatch = data.data.match(/Known viruses: (\d+)/);
if (signaturesMatch) {
document.getElementById('signaturesUsed').style.display = 'block';
document.getElementById('signaturesCount').textContent = signaturesMatch[1];
}
});
function appendToTerminal(message) {
var scanOutput = document.getElementById('scanOutput');
var newLine = document.createElement('div');
newLine.innerHTML = message;
scanOutput.appendChild(newLine);
scanOutput.scrollTop = scanOutput.scrollHeight;
}
function updateProgressBar(percent) {
var progressBar = document.getElementById('progressBar');
progressBar.style.width = percent + '%';
progressBar.setAttribute('aria-valuenow', percent);
progressBar.innerHTML = percent.toFixed(2) + '%';
}
// Configurar particles.js
particlesJS('particles-js', {
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#ffffff"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
}, },
"interactivity": { "polygon": {
"detect_on": "canvas", "nb_sides": 5
"events": {
"onhover": {
"enable": false
},
"onclick": {
"enable": false
},
"resize": true
},
}, },
"retina_detect": true },
}); "opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 6,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": false
},
"onclick": {
"enable": false
},
"resize": true
},
},
"retina_detect": true
});
</script> </script>
</body> </body>
</html> </html>