diff options
Diffstat (limited to 'web/templates/partials')
| -rw-r--r-- | web/templates/partials/error-banner.html | 12 | ||||
| -rw-r--r-- | web/templates/partials/notes-tab.html | 22 | ||||
| -rw-r--r-- | web/templates/partials/obsidian-notes.html | 30 | ||||
| -rw-r--r-- | web/templates/partials/plantoeat-meals.html | 35 | ||||
| -rw-r--r-- | web/templates/partials/tasks-tab.html | 22 | ||||
| -rw-r--r-- | web/templates/partials/todoist-tasks.html | 58 | ||||
| -rw-r--r-- | web/templates/partials/trello-boards.html | 72 |
7 files changed, 251 insertions, 0 deletions
diff --git a/web/templates/partials/error-banner.html b/web/templates/partials/error-banner.html new file mode 100644 index 0000000..eb4c08d --- /dev/null +++ b/web/templates/partials/error-banner.html @@ -0,0 +1,12 @@ +{{define "error-banner"}} +{{if .Errors}} +<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg mb-6"> + <p class="font-bold">Errors:</p> + <ul class="list-disc list-inside"> + {{range .Errors}} + <li>{{.}}</li> + {{end}} + </ul> +</div> +{{end}} +{{end}} diff --git a/web/templates/partials/notes-tab.html b/web/templates/partials/notes-tab.html new file mode 100644 index 0000000..526f387 --- /dev/null +++ b/web/templates/partials/notes-tab.html @@ -0,0 +1,22 @@ +{{define "notes-tab"}} +<div class="space-y-10"> + <!-- Error Messages --> + {{template "error-banner" .}} + + <!-- Obsidian Notes Section --> + {{if .Notes}} + {{template "obsidian-notes" .}} + {{else}} + <div class="text-center py-20"> + <svg class="mx-auto h-16 w-16 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" + d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /> + </svg> + <h3 class="mt-6 text-xl font-medium text-gray-900">No notes found</h3> + <p class="mt-2 text-sm text-gray-500 max-w-md mx-auto"> + Configure your Obsidian vault path in the settings to see your recent notes displayed here. + </p> + </div> + {{end}} +</div> +{{end}} diff --git a/web/templates/partials/obsidian-notes.html b/web/templates/partials/obsidian-notes.html new file mode 100644 index 0000000..268a0fe --- /dev/null +++ b/web/templates/partials/obsidian-notes.html @@ -0,0 +1,30 @@ +{{define "obsidian-notes"}} +{{if .Notes}} +<section class="section-spacing"> + <!-- Section Header with Brand Color --> + <div class="flex items-center gap-3 mb-6"> + <div class="w-1 h-8 bg-obsidian rounded"></div> + <h2 class="text-2xl font-bold text-gray-900">Recent Notes</h2> + </div> + + <div class="card-grid"> + {{range .Notes}} + <div class="note-card"> + <h3 class="font-semibold text-gray-900 mb-2">{{.Title}}</h3> + <p class="text-sm text-gray-600 mb-3 line-clamp-3">{{.Content}}</p> + <div class="flex justify-between items-center text-xs"> + <span class="text-gray-500">{{.Modified.Format "Jan 2, 3:04 PM"}}</span> + {{if .Tags}} + <div class="flex gap-1 flex-wrap"> + {{range .Tags}} + <span class="badge bg-purple-100 text-purple-800">#{{.}}</span> + {{end}} + </div> + {{end}} + </div> + </div> + {{end}} + </div> +</section> +{{end}} +{{end}} diff --git a/web/templates/partials/plantoeat-meals.html b/web/templates/partials/plantoeat-meals.html new file mode 100644 index 0000000..78e403e --- /dev/null +++ b/web/templates/partials/plantoeat-meals.html @@ -0,0 +1,35 @@ +{{define "plantoeat-meals"}} +<section class="card"> + <!-- Section Header with Brand Color --> + <div class="flex items-center gap-3 mb-6"> + <div class="w-1 h-8 bg-plantoeat rounded"></div> + <h2 class="text-2xl font-bold text-gray-900">Upcoming Meals</h2> + </div> + + {{if .Meals}} + <div class="space-y-3"> + {{range .Meals}} + <div class="border-l-4 border-plantoeat bg-green-50/50 pl-4 py-3 rounded-r-lg hover:bg-green-50 transition-colors"> + <p class="font-medium text-gray-900">{{.RecipeName}}</p> + <div class="flex justify-between items-center mt-2"> + <span class="text-sm text-gray-600">{{.Date.Format "Mon, Jan 2"}}</span> + <span class="badge bg-green-100 text-green-800 capitalize"> + {{.MealType}} + </span> + </div> + </div> + {{end}} + </div> + {{else}} + <div class="text-center py-16"> + <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 21v-4m0 0V5a2 2 0 012-2h6.5l1 1H21l-3 6 3 6h-8.5l-1-1H5a2 2 0 00-2 2zm9-13.5V9" /> + </svg> + <h3 class="mt-4 text-lg font-medium text-gray-900">No meals planned</h3> + <p class="mt-2 text-sm text-gray-500"> + Schedule your meals to see them here. + </p> + </div> + {{end}} +</section> +{{end}} diff --git a/web/templates/partials/tasks-tab.html b/web/templates/partials/tasks-tab.html new file mode 100644 index 0000000..5678193 --- /dev/null +++ b/web/templates/partials/tasks-tab.html @@ -0,0 +1,22 @@ +{{define "tasks-tab"}} +<div class="space-y-10"> + <!-- Error Messages --> + {{template "error-banner" .}} + + <!-- Trello Boards Section --> + {{template "trello-boards" .}} + + <!-- Todoist + PlanToEat Grid --> + <div class="grid grid-cols-1 lg:grid-cols-3 gap-6"> + <!-- Todoist (2 cols) --> + <div class="lg:col-span-2"> + {{template "todoist-tasks" .}} + </div> + + <!-- PlanToEat (1 col) --> + <div> + {{template "plantoeat-meals" .}} + </div> + </div> +</div> +{{end}} diff --git a/web/templates/partials/todoist-tasks.html b/web/templates/partials/todoist-tasks.html new file mode 100644 index 0000000..7595ac7 --- /dev/null +++ b/web/templates/partials/todoist-tasks.html @@ -0,0 +1,58 @@ +{{define "todoist-tasks"}} +<section class="card"> + <!-- Section Header with Brand Color --> + <div class="flex items-center gap-3 mb-6"> + <div class="w-1 h-8 bg-todoist rounded"></div> + <h2 class="text-2xl font-bold text-gray-900">Todoist Tasks</h2> + </div> + + {{if .Tasks}} + <div class="space-y-3"> + {{range .Tasks}} + <div class="task-item"> + <input type="checkbox" {{if .Completed}}checked{{end}} + class="mt-1 h-5 w-5 text-todoist rounded border-gray-300" disabled> + <div class="flex-1"> + <p class="font-medium text-gray-900 {{if .Completed}}line-through text-gray-500{{end}}"> + {{.Content}} + </p> + {{if .Description}} + <p class="text-sm text-gray-600 mt-1">{{.Description}}</p> + {{end}} + <div class="flex flex-wrap gap-2 mt-2"> + {{if .ProjectName}} + <span class="badge bg-gray-100 text-gray-700">{{.ProjectName}}</span> + {{end}} + {{if .DueDate}} + <span class="badge bg-yellow-100 text-yellow-800"> + Due: {{.DueDate.Format "Jan 2"}} + </span> + {{end}} + {{range .Labels}} + <span class="badge bg-blue-100 text-blue-800">{{.}}</span> + {{end}} + </div> + </div> + {{if .URL}} + <a href="{{.URL}}" target="_blank" class="text-todoist hover:text-todoist/80 transition-colors"> + <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> + </svg> + </a> + {{end}} + </div> + {{end}} + </div> + {{else}} + <div class="text-center py-16"> + <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> + </svg> + <h3 class="mt-4 text-lg font-medium text-gray-900">No tasks found</h3> + <p class="mt-2 text-sm text-gray-500"> + All tasks completed or no tasks available. + </p> + </div> + {{end}} +</section> +{{end}} diff --git a/web/templates/partials/trello-boards.html b/web/templates/partials/trello-boards.html new file mode 100644 index 0000000..bd460cf --- /dev/null +++ b/web/templates/partials/trello-boards.html @@ -0,0 +1,72 @@ +{{define "trello-boards"}} +{{if .Boards}} +<section class="card section-spacing"> + <!-- Section Header with Brand Color --> + <div class="flex items-center gap-3 mb-6"> + <div class="w-1 h-8 bg-trello rounded"></div> + <h2 class="text-2xl font-bold text-gray-900">Trello Boards</h2> + </div> + + <!-- Active Boards Grid (boards with cards) --> + <div class="card-grid mb-6"> + {{range .Boards}} + {{if .Cards}} + <div class="board-card"> + <h3 class="font-bold text-lg text-gray-900 mb-4">{{.Name}}</h3> + <div class="space-y-3 max-h-96 overflow-y-auto scrollbar-thin"> + {{range .Cards}} + <div class="trello-card-item"> + <p class="font-medium text-sm text-gray-900 mb-2">{{.Name}}</p> + <div class="flex flex-wrap gap-2 items-center"> + {{if .ListName}} + <span class="badge bg-gray-100 text-gray-700"> + {{.ListName}} + </span> + {{end}} + {{if .DueDate}} + <span class="badge bg-red-100 text-red-800"> + Due: {{.DueDate.Format "Jan 2"}} + </span> + {{end}} + {{if .URL}} + <a href="{{.URL}}" target="_blank" + class="text-trello hover:text-trello/80 text-xs font-medium ml-auto transition-colors"> + View → + </a> + {{end}} + </div> + </div> + {{end}} + </div> + </div> + {{end}} + {{end}} + </div> + + <!-- Empty Boards Collapsible (boards without cards) --> + <details class="mt-6 border-t border-gray-200 pt-6"> + <summary class="cursor-pointer flex items-center justify-between group"> + <span class="text-sm font-medium text-gray-600 group-hover:text-gray-900 transition-colors"> + Empty Boards + </span> + <svg class="w-5 h-5 text-gray-400 group-hover:text-gray-600 transition-all" + fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> + </svg> + </summary> + <div class="mt-4"> + <div class="card-grid"> + {{range .Boards}} + {{if not .Cards}} + <div class="border border-gray-200 rounded-lg p-4 bg-gray-50 opacity-70 hover:opacity-100 transition-opacity"> + <h3 class="font-semibold text-gray-700">{{.Name}}</h3> + <p class="text-sm text-gray-500 mt-2">No cards</p> + </div> + {{end}} + {{end}} + </div> + </div> + </details> +</section> +{{end}} +{{end}} |