feat: add phone number field to user model and signup

Author: slashtechno

README.md

@@ -50,6 +50,7 @@ Airtable is heavily relied upon. You need the following tables (change the IDs i
     * `email` - primary, email
     * `first_name` - single line text
     * `last_name` - single line text
+    * `phone` - phone number
     * `owned_event` - link to another record in the Events table
     * `attending_events` - link to another record in the Events table, multiple can be linked
     * `projects` - link to another record in the Projects table, multiple can be linked

backend/podium/db/user.py

@@ -1,7 +1,6 @@
 import datetime
 from typing import Annotated, Optional
 from pydantic import BaseModel, EmailStr, StringConstraints
-
 from podium import constants
 
 from podium.db import tables
@@ -12,6 +11,9 @@ class UserBase(BaseModel):
     first_name: str
     last_name: str
     email: EmailStr
+    # International phone number format
+    phone: Annotated[str, StringConstraints(pattern=r"^\+[1-9]\d{1,14}$")]
+    # phone: Annotated[str, StringConstraints(pattern=r"^\+?[1-9]\d{1,14}$")]
     street_1: str
     street_2: Optional[str] = ""
     city: str

frontend/src/lib/client/types.gen.ts

@@ -140,6 +140,7 @@ export type User_Output = {
     first_name: string;
     last_name: string;
     email: string;
+    phone: string;
     street_1: string;
     street_2?: (string | null);
     city: string;
@@ -171,6 +172,7 @@ export type UserSignupPayload = {
     first_name: string;
     last_name: string;
     email: string;
+    phone: string;
     street_1: string;
     street_2?: (string | null);
     city: string;

frontend/src/routes/login/+page.svelte

@@ -20,6 +20,7 @@
     email: "",
     first_name: "",
     last_name: "",
+    phone: "",
     street_1: "",
     street_2: "",
     city: "",
@@ -111,6 +112,7 @@
         email: "",
         first_name: "",
         last_name: "",
+        phone: "",
         street_1: "",
         street_2: "",
         city: "",
@@ -253,7 +255,21 @@
             bind:value={userInfo.last_name}
           />
         </label>
-
+        <label class="form-control">
+          <div class="label">
+            <span class="label-text">Phone</span>
+            <span class="label-text-alt text-warning">
+              International format without spaces or special characters
+            </span>
+          </div>
+          <input
+            id="phone"
+            type="tel"
+            class="input input-bordered grow"
+            placeholder="+15555555555"
+            bind:value={userInfo.phone}
+          />
+        </label>
         <label class="form-control">
           <div class="label">
             <span class="label-text">Address line 1</span>