Display history in reverse order to make it easier to load last gen.

This commit is contained in:
comfyanonymous 2023-09-02 15:36:45 -04:00
parent 6962cb46a9
commit 62efc78a4b
1 changed files with 5 additions and 3 deletions

View File

@ -431,10 +431,12 @@ class ComfySettingsDialog extends ComfyDialog {
class ComfyList {
#type;
#text;
#reverse;
constructor(text, type) {
constructor(text, type, reverse) {
this.#text = text;
this.#type = type || text.toLowerCase();
this.#reverse = reverse || false;
this.element = $el("div.comfy-list");
this.element.style.display = "none";
}
@ -451,7 +453,7 @@ class ComfyList {
textContent: section,
}),
$el("div.comfy-list-items", [
...items[section].map((item) => {
...(this.#reverse ? items[section].reverse() : items[section]).map((item) => {
// Allow items to specify a custom remove action (e.g. for interrupt current prompt)
const removeAction = item.remove || {
name: "Delete",
@ -529,7 +531,7 @@ export class ComfyUI {
this.batchCount = 1;
this.lastQueueSize = 0;
this.queue = new ComfyList("Queue");
this.history = new ComfyList("History");
this.history = new ComfyList("History", "history", true);
api.addEventListener("status", () => {
this.queue.update();