todos work
This commit is contained in:
Hannes Körber
@@ -1,3 +1,4 @@
|
||||
use maud::{html, Markup};
|
||||
use uuid::Uuid;
|
||||
|
||||
use crate::{
|
||||
@@ -5,6 +6,8 @@ use crate::{
|
||||
sqlite, Context,
|
||||
};
|
||||
|
||||
use super::Trip;
|
||||
|
||||
#[derive(Debug, PartialEq, Eq)]
|
||||
pub enum State {
|
||||
Todo,
|
||||
@@ -173,4 +176,408 @@ impl Todo {
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
pub async fn new(
|
||||
ctx: &Context,
|
||||
pool: &sqlite::Pool,
|
||||
trip_id: Uuid,
|
||||
description: String,
|
||||
) -> Result<Uuid, Error> {
|
||||
let user_id = ctx.user.id.to_string();
|
||||
let id = Uuid::new_v4();
|
||||
tracing::info!("adding new todo with id {id}");
|
||||
let id_param = id.to_string();
|
||||
let trip_id_param = trip_id.to_string();
|
||||
crate::execute!(
|
||||
&sqlite::QueryClassification {
|
||||
query_type: sqlite::QueryType::Insert,
|
||||
component: sqlite::Component::Todo,
|
||||
},
|
||||
pool,
|
||||
"INSERT INTO trip_todos
|
||||
(id, description, done, trip_id)
|
||||
SELECT ?, ?, false, id as trip_id
|
||||
FROM trips
|
||||
WHERE trip_id = ? AND EXISTS(SELECT 1 FROM trips WHERE id = ? and user_id = ?)
|
||||
LIMIT 1",
|
||||
id_param,
|
||||
description,
|
||||
trip_id_param,
|
||||
trip_id_param,
|
||||
user_id,
|
||||
)
|
||||
.await?;
|
||||
|
||||
Ok(id)
|
||||
}
|
||||
|
||||
#[tracing::instrument]
|
||||
pub async fn delete(
|
||||
ctx: &Context,
|
||||
pool: &sqlite::Pool,
|
||||
trip_id: Uuid,
|
||||
id: Uuid,
|
||||
) -> Result<bool, Error> {
|
||||
let id_param = id.to_string();
|
||||
let user_id = ctx.user.id.to_string();
|
||||
let trip_id_param = trip_id.to_string();
|
||||
let results = crate::execute!(
|
||||
&sqlite::QueryClassification {
|
||||
query_type: sqlite::QueryType::Delete,
|
||||
component: sqlite::Component::Todo,
|
||||
},
|
||||
pool,
|
||||
"DELETE FROM trip_todos
|
||||
WHERE
|
||||
id = ?
|
||||
AND EXISTS (SELECT 1 FROM trips WHERE trip_id = ? AND user_id = ?)",
|
||||
id_param,
|
||||
trip_id_param,
|
||||
user_id,
|
||||
)
|
||||
.await?;
|
||||
|
||||
Ok(results.rows_affected() != 0)
|
||||
}
|
||||
}
|
||||
|
||||
#[derive(Debug, PartialEq, Eq)]
|
||||
pub enum TodoUiState {
|
||||
Default,
|
||||
Edit,
|
||||
}
|
||||
|
||||
impl Todo {
|
||||
#[tracing::instrument]
|
||||
pub fn build(&self, trip_id: &Uuid, state: TodoUiState) -> Markup {
|
||||
let done = self.is_done();
|
||||
html!(
|
||||
li
|
||||
."flex"
|
||||
."flex-row"
|
||||
."justify-start"
|
||||
."items-stretch"
|
||||
."bg-green-50"[done]
|
||||
."bg-red-50"[!done]
|
||||
."h-full"
|
||||
{
|
||||
@if state == TodoUiState::Edit {
|
||||
form
|
||||
name="edit-todo"
|
||||
id="edit-todo"
|
||||
action={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/edit/save"
|
||||
}
|
||||
target="_self"
|
||||
method="post"
|
||||
hx-post={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/edit/save"
|
||||
}
|
||||
hx-target="closest li"
|
||||
hx-swap="outerHTML"
|
||||
{}
|
||||
div
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
{
|
||||
span
|
||||
."mdi"
|
||||
."m-auto"
|
||||
."text-xl"
|
||||
."mdi-check"[self.is_done()]
|
||||
."mdi-checkbox-blank-outline"[!self.is_done()]
|
||||
{}
|
||||
}
|
||||
div
|
||||
."p-2"
|
||||
.grow
|
||||
{
|
||||
input
|
||||
."w-full"
|
||||
type="text"
|
||||
form="edit-todo"
|
||||
id="todo-description"
|
||||
name="todo-description"
|
||||
value=(self.description)
|
||||
{}
|
||||
}
|
||||
button
|
||||
type="submit"
|
||||
form="edit-todo"
|
||||
."bg-green-200"
|
||||
."hover:bg-green-300"
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
{
|
||||
span
|
||||
."mdi"
|
||||
."m-auto"
|
||||
."mdi-content-save"
|
||||
."text-xl"
|
||||
{}
|
||||
}
|
||||
a
|
||||
href="."
|
||||
hx-post={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/edit/cancel"
|
||||
}
|
||||
hx-target="closest li"
|
||||
hx-swap="outerHTML"
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
."bg-red-200"
|
||||
."hover:bg-red-300"
|
||||
{
|
||||
span
|
||||
."mdi"
|
||||
."mdi-cancel"
|
||||
."text-xl"
|
||||
."m-auto"
|
||||
{}
|
||||
}
|
||||
} @else {
|
||||
@if done {
|
||||
a
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
."hover:bg-red-50"
|
||||
href={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/undone"
|
||||
}
|
||||
hx-post={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/undone"
|
||||
}
|
||||
hx-target="closest li"
|
||||
hx-swap="outerHTML"
|
||||
{
|
||||
span
|
||||
."mdi"
|
||||
."m-auto"
|
||||
."text-xl"
|
||||
."mdi-check"
|
||||
{}
|
||||
}
|
||||
} @else {
|
||||
a
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
."hover:bg-green-50"
|
||||
href={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/done"
|
||||
}
|
||||
hx-post={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/done"
|
||||
}
|
||||
hx-target="closest li"
|
||||
hx-swap="outerHTML"
|
||||
{
|
||||
span
|
||||
."mdi"
|
||||
."m-auto"
|
||||
."text-xl"
|
||||
."mdi-checkbox-blank-outline"
|
||||
{}
|
||||
}
|
||||
}
|
||||
span
|
||||
."p-2"
|
||||
."grow"
|
||||
{
|
||||
(self.description)
|
||||
}
|
||||
a
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
."bg-blue-200"
|
||||
."hover:bg-blue-400"
|
||||
href=(format!("?edit_todo={id}", id = self.id))
|
||||
hx-post={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/edit"
|
||||
}
|
||||
hx-target="closest li"
|
||||
hx-swap="outerHTML"
|
||||
{
|
||||
span ."m-auto" ."mdi" ."mdi-pencil" ."text-xl" {}
|
||||
}
|
||||
a
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
."bg-red-100"
|
||||
."hover:bg-red-200"
|
||||
href=(format!("?delete_todo={id}", id = self.id))
|
||||
hx-post={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/" (self.id)
|
||||
"/delete"
|
||||
}
|
||||
hx-target="#todolist"
|
||||
hx-swap="outerHTML"
|
||||
{
|
||||
span ."m-auto" ."mdi" ."mdi-delete-outline" ."text-xl" {}
|
||||
}
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
#[tracing::instrument]
|
||||
pub async fn set_description(
|
||||
ctx: &Context,
|
||||
pool: &sqlite::Pool,
|
||||
trip_id: Uuid,
|
||||
todo_id: Uuid,
|
||||
new_description: String,
|
||||
) -> Result<Option<Self>, Error> {
|
||||
let user_id = ctx.user.id.to_string();
|
||||
let trip_id_param = trip_id.to_string();
|
||||
let todo_id_param = todo_id.to_string();
|
||||
|
||||
let result = crate::query_one!(
|
||||
&sqlite::QueryClassification {
|
||||
query_type: sqlite::QueryType::Update,
|
||||
component: sqlite::Component::Todo,
|
||||
},
|
||||
pool,
|
||||
TodoRow,
|
||||
Todo,
|
||||
"UPDATE trip_todos
|
||||
SET description = ?
|
||||
WHERE
|
||||
id = ?
|
||||
AND trip_id = ?
|
||||
AND EXISTS(SELECT 1 FROM trips WHERE trip_id = ? AND user_id = ?)
|
||||
RETURNING
|
||||
id,
|
||||
description,
|
||||
done
|
||||
",
|
||||
new_description,
|
||||
todo_id_param,
|
||||
trip_id_param,
|
||||
trip_id_param,
|
||||
user_id,
|
||||
)
|
||||
.await?;
|
||||
|
||||
Ok(result)
|
||||
}
|
||||
}
|
||||
|
||||
pub struct NewTodo;
|
||||
|
||||
impl NewTodo {
|
||||
#[tracing::instrument]
|
||||
pub fn build(trip_id: &Uuid) -> Markup {
|
||||
html!(
|
||||
li
|
||||
."flex"
|
||||
."flex-row"
|
||||
."justify-start"
|
||||
."items-stretch"
|
||||
."h-full"
|
||||
{
|
||||
form
|
||||
name="new-todo"
|
||||
id="new-todo"
|
||||
action={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/new"
|
||||
}
|
||||
target="_self"
|
||||
method="post"
|
||||
hx-post={
|
||||
"/trips/" (trip_id)
|
||||
"/todo/new"
|
||||
}
|
||||
hx-target="#todolist"
|
||||
hx-swap="outerHTML"
|
||||
{}
|
||||
button
|
||||
type="submit"
|
||||
form="new-todo"
|
||||
."bg-green-200"
|
||||
."hover:bg-green-300"
|
||||
."flex"
|
||||
."flex-row"
|
||||
."aspect-square"
|
||||
{
|
||||
span
|
||||
."mdi"
|
||||
."m-auto"
|
||||
."mdi-plus"
|
||||
."text-xl"
|
||||
{}
|
||||
}
|
||||
div
|
||||
."border-4"
|
||||
."p-1"
|
||||
.grow
|
||||
{
|
||||
input
|
||||
."appearance-none"
|
||||
."w-full"
|
||||
type="text"
|
||||
form="new-todo"
|
||||
id="new-todo-description"
|
||||
name="new-todo-description"
|
||||
{}
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
#[derive(Debug)]
|
||||
pub struct TodoList<'a> {
|
||||
pub trip: &'a Trip,
|
||||
pub todos: &'a Vec<Todo>,
|
||||
}
|
||||
|
||||
impl<'a> TodoList<'a> {
|
||||
#[tracing::instrument]
|
||||
pub fn build(&self, edit_todo: Option<Uuid>) -> Markup {
|
||||
html!(
|
||||
div #todolist {
|
||||
h1 ."text-xl" ."mb-5" { "Todos" }
|
||||
ul
|
||||
."flex"
|
||||
."flex-col"
|
||||
{
|
||||
@for todo in self.todos {
|
||||
@let state = edit_todo
|
||||
.map(|id| if todo.id == id {
|
||||
TodoUiState::Edit
|
||||
} else {
|
||||
TodoUiState::Default
|
||||
}).unwrap_or(TodoUiState::Default);
|
||||
(todo.build(&self.trip.id, state))
|
||||
}
|
||||
(NewTodo::build(&self.trip.id))
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user