const input = <HTMLInputElement>document.getElementById("taskName");
if (input.value.match(/^ *$/)) return;
const task = ui.addTask(input.value);
- if (currentViewState === "todo") {
+ if (currentViewState === "todo" || currentViewState === "all") {
task instanceof HTMLElement && task.focus();
} else if (this.returnFocusAfterInput()) {
} else {
firstVisibleTask: function () {
for (const task of document.getElementsByClassName("task")) {
- if (task instanceof HTMLElement && task.getAttribute("data-state") === currentViewState) {
+ const state = task.getAttribute("data-state");
+ if (task instanceof HTMLElement && (state === currentViewState || (currentViewState === "all" && state !== "deleted"))) {
return task;
}
}
while (true) {
cursor = increment > 0 ? cursor.nextElementSibling : cursor.previousElementSibling;
if (!cursor || !(cursor instanceof HTMLElement)) break;
- if (cursor.getAttribute("data-state")! === currentViewState) {
+ const state = cursor.getAttribute("data-state")!;
+ if (state === currentViewState || (currentViewState === "all" && state !== "deleted")) {
offset -= increment;
valid_cursor = cursor;
}
const oldState = task.getAttribute("data-state")!;
if (newState === oldState) return;
const createTimestamp = task.getAttribute("data-created")!;
- this.moveCursor(1) || this.moveCursor(-1);
+ if (currentViewState !== "all" || newState == "deleted") {
+ this.moveCursor(1) || this.moveCursor(-1);
+ }
return ui.setState(createTimestamp, newState, oldState);
},
setView: function (state: string, color: string) {
const sheet = (document.getElementById("viewStyle") as HTMLStyleElement).sheet!;
- sheet.insertRule(`.task:not([data-state=${state}]) { display: none }`);
+ if (state === "all") {
+ sheet.insertRule(`.task[data-state=deleted] { display: none }`);
+ } else {
+ sheet.insertRule(`.task:not([data-state=${state}]) { display: none }`);
+ }
sheet.insertRule(`:root { --view-state-indicator-color: ${color}; }`);
sheet.removeRule(2);
sheet.removeRule(2);
if (event.key == "m") return browserUI.setState("someday-maybe");
} else if (inputState === InputState.V) {
inputState = InputState.Root;
+ if (event.key == "a") return browserUI.setView("all", "Gold");
if (event.key == "c") return browserUI.setView("cancelled", "Red");
if (event.key == "d") return browserUI.setView("done", "LawnGreen");
if (event.key == "q") return browserUI.setView("todo", "White");