github
/
jumpserver
mirror of https://github.com/jumpserver/jumpserver
1
0
Fork 0
Code Issues Releases Wiki Activity

perf: celery task log css optimize

pull/13210/head
wangruidong 2024-05-10 19:23:51 +08:00 committed by Bryan
parent 8fe511cec6
commit e42a98ff95
1 changed files with 65 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
apps/ops/templates/ops/celery_task_log.html
View File

@ -11,7 +11,7 @@
<script src="{% static "js/jumpserver.js" %}?_=9"></script>
<style>
body {
background-color: black;
overflow: hidden;
margin: 0;
}
@ -20,65 +20,86 @@
font-size: 13px;
}
.container {
height: 100%;
display: flex;
flex-direction: column;
}
.terminal .xterm-viewport {
background-color: #1f1b1b;
overflow: auto;
overflow: hidden;
}
body ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: #272323;
border-radius: 6px;
}
body ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
body ::-webkit-scrollbar-thumb {
background-color: #494141;
border-radius: 6px;
}
#term {
flex-grow: 1;
background-color: black;
margin: 12px;
padding: 0 8px;
border-radius: 4px 0 0 0;
}
.info {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 6px 8px 6px 24px;
margin: 0;
background-color: #F3F3F5;
}
.task-type {
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: left;
color: #1F2329;
padding-bottom: 8px;
}
.info .item {
flex: auto;
list-style-type: square;
font-size: 14px;
color: #585757;
list-style: none;
}
.info .item .label {
font-weight: 400;
line-height: 22px;
font-size: 14px;
text-align: left;
color: #646A73;
padding-bottom: 12px;
}
.info .item .value {
color: black;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: left;
color: #1F2329;
}
</style>
</head>
<div class="container">
<div class="header">
<ul class="info">
<li class="item">
<span>ID:</span>
<span class="task-type"></span>
</li>
</ul>
<ul class="info">
<li class="item">
<span class="label">ID:</span>
<span class="value task-id"></span>
</li>
<li class="item">
<span>{% trans 'Task name' %}:</span>
<span class="value task-type"></span>
</li>
<li class="item">
<span>{% trans 'Date start' %}:</span>
<span class="label">{% trans 'Date start' %}:</span>
<span class="value date-start"></span>
</li>
</ul>
<div id="term" style="height: 100%;width: 100%">
</div>
<div id="term">
</div>
</div>
<script>
var scheme = document.location.protocol === "https:" ? "wss" : "ws";
var port = document.location.port ? ":" + document.location.port : "";
@ -127,6 +148,7 @@
}).on('resize', window, function () {
window.fit.fit(term);
});
function getAutomationExecutionInfo() {
let url = "{% url 'api-ops:task-executions-detail' pk=task_id %}";