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