From: Scott Worley Date: Wed, 26 Jan 2022 21:25:06 +0000 (-0800) Subject: Allow Model to return values through UI X-Git-Url: http://git.scottworley.com/vopamoi/commitdiff_plain/6d01c40696f0612a6352f21320f417ccf528ab40?ds=inline Allow Model to return values through UI --- diff --git a/vopamoi.ts b/vopamoi.ts index fe3d491..ba5ae85 100644 --- a/vopamoi.ts +++ b/vopamoi.ts @@ -14,7 +14,7 @@ function splitN(str: string, delimiter: string, limit: number = MAX_SAFE_INTEGER } const Model = { - addTask: function (timestamp: string, description: string) { + addTask: function (timestamp: string, description: string): Element { const task = document.createElement("div"); task.appendChild(document.createTextNode(description)); task.setAttribute("class", "task"); @@ -22,6 +22,7 @@ const Model = { task.setAttribute("data-created", timestamp); document.getElementById("tasks")!.appendChild(task); task.focus(); + return task; }, destroyTask: function (createTimestamp: string) { @@ -78,18 +79,18 @@ function Log(prefix: string = "vp-") { apply: function (entry: string) { const [timestamp, command, data] = splitN(entry, " ", 2); if (command == "Create") { - Model.addTask(timestamp, data); + return Model.addTask(timestamp, data); } if (command == "Destroy") { - Model.destroyTask(data.split(" ", 1)[0]); + return Model.destroyTask(data.split(" ", 1)[0]); } if (command == "State") { const [createTimestamp, state] = splitN(data, " ", 1); - Model.setState(timestamp, createTimestamp, state); + return Model.setState(timestamp, createTimestamp, state); } if (command == "Priority") { const [createTimestamp, newPriority] = splitN(data, " ", 1); - Model.setPriority(createTimestamp, parseFloat(newPriority)); + return Model.setPriority(createTimestamp, parseFloat(newPriority)); } }, @@ -99,7 +100,7 @@ function Log(prefix: string = "vp-") { recordAndApply: function (entry: string) { this.record(entry); - this.apply(entry); + return this.apply(entry); }, replay: function () { @@ -117,17 +118,17 @@ function Log(prefix: string = "vp-") { const log = Log(); const UI = { - addTask: function (description: string) { - log.recordAndApply(`${Date.now()} Create ${description}`); + addTask: function (description: string): Element { + return log.recordAndApply(`${Date.now()} Create ${description}`); }, destroyTask: function (createTimestamp: string) { - log.recordAndApply(`${Date.now()} Destroy ${createTimestamp} ${Model.getTask(createTimestamp)?.textContent}`); + return log.recordAndApply(`${Date.now()} Destroy ${createTimestamp} ${Model.getTask(createTimestamp)?.textContent}`); }, setPriority: function (createTimestamp: string, priority: number) { - log.recordAndApply(`${Date.now()} Priority ${createTimestamp} ${priority}`); + return log.recordAndApply(`${Date.now()} Priority ${createTimestamp} ${priority}`); }, setState: function (createTimestamp: string, state: string) { - log.recordAndApply(`${Date.now()} State ${createTimestamp} ${state}`); + return log.recordAndApply(`${Date.now()} State ${createTimestamp} ${state}`); }, }; @@ -135,7 +136,7 @@ const BrowserUI = { addTask: function () { const input = document.getElementById("taskName"); if (input.value) { - UI.addTask(input.value); + const task = UI.addTask(input.value); input.value = ""; } },