✨ Trip: packing list

Author: itskovacs

backend/trip/alembic/versions/1181ac441ce5_trip_packing_list.py

@@ -0,0 +1,45 @@
+"""Trip Packing list
+
+Revision ID: 1181ac441ce5
+Revises: 77027ac49c26
+Create Date: 2025-08-16 11:35:34.870999
+
+"""
+
+import sqlalchemy as sa
+import sqlmodel.sql.sqltypes
+from alembic import op
+
+# revision identifiers, used by Alembic.
+revision = "1181ac441ce5"
+down_revision = "77027ac49c26"
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    op.create_table(
+        "trippackinglistitem",
+        sa.Column("text", sqlmodel.sql.sqltypes.AutoString(), nullable=True),
+        sa.Column("qt", sa.Integer(), nullable=True),
+        sa.Column(
+            "category",
+            sa.Enum("CLOTHES", "TOILETRIES", "TECH", "DOCUMENTS", "OTHER", name="packinglistcategoryenum"),
+            nullable=True,
+        ),
+        sa.Column("packed", sa.Boolean(), nullable=True),
+        sa.Column("id", sa.Integer(), nullable=False),
+        sa.Column("user", sqlmodel.sql.sqltypes.AutoString(), nullable=False),
+        sa.Column("trip_id", sa.Integer(), nullable=False),
+        sa.ForeignKeyConstraint(
+            ["trip_id"], ["trip.id"], name=op.f("fk_trippackinglistitem_trip_id_trip"), ondelete="CASCADE"
+        ),
+        sa.ForeignKeyConstraint(
+            ["user"], ["user.username"], name=op.f("fk_trippackinglistitem_user_user"), ondelete="CASCADE"
+        ),
+        sa.PrimaryKeyConstraint("id", name=op.f("pk_trippackinglistitem")),
+    )
+
+
+def downgrade():
+    op.drop_table("trippackinglistitem")

backend/trip/models/models.py

@@ -39,6 +39,14 @@ class TripItemStatusEnum(str, Enum):
     OPTIONAL = "optional"
 
 
+class PackingListCategoryEnum(str, Enum):
+    CLOTHES = "clothes"
+    TOILETRIES = "toiletries"
+    TECH = "tech"
+    DOCUMENTS = "documents"
+    OTHER = "other"
+
+
 class TripShareURL(BaseModel):
     url: str
 
@@ -251,6 +259,7 @@ class Trip(TripBase, table=True):
     places: list["Place"] = Relationship(back_populates="trips", link_model=TripPlaceLink)
     days: list["TripDay"] = Relationship(back_populates="trip", cascade_delete=True)
     shares: list["TripShare"] = Relationship(back_populates="trip", cascade_delete=True)
+    packing_items: list["TripPackingListItem"] = Relationship(back_populates="trip", cascade_delete=True)
 
 
 class TripCreate(TripBase):
@@ -401,3 +410,39 @@ class TripShare(SQLModel, table=True):
 
     trip_id: int = Field(foreign_key="trip.id", ondelete="CASCADE")
     trip: Trip | None = Relationship(back_populates="shares")
+
+
+class TripPackingListItemBase(SQLModel):
+    text: str | None = None
+    qt: int | None = None
+    category: PackingListCategoryEnum | None = None
+    packed: bool | None = None
+
+
+class TripPackingListItem(TripPackingListItemBase, table=True):
+    id: int | None = Field(default=None, primary_key=True)
+    user: str = Field(foreign_key="user.username", ondelete="CASCADE")
+
+    trip_id: int = Field(foreign_key="trip.id", ondelete="CASCADE")
+    trip: Trip | None = Relationship(back_populates="packing_items")
+
+
+class TripPackingListItemCreate(TripPackingListItemBase):
+    packed: bool = False
+
+
+class TripPackingListItemUpdate(TripPackingListItemBase): ...
+
+
+class TripPackingListItemRead(TripPackingListItemBase):
+    id: int
+
+    @classmethod
+    def serialize(cls, obj: "TripPackingListItem") -> "TripPackingListItemRead":
+        return cls(
+            id=obj.id,
+            text=obj.text,
+            qt=obj.qt,
+            category=obj.category,
+            packed=obj.packed,
+        )

backend/trip/routers/trips.py

@@ -8,8 +8,11 @@
 from ..models.models import (Image, Place, Trip, TripCreate, TripDay,
                              TripDayBase, TripDayRead, TripItem,
                              TripItemCreate, TripItemRead, TripItemUpdate,
-                             TripPlaceLink, TripRead, TripReadBase, TripShare,
-                             TripShareURL, TripUpdate)
+                             TripPackingListItem, TripPackingListItemCreate,
+                             TripPackingListItemRead,
+                             TripPackingListItemUpdate, TripPlaceLink,
+                             TripRead, TripReadBase, TripShare, TripShareURL,
+                             TripUpdate)
 from ..security import verify_exists_and_owns
 from ..utils.utils import (b64img_decode, generate_urlsafe, remove_image,
                            save_image_to_file)
