+ log.recordAndApply(`${Date.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}`);
+ },
+ setState: function (createTimestamp: string, state: string) {
+ log.recordAndApply(`${Date.now()} State ${createTimestamp} ${state}`);
+ },
+};
+
+const BrowserUI = {
+ addTask: function (form: any) {
+ if (form.taskName.value) {
+ UI.addTask(form.taskName.value);
+ form.taskName.value = "";
+ }
+ return false;
+ },
+
+ destroyTask: function () {
+ const createTimestamp = document.activeElement?.getAttribute("data-created");
+ this.moveCursor(1) || this.moveCursor(-1);
+ return UI.destroyTask(createTimestamp!);
+ },
+
+ focusTaskNameInput: function (event: any) {
+ document.getElementById("taskName")!.focus();
+ event.preventDefault();
+ },
+
+ visibleTaskAtOffset(task: Element, offset: number): Element {
+ var cursor: Element | null = task;
+ var valid_cursor = cursor;
+ const increment = offset / Math.abs(offset);
+ while (true) {
+ cursor = increment > 0 ? cursor.nextElementSibling : cursor.previousElementSibling;
+ if (!cursor || !(cursor instanceof HTMLElement)) break;
+ if (cursor.style.display !== "none") {
+ offset -= increment;
+ valid_cursor = cursor;
+ }
+ if (Math.abs(offset) < 0.5) break;
+ }
+ return valid_cursor;
+ },
+
+ moveCursor: function (offset: number): boolean {
+ const active = document.activeElement;
+ if (!active) return false;
+ const dest = this.visibleTaskAtOffset(active, offset);
+ if (dest !== active && dest instanceof HTMLElement) {
+ dest.focus();
+ return true;
+ }
+ return false;