- addTask: function (timestamp: string, description: string) {
- document.getElementById("tasks")!.appendChild(this.createTask(timestamp, description)).focus();
- },
-
- createTask: 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");
task.setAttribute("tabindex", "0");
task.setAttribute("data-created", timestamp);
const task = document.createElement("div");
task.appendChild(document.createTextNode(description));
task.setAttribute("class", "task");
task.setAttribute("tabindex", "0");
task.setAttribute("data-created", timestamp);
getPriority: function (task: Element): number {
if (task.hasAttribute("data-priority")) {
return parseFloat(task.getAttribute("data-priority")!);
getPriority: function (task: Element): number {
if (task.hasAttribute("data-priority")) {
return parseFloat(task.getAttribute("data-priority")!);
target.setAttribute("data-priority", `${priority}`);
for (const task of document.getElementsByClassName("task")) {
if (task !== target && this.getPriority(task) > priority) {
task.parentElement!.insertBefore(target, task);
target instanceof HTMLElement && target.focus();
target.setAttribute("data-priority", `${priority}`);
for (const task of document.getElementsByClassName("task")) {
if (task !== target && this.getPriority(task) > priority) {
task.parentElement!.insertBefore(target, task);
target instanceof HTMLElement && target.focus();
}
}
document.getElementById("tasks")!.appendChild(target);
target instanceof HTMLElement && target.focus();
}
}
document.getElementById("tasks")!.appendChild(target);
target instanceof HTMLElement && target.focus();
apply: function (entry: string) {
const [timestamp, command, data] = splitN(entry, " ", 2);
if (command == "Create") {
apply: function (entry: string) {
const [timestamp, command, data] = splitN(entry, " ", 2);
if (command == "Create") {
- Model.addTask(timestamp, data);
- }
- if (command == "Destroy") {
- Model.destroyTask(data.split(" ", 1)[0]);
+ return Model.addTask(timestamp, data);
}
if (command == "State") {
const [createTimestamp, state] = splitN(data, " ", 1);
}
if (command == "State") {
const [createTimestamp, state] = splitN(data, " ", 1);
}
if (command == "Priority") {
const [createTimestamp, newPriority] = splitN(data, " ", 1);
}
if (command == "Priority") {
const [createTimestamp, newPriority] = splitN(data, " ", 1);
- addTask: function (description: string) {
- log.recordAndApply(`${Date.now()} Create ${description}`);
+ addTask: function (description: string): Element {
+ const now = Date.now();
+ undoLog.push(`State ${now} deleted`);
+ return <Element>log.recordAndApply(`${now} Create ${description}`);
- destroyTask: function (createTimestamp: string) {
- log.recordAndApply(`${Date.now()} Destroy ${createTimestamp} ${Model.getTask(createTimestamp)?.textContent}`);
- },
- setPriority: function (createTimestamp: string, priority: number) {
- log.recordAndApply(`${Date.now()} Priority ${createTimestamp} ${priority}`);
+ setPriority: function (createTimestamp: string, newPriority: number, oldPriority: number) {
+ undoLog.push(`Priority ${createTimestamp} ${oldPriority}`);
+ return log.recordAndApply(`${Date.now()} Priority ${createTimestamp} ${newPriority}`);
- log.recordAndApply(`${Date.now()} State ${createTimestamp} ${state}`);
+ return log.recordAndApply(`${Date.now()} State ${createTimestamp} ${state}`);
+ },
+ undo: function () {
+ if (undoLog.length > 0) {
+ return log.recordAndApply(`${Date.now()} ${undoLog.pop()}`);
+ }
- addTask: function (form: any) {
- if (form.taskName.value) {
- UI.addTask(form.taskName.value);
- form.taskName.value = "";
+ addTask: function (event: KeyboardEvent) {
+ const input = <HTMLInputElement>document.getElementById("taskName");
+ if (input.value) {
+ const task = UI.addTask(input.value);
+ input.value = "";
+ if (event.getModifierState("Control")) {
+ this.setPriority(task, null, document.getElementsByClassName("task")[0]);
+ }
- destroyTask: function () {
- const createTimestamp = document.activeElement?.getAttribute("data-created");
- this.moveCursor(1) || this.moveCursor(-1);
- return UI.destroyTask(createTimestamp!);
+ firstVisibleTask: function () {
+ for (const task of document.getElementsByClassName("task")) {
+ if (task instanceof HTMLElement && task.style.display !== "none") {
+ return task;
+ }
+ }
console.assert(aPriority < newPriority && newPriority < bPriority, aPriority, "<", newPriority, "<", bPriority);
const newPriorityRounded = Math.round(newPriority);
const okToRound = aPriority < newPriorityRounded && newPriorityRounded < bPriority;
console.assert(aPriority < newPriority && newPriority < bPriority, aPriority, "<", newPriority, "<", bPriority);
const newPriorityRounded = Math.round(newPriority);
const okToRound = aPriority < newPriorityRounded && newPriorityRounded < bPriority;
this.moveCursor(1) || this.moveCursor(-1);
return UI.setState(createTimestamp!, state);
},
this.moveCursor(1) || this.moveCursor(-1);
return UI.setState(createTimestamp!, state);
},
if (event.key == "j") return BrowserUI.moveCursor(1);
if (event.key == "k") return BrowserUI.moveCursor(-1);
if (event.key == "J") return BrowserUI.moveTask(1);
if (event.key == "j") return BrowserUI.moveCursor(1);
if (event.key == "k") return BrowserUI.moveCursor(-1);
if (event.key == "J") return BrowserUI.moveTask(1);
if (event.key == "w") return BrowserUI.setState("waiting");
if (event.key == "d") return BrowserUI.setState("done");
if (event.key == "c") return BrowserUI.setState("cancelled");
if (event.key == "w") return BrowserUI.setState("waiting");
if (event.key == "d") return BrowserUI.setState("done");
if (event.key == "c") return BrowserUI.setState("cancelled");