ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(tasks): Improve task overview page layout and styling for better readability

Browse Source
This commit is contained in:
Ross
2026-05-17 22:08:07 +01:00
parent 75e3bca503
commit d5e473d692
2 changed files with 40 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
atlas/templates/atlas/task_overview.html
+32 -10
View File
@@ -7,7 +7,29 @@ Atlas Task Overview
{% endblock title %}
{% block content %}
<div class="container-xl py-3">
<div class="container-fluid py-3 px-3">
<style>
.task-overview-table {
min-width: 1650px;
}
.task-overview-table th,
.task-overview-table td {
white-space: nowrap;
vertical-align: middle;
}
.task-overview-table .task-col,
.task-overview-table .generated-col,
.task-overview-table .error-col,
.task-overview-table .actions-col {
white-space: normal;
}
.task-overview-table .generated-col {
min-width: 220px;
}
</style>
<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
<h2 class="h4 mb-0">Atlas Task Overview</h2>
<div class="d-flex gap-2">
@@ -69,20 +91,20 @@ Atlas Task Overview
</div>
<div class="table-responsive">
<table class="table table-sm table-striped align-middle">
<table class="table table-sm table-striped align-middle task-overview-table">
<thead>
<tr>
<th style="width: 36px;"></th>
<th>Task</th>
<th class="task-col">Task</th>
<th>Status</th>
<th>Generated Series</th>
<th class="generated-col">Generated Series</th>
<th>Queue</th>
<th>Enqueued</th>
<th>Started</th>
<th>Finished</th>
<th>Worker</th>
<th>Error</th>
<th>Actions</th>
<th class="error-col">Error</th>
<th class="actions-col">Actions</th>
</tr>
</thead>
<tbody>
@@ -91,7 +113,7 @@ Atlas Task Overview
<td>
<input class="form-check-input task-select" type="checkbox" name="task_ids" value="{{ task.id }}">
</td>
<td>
<td class="task-col">
<div class="small fw-semibold">{{ task.task_path }}</div>
<div class="small text-muted">{{ task.id }}</div>
</td>
@@ -106,7 +128,7 @@ Atlas Task Overview
<span class="badge bg-secondary">{{ task.status }}</span>
{% endif %}
</td>
<td class="small">
<td class="small generated-col">
{% if task.generated_series %}
{% for series in task.generated_series %}
<a class="d-block" target="_blank" href="{{ series.url }}">{{ series.description }}</a>
@@ -120,8 +142,8 @@ Atlas Task Overview
<td class="small">{{ task.started_at|date:"Y-m-d H:i:s" }}</td>
<td class="small">{{ task.finished_at|date:"Y-m-d H:i:s" }}</td>
<td class="small">{{ task.worker_ids }}</td>
<td class="small text-danger">{{ task.exception_class_path|default:"" }}</td>
<td class="small">
<td class="small text-danger error-col">{{ task.exception_class_path|default:"" }}</td>
<td class="small actions-col">
{% if task.traceback %}
<button
class="btn btn-outline-danger btn-sm"