-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLogsStyles.js
63 lines (52 loc) · 3.77 KB
/
LogsStyles.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
// /* - VARIOS - */
// console.log('%c [VARIOS] %c Mensaje variado', 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;', 'background: #444; color: #bada55; padding: 2px; border-radius:2px;');
// /* - ERROR - */
// console.log('%c [ERROR] %c ¡Algo salió mal!', 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;', 'background: #ff4444; color: #ffffff; padding: 2px; border-radius: 2px;');
// /* - INFO - */
// console.log('%c [INFO] %c Proceso completado con éxito.', 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;', 'background: #2b9ccf4d; color: #ffffff; padding: 2px; border-radius: 2px;');
// /* - WARNING - */
// console.log('%c [WARNING] %c La configuración no está optimizada.', 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;', 'background: #f6a935; color: #ffffff; padding: 2px; border-radius: 2px;');
// /* - SUCCESS - */
// console.log('%c [SUCCESS] %c ¡Datos cargados correctamente!', 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;', 'background: #4CAF50; color: #ffffff; padding: 2px; border-radius: 2px;');
// /* - DEPURACIÓN - */
// console.log('%c [DEPURACIÓN] %c Variable X = 100.', 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;', 'background: #9c27b0; color: #ffffff; padding: 2px; border-radius: 2px;');
// /* - PROCESANDO - */
// console.log('%c [PROCESO] %c Conectando al servidor...', 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;', 'background: #00695c; color: #fff; padding: 2px; border-radius: 2px;');
function customConsoleLog(type, text, content) {
let styleType, styleContent;
switch(type.toUpperCase()) {
case 'VARIOS':
styleType = 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;';
styleContent = 'background: #444; color: #bada55; padding: 2px; border-radius: 2px;';
break;
case 'ERROR':
styleType = 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;';
styleContent = 'background: #ff4444; color: #ffffff; padding: 2px; border-radius: 2px;';
break;
case 'INFO':
styleType = 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;';
styleContent = 'background: #2b9ccf; color: #ffffff; padding: 2px; border-radius: 2px;';
break;
case 'WARNING':
styleType = 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;';
styleContent = 'background: #f6a935; color: #ffffff; padding: 2px; border-radius: 2px;';
break;
case 'SUCCESS':
styleType = 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;';
styleContent = 'background: #4CAF50; color: #ffffff; padding: 2px; border-radius: 2px;';
break;
case 'DEPURACIÓN':
styleType = 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;';
styleContent = 'background: #9c27b0; color: #ffffff; padding: 2px; border-radius: 2px;';
break;
case 'PROCESO':
styleType = 'font-weight: bold; letter-spacing: 1px; color: #fff; padding: 2px; border-radius: 2px;';
styleContent = 'background: #00695c; color: #fff; padding: 2px; border-radius: 2px;';
break;
default:
console.error('Tipo desconocido');
return;
}
console.log(`%c [${type.toUpperCase()}] %c ${text} `, styleType, styleContent, content ? content : '');
}
export const customLog = (type, text, content) => customConsoleLog(type, text, content);