extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2025-06-20 18:08:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

feature: add a label to the task item html that indicates number of images enqueued (prior, it was unclear before task begins processing)

Browse Source
This commit is contained in:
Ben Zichettello 2023-08-31 13:19:23 -04:00
parent 71bbbeb936
commit 73b3beb81b
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/media/css/main.css
View File

@ -711,7 +711,11 @@ div.img-preview img {
margin-right: 6px; margin-right: 6px;
cursor: move; cursor: move;
} }
.taskStatusLabel { /* Override conflicting css from imported library */
.header-content > .drag-handle {
min-width: initial !important;
}
.taskStatusLabel, .taskNumberOfImagesLabel {
font-size: 8pt; font-size: 8pt;
background:var(--background-color2); background:var(--background-color2);
border: 1px solid rgb(61, 62, 66); border: 1px solid rgb(61, 62, 66);

1
ui/media/js/main.js
View File

@ -1102,6 +1102,7 @@ function createTask(task) {
taskEntry.className = "imageTaskContainer" taskEntry.className = "imageTaskContainer"
taskEntry.innerHTML = ` <div class="header-content panel collapsible active"> taskEntry.innerHTML = ` <div class="header-content panel collapsible active">
<i class="drag-handle fa-solid fa-grip"></i> <i class="drag-handle fa-solid fa-grip"></i>
${task.numOutputsTotal > 1 ? `<div class="taskNumberOfImagesLabel">✕${task.numOutputsTotal}</div>` : ''}
<div class="taskStatusLabel">Enqueued</div> <div class="taskStatusLabel">Enqueued</div>
<button class="secondaryButton stopTask"><i class="fa-solid fa-xmark"></i> Cancel</button> <button class="secondaryButton stopTask"><i class="fa-solid fa-xmark"></i> Cancel</button>
<button class="tertiaryButton useSettings"><i class="fa-solid fa-redo"></i> Use these settings</button> <button class="tertiaryButton useSettings"><i class="fa-solid fa-redo"></i> Use these settings</button>