Checklist Manager (my current workaround for tasks in callouts!)

[komiksam]

I've been having a lot of trouble since the last Obsidian update because I put the tasks on my daily notes inside callouts, and there's a bug that checks the wrong task when you click it. That's why I thought it could be useful to have a template to manage all tasks in the note at once, with different actions to manipulate them.

This is a prototype, but I thought it could be amplified with many new different modes. I hope someone finds this useful! (I'm a javascript newbie, so don't judge my programming please, and also any suggestions and improvements are welcome👉👈)

Usage

The template can be called through a Obsidian Buttons button or a Meta Bind button (you can delete the async function delay at the end if you don't use Obsidian Buttons).

My tasks go in a sub-callout, so all task lines start with ">>". If yours don't, you should change all instances of task.substring() reducing the index by two (for example, task.substring(8) should be changed to task.substring(6)).

Supported modes

• ✔️CHECK: cycles between [ ] and [x].
• 🔁CYCLE: cycles between an array of statuses defined at the beginning of the template.
• 🔄SORT: click a task to select it; then, click on another task to drop the selected task under the last one clicked.
• ⌚TIME: set a time for a task, for example: - [ ] task (15:00).
• ⏰ALARM: set a Obsidian Reminder notification element for a task, for example: - [ ] task (@15:00).
• ⏫RESIZER: set <big> or <small> HTML tags to tasks.
• ❌DELETER: delete tasks by clicking them.

Snippet

<%*
	
let i = 0;
let modes = ["✔️CHECK", "🔁CYCLE", "🔄SORT", "⌚TIME", "⏰ALARM", "⏫RESIZER", "❌DELETER"];
let mode = modes[i];

let statuses = [" ", "x", "-", "!"];

let file = tp.file.title;
console.log("file = ", file);
let tFile = await tp.file.find_tfile(file);
console.log("tFile = ", tFile);
let read = await app.vault.read(tFile);

let originalTasks = await tp.user.todasLasTareas(tp.file.content);
let tasks = originalTasks.slice();
let task = "";

async function taskSuggest(comment) {
	task = await tp.system.suggester([`[${mode} MODE${comment}]`, "✅DONE", "➕ADD"].concat(tasks.map(task => task.substring(4))), ["mode", "done", "new", ...tasks]);
	return task;
}

while (task !== "done") {

	await taskSuggest("");

	if (task === "mode") {
		if (i >= modes.length - 1) {
			i = 0;
		} else {
			i = i + 1;
		}
		mode = modes[i];

	} else if (task === "done") {
		break;

	} else if (task === "new") {
		let newTask = ">>- [ ] " + await tp.system.prompt("task name:");
		let taskUnder = await tp.system.suggester(tasks.map(task => "put under " + task.substring(4)), tasks);
		let taskUnderIndex = tasks.indexOf(taskUnder);
		tasks.splice(taskUnderIndex + 1, 0, newTask);

	} else {
		let taskIndex = tasks.indexOf(task);

		switch (mode) {
		
			case "✔️CHECK":
				if (task.includes("[ ]")){
				tasks[taskIndex] = task.replace("[ ]", "[x]");
				console.log(`marked as completed: ${task.substring(4)}`);
				} else {
				tasks[taskIndex] = task.replace("[x]", "[ ]");
				console.log(`marked as incomplete: ${task.substring(4)}`);
				}
			break;
				
			case "🔁CYCLE":
				regex = /\[([^\]]+)\]/;
				let taskStatus = task.match(regex)[0][1];
				let statusIndex = statuses.indexOf(taskStatus);
				if (statusIndex !== -1){
					if (statusIndex >= statuses.length - 1) {
						newTaskStatus = statuses[0];
					} else {
						newTaskStatus = statuses[statusIndex + 1];
					}
					tasks[taskIndex] = task.replace(`[${taskStatus}]`, `[${newTaskStatus}]`);
				console.log(`cycled task: ${task.substring(4)}`);
				} else {
				console.error(`task NOT cycled: ${task.substring(8)}. next status not found.`);
				new Notice(`task NOT cycled: ${task.substring(8)}. next status not found.`);
				}
			break;
				
			case "🔄SORT":
				let taskToMove = task;
				let taskToMoveIndex = tasks.indexOf(taskToMove);
				tasks.splice(taskToMoveIndex, 1);
				let targetTask = await taskSuggest(`. selected task: ${taskToMove.substring(4)}`);
				let targetTaskIndex = tasks.indexOf(targetTask);
				tasks.splice(targetTaskIndex + 1, 0, taskToMove);
				console.log(`Tarea ${taskToMove.substring(4)} movida debajo de ${targetTask.substring(4)}`);
				break;
				
			case "⌚TIME":
				ahora = parseInt(tp.date.now("HH"));
				if (ahora === 23){
					prox = "00:";
				} else {
					prox = ahora + 1;
					prox = prox.toString() + ":";
				}
				hora = await tp.system.prompt(`time of ${task.substring(8)}:`, prox);
				if (task.endsWith(")")){
					regex = /\(([^)]+)\)$/;
					taskPrevTime = task.match(regex)[1];
					task = task.replace(` (${taskPrevTime})`, "");
					console.log(`changed time of task: ${task.substring(4)}`);
				} else {
					console.log(`added time of task: ${task.substring(4)}`);
				}
				tasks[taskIndex] = `${task} (${hora})`;
			break;
				
			case "⏰ALARM":
				ahora = parseInt(tp.date.now("HH"));
				if (ahora === 23){
					prox = "00:";
				} else {
					prox = ahora + 1;
					prox = prox.toString() + ":";
				}
				if (task.endsWith(")")){
					regex = /\(([^)]+)\)$/;
					taskPrevTime = task.match(regex)[1];
					console.log("taskPrevTime =", taskPrevTime);
					task = task.replace(` (${taskPrevTime})`, "");
					console.log(`changed alarm to task: ${task.substring(4)}`);
				} else {
					console.log(`added alarm to task: ${task.substring(4)}`);
				}
				hora = await tp.system.prompt(`time of alarm for ${task.substring(8)}:`, prox);
				tasks[taskIndex] = `${task} (@${hora})`;
			break;
			
			case "⏫RESIZER":
				if (task.includes("<big>")){
					tasks[taskIndex] = task.substring(0, 8) + "<small>" + task.substring(8).replace("<big>", "").replace("</big>", "") + "</small>";
				} else if (task.includes("<small>")){
					tasks[taskIndex] = task.replace("<small>", "").replace("</small>", "");
				} else {
					tasks[taskIndex] = task.substring(0, 8) + "<big>" + task.substring(8) + "</big>";
				}
				let finalIndex = tasks.indexOf(task);
				console.log(`task in position ${taskIndex} moved to position ${finalIndex}: ${task.substring(4)}`);
			break;
			
			case "❌DELETER":
				if (taskIndex !== -1) {
					tasks.splice(tasks.indexOf(task), 1);
				}
				console.log(`deleted task: ${task}`);
			break;
			
			default:
				console.log(`CHECKLIST MANAGER ERROR: Couldn't recognize ${mode} MODE.`);
				new Notice(`CHECKLIST MANAGER ERROR: Couldn't recognize ${mode} MODE.`);
			break;
		}
	}
}

setTimeout(async () => {
	let replace = read.replace(originalTasks.join("\n"), tasks.join("\n"));
	app.vault.modify(tFile, replace);
}, 100);

-%>