4af584fffd
- Introduced a new `good_job_custom.css` file for custom styling of GoodJob logs. - Added a new `pixiv.png` icon for domain-specific logging in the `e621` posts helper. - Enhanced the `GoodJobHelper` module to parse ANSI escape codes for better log formatting. - Implemented a new `GoodJobExecutionLogLinesCollection` model to store log lines associated with job executions. - Updated views to display job execution details and logs with improved formatting and styling. - Refactored `ColorLogger` to support log line accumulation for better log management. These changes aim to improve the logging experience and visual representation of job execution details in the GoodJob dashboard.
88 lines
1.2 KiB
CSS
88 lines
1.2 KiB
CSS
/* ANSI Colors */
|
|
.ansi-bold {
|
|
font-weight: bold;
|
|
}
|
|
.ansi-black {
|
|
color: #000000;
|
|
}
|
|
.ansi-red {
|
|
color: #cd0000;
|
|
}
|
|
.ansi-green {
|
|
color: #00cd00;
|
|
}
|
|
.ansi-yellow {
|
|
color: #cdcd00;
|
|
}
|
|
.ansi-blue {
|
|
color: #0000ee;
|
|
}
|
|
.ansi-magenta {
|
|
color: #cd00cd;
|
|
}
|
|
.ansi-cyan {
|
|
color: #00cdcd;
|
|
}
|
|
.ansi-white {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
/* Bright variants */
|
|
.ansi-bright-black {
|
|
color: #7f7f7f;
|
|
}
|
|
.ansi-bright-red {
|
|
color: #ff0000;
|
|
}
|
|
.ansi-bright-green {
|
|
color: #00ff00;
|
|
}
|
|
.ansi-bright-yellow {
|
|
color: #ffff00;
|
|
}
|
|
.ansi-bright-blue {
|
|
color: #5c5cff;
|
|
}
|
|
.ansi-bright-magenta {
|
|
color: #ff00ff;
|
|
}
|
|
.ansi-bright-cyan {
|
|
color: #00ffff;
|
|
}
|
|
.ansi-bright-white {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.log-uuid {
|
|
max-width: 100px;
|
|
overflow: hidden;
|
|
/* white-space: nowrap; */
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/* Log line container */
|
|
.log-line {
|
|
font-family: monospace;
|
|
font-size: 0.8rem;
|
|
line-height: 1;
|
|
margin: 2px 0;
|
|
padding: 2px 4px;
|
|
display: flex;
|
|
}
|
|
|
|
.log-line > span {
|
|
display: inline-block;
|
|
white-space: pre;
|
|
}
|
|
|
|
.good-job-execution-log {
|
|
background: #3d3d3d;
|
|
}
|
|
|
|
.text-truncate-link {
|
|
display: inline-block;
|
|
max-width: 300px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|