@@ -407,3 +410,88 @@ def delete_shared_trip(
     session.delete(db_share)
     session.commit()
     return {}
+
+
+@router.get("/{trip_id}/packing", response_model=list[TripPackingListItemRead])
+def read_packing_list(
+    session: SessionDep,
+    trip_id: int,
+    current_user: Annotated[str, Depends(get_current_username)],
+) -> list[TripPackingListItemRead]:
+    p_items = session.exec(
+        select(TripPackingListItem)
+        .where(TripPackingListItem.trip_id == trip_id, TripPackingListItem.user == current_user)
+        .order_by(TripPackingListItem.id.asc())
+    ).all()
+
+    return [TripPackingListItemRead.serialize(i) for i in p_items]
+
+
+@router.post("/{trip_id}/packing", response_model=TripPackingListItemRead)
+def create_packing_item(
+    session: SessionDep,
+    trip_id: int,
+    data: TripPackingListItemCreate,
+    current_user: Annotated[str, Depends(get_current_username)],
+) -> TripPackingListItemRead:
+    item = TripPackingListItem(
+        **data.model_dump(),
+        trip_id=trip_id,
+        user=current_user,
+    )
+    session.add(item)
+    session.commit()
+    session.refresh(item)
+    return TripPackingListItemRead.serialize(item)
+
+
+@router.put("/{trip_id}/packing/{p_id}", response_model=TripPackingListItemRead)
+def update_packing_item(
+    session: SessionDep,
+    p_item: TripPackingListItemUpdate,
+    trip_id: int,
+    p_id: int,
+    current_user: Annotated[str, Depends(get_current_username)],
+) -> TripPackingListItemRead:
+    db_item = session.exec(
+        select(TripPackingListItem).where(
+            TripPackingListItem.id == p_id,
+            TripPackingListItem.trip_id == trip_id,
+            TripPackingListItem.user == current_user,
+        )
+    ).one_or_none()
+
+    if not db_item:
+        raise HTTPException(status_code=404, detail="Not found")
+
+    item_data = p_item.model_dump(exclude_unset=True)
+    for key, value in item_data.items():
+        setattr(db_item, key, value)
+
+    session.add(db_item)
+    session.commit()
+    session.refresh(db_item)
+    return TripPackingListItemRead.serialize(db_item)
+
+
+@router.delete("/{trip_id}/packing/{p_id}")
+def delete_packing_item(
+    session: SessionDep,
+    trip_id: int,
+    p_id: int,
+    current_user: Annotated[str, Depends(get_current_username)],
+):
+    item = session.exec(
+        select(TripPackingListItem).where(
+            TripPackingListItem.id == p_id,
+            TripPackingListItem.trip_id == trip_id,
+            TripPackingListItem.user == current_user,
+        )
+    ).one_or_none()
+
+    if not item:
+        raise HTTPException(status_code=404, detail="Not found")
+
+    session.delete(item)
+    session.commit()
+    return {}

src/src/app/components/trip/trip.component.html

@@ -21,6 +21,8 @@ <h1 class="font-medium tracking-tight text-2xl truncate">{{ trip?.name }}</h1>
         <p-button pTooltip="Delete Trip" text (click)="deleteTrip()" icon="pi pi-trash" severity="danger" />
         <p-button pTooltip="Edit Trip" text (click)="editTrip()" icon="pi pi-pencil" />
         <div class="border-l border-solid border-gray-700 h-4"></div>
+        <p-button pTooltip="Packing list" tooltipPosition="left" text (click)="openPackingList()" icon="pi pi-briefcase"
+          severity="help" />
       </div>
 
       <div class="flex md:hidden">
@@ -551,3 +553,38 @@ <h1 class="font-semibold tracking-tight text-xl">Watchlist</h1>
   </ng-container>
   }
 </p-dialog>
+
+<p-dialog header="Packing list" [draggable]="false" [dismissableMask]="true" [modal]="true"
+  [(visible)]="packingDialogVisible" styleClass="w-[95%] md:w-[70%] lg:w-[50%]">
+  <section class="md:max-w-3/4 md:mx-auto max-h-[80%] md:max-h-[600px]">
+    <div class="flex justify-center">
+      <p-button (click)="addPackingItem()" icon="pi pi-plus" label="Add item" text />
+    </div>
+
+    <div class="grid gap-2 mt-4 pb-4">
+      @for (c of dispPackingList | keyvalue; track c.key) {
+      <div class="mt-4 text-md font-semibold capitalize">{{ c.key }}</div>
+
+      <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+        @for (item of c.value; track item.id) {
+        <div class="relative group flex items-center gap-3 rounded-md p-2 hover:bg-gray-100 dark:hover:bg-white/5">
+          <label [for]="item.id" [class.line-through]="item.packed"
+            class="flex items-center gap-2 w-full cursor-pointer">
+            <p-checkbox (onChange)="onCheckPackingItem($event, item.id)" [binary]="true" [inputId]="item.id.toString()"
+              [(ngModel)]="item.packed" />
+            <div class="pr-6 md:pr-0 truncate select-none flex-1">
+              @if (item.qt) {<span class="text-gray-400 mr-0.5">{{ item.qt }}</span>}
+              <span>{{ item.text }}</span>
+            </div>
+          </label>
+          <div
+            class="md:opacity-0 absolute right-0 top-1/2 -translate-y-1/2 md:group-hover:opacity-100 bg-white md:bg-gray-100 rounded">
+            <p-button size="small" text icon="pi pi-trash" (click)="deletePackingItem(item)" severity="danger" />
+          </div>
+        </div>
+        }
+      </div>
+      }
+    </div>
+  </section>
+</p-dialog>