diff --git a/clients/web/locales/fr.json b/clients/web/locales/fr.json index b3a05f0..569d66b 100644 --- a/clients/web/locales/fr.json +++ b/clients/web/locales/fr.json @@ -99,7 +99,7 @@ "resend_verification": "Renvoyer l'email de vérification", "verification_email_resent": "Email de vérification envoyé.", "loading": "Chargement…", - "member_since": "Membre depuis", + "member_since": "Membre depuis le", "stat_games": "Parties", "stat_wins": "Victoires", "stat_losses": "Défaites", diff --git a/clients/web/src/api.rs b/clients/web/src/api.rs index 9e0f57c..d826165 100644 --- a/clients/web/src/api.rs +++ b/clients/web/src/api.rs @@ -244,10 +244,53 @@ pub async fn post_reset_password(token: &str, new_password: &str) -> Result<(), // ── Utilities ───────────────────────────────────────────────────────────────── -pub fn format_ts(ts: i64) -> String { +/// Maps to the `Intl.DateTimeFormat` options object accepted by `Date.toLocaleString`. +/// `Default` passes no options (browser default: full date + time). +pub struct DateFormatOptions { + /// "full" | "long" | "medium" | "short" — omit to suppress date part + pub date_style: Option<&'static str>, + /// "full" | "long" | "medium" | "short" — omit to suppress time part + pub time_style: Option<&'static str>, +} + +impl Default for DateFormatOptions { + fn default() -> Self { + Self { date_style: None, time_style: None } + } +} + +impl DateFormatOptions { + pub fn date_only() -> Self { + Self { date_style: Some("short"), time_style: None } + } + + pub fn time_only() -> Self { + Self { date_style: None, time_style: Some("short") } + } + + pub fn date_time() -> Self { + Self { date_style: Some("short"), time_style: Some("short") } + } + + fn to_js_value(&self) -> wasm_bindgen::JsValue { + if self.date_style.is_none() && self.time_style.is_none() { + return wasm_bindgen::JsValue::UNDEFINED; + } + let obj = js_sys::Object::new(); + if let Some(v) = self.date_style { + let _ = js_sys::Reflect::set(&obj, &"dateStyle".into(), &v.into()); + } + if let Some(v) = self.time_style { + let _ = js_sys::Reflect::set(&obj, &"timeStyle".into(), &v.into()); + } + obj.into() + } +} + +pub fn format_ts(ts: i64, locale: &str, opts: &DateFormatOptions) -> String { let ms = (ts * 1000) as f64; let date = js_sys::Date::new(&wasm_bindgen::JsValue::from_f64(ms)); - date.to_locale_string("en-GB", &wasm_bindgen::JsValue::UNDEFINED) + date.to_locale_string(locale, &opts.to_js_value()) .as_string() .unwrap_or_default() } diff --git a/clients/web/src/portal/game_detail.rs b/clients/web/src/portal/game_detail.rs index adc3643..d0d17d4 100644 --- a/clients/web/src/portal/game_detail.rs +++ b/clients/web/src/portal/game_detail.rs @@ -32,8 +32,12 @@ pub fn GameDetailPage() -> impl IntoView { #[component] fn GameDetailView(game: GameDetail) -> impl IntoView { let i18n = use_i18n(); - let started = api::format_ts(game.started_at); - let ended = game.ended_at.map(api::format_ts) + let locale_tag = match i18n.get_locale() { + Locale::en => "en-GB", + Locale::fr => "fr-FR", + }; + let started = api::format_ts(game.started_at, locale_tag, &api::DateFormatOptions::date_only()); + let ended = game.ended_at.map(|ts| api::format_ts(ts, locale_tag, &api::DateFormatOptions::date_only())) .unwrap_or_else(|| t_string!(i18n, game_ongoing).to_string()); view! { diff --git a/clients/web/src/portal/profile.rs b/clients/web/src/portal/profile.rs index 9a94b3f..bd3c9c2 100644 --- a/clients/web/src/portal/profile.rs +++ b/clients/web/src/portal/profile.rs @@ -37,7 +37,11 @@ fn ProfileContent(profile: UserProfile, username: String) -> impl IntoView { async move { api::get_user_games(&u, p).await } }); - let joined = api::format_ts(profile.created_at); + let locale_tag = match i18n.get_locale() { + Locale::en => "en-GB", + Locale::fr => "fr-FR", + }; + let joined = api::format_ts(profile.created_at, locale_tag, &api::DateFormatOptions::date_only()); view! {
@@ -84,6 +88,10 @@ fn ProfileContent(profile: UserProfile, username: String) -> impl IntoView { #[component] fn GamesTable(games: Vec, page: RwSignal) -> impl IntoView { let i18n = use_i18n(); + let locale_tag = match i18n.get_locale() { + Locale::en => "en-GB", + Locale::fr => "fr-FR", + }; let rows = games.clone(); let has_next = games.len() == 20; @@ -100,8 +108,8 @@ fn GamesTable(games: Vec, page: RwSignal) -> impl IntoView { {rows.into_iter().map(|g| { - let started = api::format_ts(g.started_at); - let ended = g.ended_at.map(api::format_ts).unwrap_or_else(|| "—".into()); + let started = api::format_ts(g.started_at, locale_tag, &api::DateFormatOptions::date_only()); + let ended = g.ended_at.map(|ts| api::format_ts(ts, locale_tag, &api::DateFormatOptions::date_only())).unwrap_or_else(|| "—".into()); let outcome_class = match g.outcome.as_deref() { Some("win") => "outcome-win", Some("loss") => "outcome-loss",