Script execution list

This commit is contained in:
Magnus Åhall 2025-08-08 18:15:13 +02:00
parent 13a5b9a973
commit 55724b36b5
8 changed files with 517 additions and 14 deletions

View file

@ -54,7 +54,7 @@ button {
#menu {
grid-area: menu;
grid-template-columns: repeat(100, min-content);
grid-gap: 16px;
grid-gap: 24px;
align-items: center;
}
#menu.page {
@ -64,6 +64,8 @@ button {
#menu .item {
font-size: 1.1em;
cursor: pointer;
white-space: nowrap;
user-select: none;
}
#menu .item.selected {
font-weight: bold;
@ -548,3 +550,88 @@ dialog#connection-data div.button {
width: 50vw;
font-family: monospace;
}
#script-executions > .label {
font-weight: bold;
font-size: 1.5em;
color: var(--section-color);
white-space: nowrap;
}
#script-executions .executions {
display: grid;
grid-template-columns: repeat(11, min-content);
grid-gap: 4px 32px;
margin-top: 32px;
align-items: center;
}
#script-executions .executions .header {
font-weight: bold;
}
#script-executions .executions div {
white-space: nowrap;
}
#script-executions .executions img {
display: block;
height: 24px;
}
#script-executions .executions .time {
font-size: 0.9em;
color: #555;
}
#script-executions .executions .source img,
#script-executions .executions .data img,
#script-executions .executions .env img,
#script-executions .executions .stdout img,
#script-executions .executions .stderr img {
cursor: pointer;
}
#script-executions .executions .exitcode {
text-align: right;
}
#script-executions .executions .exitcode div {
padding: 2px 8px;
width: 50px;
border-radius: 4px;
color: #fff;
font-weight: bold;
text-align: center;
}
#script-executions .executions .exitcode div.code-ok {
background-color: #6f9753;
}
#script-executions .executions .exitcode div.code-error {
background-color: #a12f2f;
}
#script-execution-value-dialog {
display: grid;
}
#script-execution-value-dialog .top {
display: grid;
grid-template-columns: 1fr min-content;
}
#script-execution-value-dialog .top .header {
font-size: 1.25em;
font-weight: bold;
color: var(--section-color);
}
#script-execution-value-dialog .top .copy {
height: 32px;
cursor: pointer;
}
#script-execution-value-dialog .top .copy.clicked {
filter: invert(50%);
}
#script-execution-value-dialog .label {
font-weight: bold;
}
#script-execution-value-dialog .value {
margin-top: 16px;
padding: 16px;
border: 1px solid #ccc;
border-radius: 4px;
font-family: monospace;
font-size: 0.9em;
height: 75vh;
width: 80vw;
white-space: pre;
overflow: scroll;
}