{content}
+ {match p.as_str() {
+ "/" => view! { Not found
}.into_any(),
+ }}
+
+
+ { let lang = lang.clone(); let path = path.clone();
+ move || {
+ let p = path.get();
+ let lang_val = lang.get();
+ let bundle = get_bundle(&lang_val).unwrap_or_else(|_| {
+ // Fallback to a simple bundle if loading fails
+ use fluent::FluentBundle;
+ use unic_langid::LanguageIdentifier;
+ let langid: LanguageIdentifier = "en".parse().unwrap_or_else(|e| {
+ web_sys::console::error_1(&format!("Failed to parse default language 'en': {:?}", e).into());
+ // This should never happen, but create a minimal fallback
+ LanguageIdentifier::from_parts(
+ unic_langid::subtags::Language::from_bytes(b"en").unwrap_or_else(|e| {
+ web_sys::console::error_1(&format!("Critical error: failed to create 'en' language: {:?}", e).into());
+ // Fallback to creating a new language identifier from scratch
+ match "en".parse::() {
+ Ok(lang) => lang,
+ Err(_) => {
+ // If even this fails, we'll use the default language
+ web_sys::console::error_1(&"Using default language as final fallback".into());
+ unic_langid::subtags::Language::default()
+ }
+ }
+ }),
+ None,
+ None,
+ &[],
+ )
+ });
+ FluentBundle::new(vec![langid])
+ });
+ let content = match p.as_str() {
+ "/" => t(&bundle, "main-desc", None),
+ "/about" => t(&bundle, "about-desc", None),
+ "/daisyui" => "DaisyUI Components Demo".to_string(),
+ "/features-demo" => "New Features Demo".to_string(),
+
+ _ if p.starts_with("/user/") => {
+ if let Some(id) = p.strip_prefix("/user/") {
+ let mut args = HashMap::new();
+ args.insert("id", id);
+ t(&bundle, "user-page", Some(&args))
+ } else {
+ t(&bundle, "not-found", None)
+ }
+ },
+ _ => t(&bundle, "not-found", None),
+ };
+ view! {
+
+
+ }
+ }}
+
+
+
+ {children()}
+
+ }
+}
+
+#[derive(Clone)]
+pub struct UseAuth(pub AuthContext);
+
+impl UseAuth {
+ pub fn new() -> Self {
+ Self(expect_context::
+
+
+
+
+
+
+
+
+
+
+ + {move || error.clone().unwrap_or_default()} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {error} +
+
+
+
+
+
+
+
+ }
+}
+
+/// Example usage component showing how to integrate with the auth context
+#[component]
+pub fn AuthErrorExample() -> impl IntoView {
+ let auth = crate::auth::use_auth();
+ let i18n = use_i18n();
+
+ view! {
+
+
+ {error}
+
+
+
+
+
+ // Example of toast notification
+
+
+
+ }
+}
diff --git a/client/src/auth/errors.rs b/client/src/auth/errors.rs
new file mode 100644
index 0000000..f41821e
--- /dev/null
+++ b/client/src/auth/errors.rs
@@ -0,0 +1,163 @@
+use crate::i18n::UseI18n;
+use serde_json;
+use shared::auth::AuthError;
+
+/// Helper struct for handling authentication errors with internationalization
+#[derive(Clone)]
+pub struct AuthErrorHandler {
+ i18n: UseI18n,
+}
+
+impl AuthErrorHandler {
+ pub fn new(i18n: UseI18n) -> Self {
+ Self { i18n }
+ }
+
+ /// Convert a server response error to a localized error message
+ pub async fn handle_response_error(&self, response: &reqwasm::http::Response) -> String {
+ if let Ok(error_text) = response.text().await {
+ self.map_error_to_localized_message(&error_text)
+ } else {
+ self.i18n.t("unknown-error")
+ }
+ }
+
+ /// Map error text to localized message
+ pub fn map_error_to_localized_message(&self, error_text: &str) -> String {
+ let translation_key = self.map_error_to_translation_key(error_text);
+ self.i18n.t(&translation_key)
+ }
+
+ /// Map server errors to translation keys
+ pub fn map_error_to_translation_key(&self, error_text: &str) -> String {
+ // Try to parse as JSON first (standard API error response)
+ if let Ok(json_value) = serde_json::from_str::+ {i18n.t("authentication-errors")} +
+ + // Display current auth error if any +
+
+ }
+}
diff --git a/client/src/auth/mod.rs b/client/src/auth/mod.rs
new file mode 100644
index 0000000..9f8235c
--- /dev/null
+++ b/client/src/auth/mod.rs
@@ -0,0 +1,11 @@
+pub mod context;
+pub mod login;
+pub mod register;
+// pub mod two_factor;
+// pub mod two_factor_login;
+
+pub use context::{AuthContext, AuthProvider, AuthState, UseAuth, use_auth};
+pub use login::LoginForm;
+pub use register::RegisterForm;
+// pub use two_factor::TwoFactorSetup;
+// pub use two_factor_login::{TwoFactorLoginForm, TwoFactorLoginPage};
diff --git a/client/src/auth/register.rs b/client/src/auth/register.rs
new file mode 100644
index 0000000..6785a2a
--- /dev/null
+++ b/client/src/auth/register.rs
@@ -0,0 +1,484 @@
+use leptos::html::Input;
+use leptos::prelude::*;
+use web_sys::SubmitEvent;
+
+use super::context::use_auth;
+use crate::i18n::use_i18n;
+
+#[component]
+pub fn RegisterForm() -> impl IntoView {
+ let auth = use_auth();
+ let i18n = use_i18n();
+
+ // Store contexts in StoredValue to avoid move issues
+ let auth_stored = StoredValue::new(auth);
+ let i18n_stored = StoredValue::new(i18n);
+
+ let (email, set_email) = signal(String::new());
+ let (username, set_username) = signal(String::new());
+ let (password, set_password) = signal(String::new());
+ let (confirm_password, set_confirm_password) = signal(String::new());
+ let (display_name, set_display_name) = signal(String::new());
+ let (show_password, set_show_password) = signal(false);
+ let (show_confirm_password, set_show_confirm_password) = signal(false);
+
+ let email_ref = NodeRef::::new();
+ let username_ref = NodeRef::::new();
+ let password_ref = NodeRef::::new();
+ let confirm_password_ref = NodeRef::::new();
+
+ let password_strength = Memo::new(move |_| {
+ let pwd = password.get();
+ if pwd.is_empty() {
+ return ("", "");
+ }
+
+ let mut score = 0;
+ let mut feedback = Vec::new();
+
+ if pwd.len() >= 8 {
+ score += 1;
+ } else {
+ feedback.push("At least 8 characters");
+ }
+
+ if pwd.chars().any(|c| c.is_uppercase()) {
+ score += 1;
+ } else {
+ feedback.push("One uppercase letter");
+ }
+
+ if pwd.chars().any(|c| c.is_lowercase()) {
+ score += 1;
+ } else {
+ feedback.push("One lowercase letter");
+ }
+
+ if pwd.chars().any(|c| c.is_numeric()) {
+ score += 1;
+ } else {
+ feedback.push("One number");
+ }
+
+ if pwd.chars().any(|c| !c.is_alphanumeric()) {
+ score += 1;
+ } else {
+ feedback.push("One special character");
+ }
+
+ let strength = match score {
+ 0..=1 => ("Very Weak", "bg-red-500"),
+ 2 => ("Weak", "bg-orange-500"),
+ 3 => ("Fair", "bg-yellow-500"),
+ 4 => ("Good", "bg-blue-500"),
+ 5 => ("Strong", "bg-green-500"),
+ _ => ("Strong", "bg-green-500"),
+ };
+
+ (strength.0, strength.1)
+ });
+
+ let passwords_match = move || {
+ let pwd = password.get();
+ let confirm = confirm_password.get();
+ pwd == confirm && !pwd.is_empty()
+ };
+
+ let form_is_valid = move || {
+ !email.get().is_empty()
+ && !username.get().is_empty()
+ && !password.get().is_empty()
+ && passwords_match()
+ && password.get().len() >= 8
+ };
+
+ let on_submit = move |ev: SubmitEvent| {
+ ev.prevent_default();
+
+ if form_is_valid() {
+ let email_val = email.get();
+ let username_val = username.get();
+ let password_val = password.get();
+ let display_name_val = if display_name.get().is_empty() {
+ None
+ } else {
+ Some(display_name.get())
+ };
+
+ (auth_stored.get_value().0.actions.register)(
+ email_val,
+ username_val,
+ password_val,
+ display_name_val,
+ );
+ }
+ };
+
+ let toggle_password_visibility = move |_| {
+ set_show_password.update(|show| *show = !*show);
+ };
+
+ let toggle_confirm_password_visibility = move |_| {
+ set_show_confirm_password.update(|show| *show = !*show);
+ };
+
+ let clear_error = move |_| {
+ (auth_stored.get_value().0.actions.clear_error)();
+ };
+
+ view! {
+
+
+
+
+
+
+
+
+
+
+ {move || i18n_stored.get_value().t("sign-in")}
+{move || i18n_stored.get_value().t("welcome-back")}
+
+
+
+
+
+
+
+
+
+ + {move || auth_stored.get_value().0.error().unwrap_or_default()} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {move || i18n_stored.get_value().t("continue-with")}
+
+
+
+
+
+
+
+
+
+
+ + {move || i18n_stored.get_value().t("dont-have-account")}{" "} + + {move || i18n_stored.get_value().t("sign-up")} + +
+
+
+ }
+}
diff --git a/client/src/auth/two_factor.rs b/client/src/auth/two_factor.rs
new file mode 100644
index 0000000..ad783be
--- /dev/null
+++ b/client/src/auth/two_factor.rs
@@ -0,0 +1,318 @@
+use leptos::prelude::*;
+use serde::{Deserialize, Serialize};
+use shared::auth::{Setup2FARequest, Setup2FAResponse, TwoFactorStatus, Verify2FARequest};
+
+use crate::utils::api_request;
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ApiResponse
+
+
+
+
+
+
+
+
+
+ {move || i18n_stored.get_value().t("create-account")}
+{move || i18n_stored.get_value().t("join-us-today")}
+
+
+
+
+
+
+
+
+
+ + {move || auth_stored.get_value().0.error().unwrap_or_default()} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {move || i18n_stored.get_value().t("continue-with")}
+
+
+
+
+
+
+
+
+
+
+ + {move || i18n_stored.get_value().t("already-have-account")}{" "} + + {move || i18n_stored.get_value().t("sign-in")} + +
+
+
+ }
+}
diff --git a/client/src/auth/two_factor_login.rs b/client/src/auth/two_factor_login.rs
new file mode 100644
index 0000000..cbed237
--- /dev/null
+++ b/client/src/auth/two_factor_login.rs
@@ -0,0 +1,246 @@
+use leptos::prelude::*;
+use serde::{Deserialize, Serialize};
+use shared::auth::Login2FARequest;
+
+use crate::auth::context::use_auth;
+use crate::utils::api_request;
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct ApiResponse"Two-Factor Authentication"
+ + // Error message + {move || { + if let Some(msg) = error_message.get() { + view! { +
+ {msg}
+
+ }.into_any()
+ } else {
+ view! { }.into_any()
+ }
+ }}
+
+ // Success message
+ {move || {
+ if let Some(msg) = success_message.get() {
+ view! {
+
+ {msg}
+
+ }.into_any()
+ } else {
+ view! { }.into_any()
+ }
+ }}
+
+ // Main content based on setup state
+ {move || match setup_state.get() {
+ TwoFactorSetupState::Loading => view! {
+
+
+
+ }.into_any(),
+
+ TwoFactorSetupState::Error => view! {
+ "Loading 2FA status..."
+
+
+ }.into_any(),
+
+ TwoFactorSetupState::NotEnabled => view! {
+ "Failed to load 2FA status"
+ +
+
+ }.into_any(),
+
+ TwoFactorSetupState::PendingVerification(setup_response) => view! {
+ "Enable Two-Factor Authentication"
++ "Add an extra layer of security to your account by enabling two-factor authentication." +
+ + +
+
+ }.into_any(),
+
+ TwoFactorSetupState::Enabled(status) => view! {
+ "Verify Two-Factor Authentication"
+ +
+
+
+ "Step 1: Scan QR Code"
++ "Scan this QR code with your authenticator app." +
+
+ )
+
+
+
+
+ "Secret:"
+
+ {setup_response.secret.clone()}
+
+
+
+
+ "Step 2: Save Backup Codes"
+
+
+ + "Backup codes: " {setup_response.backup_codes.len().to_string()} " codes generated" +
+
+
+ "Step 3: Verify Setup"
+ +
+
+ }.into_any(),
+ }}
+ + "Two-Factor Authentication Enabled" +
++ "Your account is protected with two-factor authentication." +
+ +
+
+
+ + "Backup codes remaining: " {status.backup_codes_remaining.to_string()} +
+
+
+ + "Use the API endpoints to manage backup codes and disable 2FA." +
+
+
+ }
+}
+
+#[component]
+pub fn TwoFactorLoginPage() -> impl IntoView {
+ // Simple implementation - in a real app you'd get these from URL params or state
+ let email = "user@example.com".to_string();
+ let remember_me = false;
+
+ let handle_back = move |_| {
+ if let Some(window) = web_sys::window() {
+ let _ = window.location().set_href("/login");
+ }
+ };
+
+ view! {
+
+
+
+ // Show the email being used
+ + "Two-Factor Authentication" +
++ "Enter the code from your authenticator app" +
+
+
+
+ // Error message
+ {move || {
+ if let Some(msg) = error_message.get() {
+ view! {
+ + "Signing in as: " + {email.clone()} +
+
+
+ }.into_any()
+ } else {
+ view! { }.into_any()
+ }
+ }}
+
+
+
+ // Help text
+ {msg}
+
+
+ + "Lost your device? " + + "Contact support" + +
+
+
+ }
+}
diff --git a/client/src/components/Counter.rs b/client/src/components/Counter.rs
new file mode 100644
index 0000000..873c981
--- /dev/null
+++ b/client/src/components/Counter.rs
@@ -0,0 +1,25 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn Counter() -> impl IntoView {
+ eprintln!("Counter rendering");
+ let (count, set_count) = signal(0);
+ let on_click_plus = move |_| set_count.update(|c| *c += 1);
+ let on_click_minus = move |_| set_count.update(|c| *c -= 1);
+
+ view! {
+
+
+
+
+
+
+ }
+}
diff --git a/client/src/components/Logo.rs b/client/src/components/Logo.rs
new file mode 100644
index 0000000..3f98fa8
--- /dev/null
+++ b/client/src/components/Logo.rs
@@ -0,0 +1,128 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn Logo(
+ #[prop(default = "horizontal".to_string())] orientation: String,
+ #[prop(default = "normal".to_string())] size: String,
+ #[prop(default = true)] show_text: bool,
+ #[prop(default = "".to_string())] class: String,
+ #[prop(default = false)] dark_theme: bool,
+) -> impl IntoView {
+ let logo_path = move || {
+ let base_path = "/logos/";
+
+ if !show_text {
+ format!("{}rustelo-imag.svg", base_path)
+ } else {
+ match (orientation.as_str(), dark_theme) {
+ ("horizontal", false) => format!("{}rustelo_dev-logo-h.svg", base_path),
+ ("horizontal", true) => format!("{}rustelo_dev-logo-b-h.svg", base_path),
+ ("vertical", false) => format!("{}rustelo_dev-logo-v.svg", base_path),
+ ("vertical", true) => format!("{}rustelo_dev-logo-b-v.svg", base_path),
+ _ => format!("{}rustelo_dev-logo-h.svg", base_path),
+ }
+ }
+ };
+
+ let size_class = match size.as_str() {
+ "small" => "h-8 w-auto",
+ "medium" => "h-12 w-auto",
+ "large" => "h-16 w-auto",
+ "xlarge" => "h-20 w-auto",
+ _ => "h-10 w-auto",
+ };
+
+ let combined_class = format!("{} {}", size_class, class);
+
+ view! {
+ + "Double: " {move || count.get() * 2} +
+
+
+ }
+}
+
+#[component]
+pub fn NavbarLogo(
+ #[prop(default = "small".to_string())] size: String,
+ #[prop(default = "".to_string())] class: String,
+ #[prop(default = false)] dark_theme: bool,
+) -> impl IntoView {
+ let nav_class = format!(
+ "font-sans antialiased text-sm text-current ml-2 mr-2 block py-1 font-semibold {}",
+ class
+ );
+
+ view! {
+
+
+ {title}
+ {(!subtitle.is_empty()).then(|| view! { +{subtitle}
+ })} +
+
+ }
+}
+
+#[component]
+fn AdminNavItem(
+ section: AdminSection,
+ current_section: Memo
+ // Sidebar
+
+
+
+
+ // Main content
+
+
+
+
+
+ // User info at bottom
+ + "Admin Dashboard" +
+
+
+
+
+
+
+
+
+
+
+
+ + "Admin User" +
++ "admin@example.com" +
+
+
+
+
+
+ {match current_section.get() {
+ AdminSection::Dashboard => view! {
+
+
+
+ }
+}
+
+#[component]
+pub fn AdminCard(
+ #[prop(optional)] title: Option
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {title_text} +
+-
+
- + {subtitle_text.clone()} + +
+ {actions.map(|a| a()).unwrap_or_else(|| view! {}.into_any())}
+
+
+
+
+
+ }
+}
+
+#[component]
+pub fn AdminEmptyState(
+ #[prop(optional)] icon: Option
+
+ + {title_str.clone()} +
+
+ {children()}
+
+
+
+
+
+
+
+
+ }
+}
diff --git a/client/src/components/admin/mod.rs b/client/src/components/admin/mod.rs
new file mode 100644
index 0000000..f3a5c13
--- /dev/null
+++ b/client/src/components/admin/mod.rs
@@ -0,0 +1,3 @@
+#[allow(non_snake_case)]
+pub mod AdminLayout;
+pub use AdminLayout::*;
diff --git a/client/src/components/daisy_example.rs b/client/src/components/daisy_example.rs
new file mode 100644
index 0000000..3624474
--- /dev/null
+++ b/client/src/components/daisy_example.rs
@@ -0,0 +1,253 @@
+use leptos::prelude::*;
+
+/// Example component showcasing DaisyUI components
+#[component]
+pub fn DaisyExample() -> impl IntoView {
+ let (count, set_count) = signal(0);
+ let (modal_open, set_modal_open) = signal(false);
+
+ view! {
+ + {title_str} +
++ {description_str.clone()} +
+
+ {action.map(|a| a()).unwrap_or_else(|| view! {}.into_any())}
+
+
+
+
+
+ }
+}
+
+#[component]
+fn DaisyButtons() -> impl IntoView {
+ view! {
+ "DaisyUI Components Example"
+ +
+
+ }
+}
+
+#[component]
+fn DaisyCards() -> impl IntoView {
+ view! {
+ "Buttons"
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+}
+
+#[component]
+fn DaisyForms(count: ReadSignal"Cards"
+
+
+
+
+
+
+ "Card Title"
+"This is a simple card with some content."
+
+
+
+
+
+
+
+ "Colored Card"
+"This card has a primary color background."
+
+
+
+
+
+ }
+}
+
+#[component]
+fn DaisyAlerts() -> impl IntoView {
+ view! {
+ "Forms & Interactive Counter"
+
+
+
+
+
+
+ "Form Elements"
+
+
+
+
+
+
+
+
+
+
+
+ "Interactive Counter"
+
+
+
+ {move || count.get()}
+
+
+
+
+
+
+
+
+ }
+}
+
+#[component]
+fn DaisyBadges() -> impl IntoView {
+ view! {
+ "Alerts"
+
+
+
+ "New software update available."
+
+
+ "Your purchase has been confirmed!"
+
+
+ "Warning: Invalid email address!"
+
+
+ "Error! Task failed successfully."
+
+
+
+ }
+}
+
+#[component]
+fn DaisyModal(modal_open: ReadSignal"Badges"
+
+
+ "default"
+ "primary"
+ "secondary"
+ "accent"
+ "info"
+ "success"
+ "warning"
+ "error"
+
+
+ }
+}
+
+#[component]
+fn DaisyProgress() -> impl IntoView {
+ view! {
+ "Modal"
+ + +
+
+
+
+ "Hello there!"
+"This is a modal dialog box created with DaisyUI."
+
+
+
+
+
+ }
+}
+
+#[component]
+fn DaisyTabs() -> impl IntoView {
+ view! {
+
+ }
+}
+
+#[component]
+fn DaisyLoading() -> impl IntoView {
+ view! {
+ "Progress"
+
+
+
+
+
+
+
+
+
+ }
+}
diff --git a/client/src/components/forms/contact_form.rs b/client/src/components/forms/contact_form.rs
new file mode 100644
index 0000000..e46bff6
--- /dev/null
+++ b/client/src/components/forms/contact_form.rs
@@ -0,0 +1,468 @@
+//! Contact form component
+//!
+//! This component provides a user-friendly contact form with validation,
+//! error handling, and success feedback using Leptos reactive primitives.
+
+use leptos::prelude::*;
+use serde::{Deserialize, Serialize};
+use std::collections::HashMap;
+use wasm_bindgen::JsCast;
+use wasm_bindgen_futures::spawn_local;
+use web_sys::{Event, HtmlInputElement, HtmlTextAreaElement};
+
+/// Safely extract value from input element
+fn extract_input_value(event: &Event) -> Option"Loading"
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {title.map(|t| view! {
+
+ }
+}
diff --git a/client/src/components/forms/mod.rs b/client/src/components/forms/mod.rs
new file mode 100644
index 0000000..14809e1
--- /dev/null
+++ b/client/src/components/forms/mod.rs
@@ -0,0 +1,17 @@
+//! Form components module
+//!
+//! This module provides reusable form components for the client application,
+//! including contact forms, support forms, and other interactive forms.
+
+pub mod contact_form;
+pub mod support_form;
+
+pub use contact_form::{ContactForm, ContactFormData, ContactFormError, ContactFormResponse};
+pub use support_form::{
+ CategoryOption, PriorityOption, SupportForm, SupportFormData, SupportFormError,
+ SupportFormResponse,
+};
+
+// Re-export common form utilities
+pub use contact_form::FormState as ContactFormState;
+pub use support_form::FormState as SupportFormState;
diff --git a/client/src/components/forms/support_form.rs b/client/src/components/forms/support_form.rs
new file mode 100644
index 0000000..f8081ac
--- /dev/null
+++ b/client/src/components/forms/support_form.rs
@@ -0,0 +1,690 @@
+//! Support form component
+//!
+//! This component provides a user-friendly support form with validation,
+//! priority levels, categories, and enhanced error handling using Leptos.
+
+use leptos::prelude::*;
+
+use serde::{Deserialize, Serialize};
+use std::collections::HashMap;
+use wasm_bindgen::JsCast;
+use wasm_bindgen_futures::spawn_local;
+use web_sys::{Event, HtmlInputElement, HtmlSelectElement, HtmlTextAreaElement};
+
+/// Safely extract value from input element
+fn extract_input_value(event: &Event) -> Option
+
+ })}
+
+
+ {t}
+ {description.map(|d| view! { +{d}
+ })} +
+ {title.map(|t| view! {
+
+ }
+}
diff --git a/client/src/components/mod.rs b/client/src/components/mod.rs
new file mode 100644
index 0000000..1d06804
--- /dev/null
+++ b/client/src/components/mod.rs
@@ -0,0 +1,14 @@
+#[allow(non_snake_case)]
+pub mod Counter;
+#[allow(non_snake_case)]
+pub mod Logo;
+pub mod admin;
+#[allow(non_snake_case)]
+pub mod daisy_example;
+pub mod forms;
+
+pub use Counter::Counter;
+pub use Logo::{BrandHeader, Logo, LogoLink, NavbarLogo};
+pub use admin::*;
+pub use daisy_example::DaisyExample;
+pub use forms::{ContactForm, SupportForm};
diff --git a/client/src/defs.rs b/client/src/defs.rs
new file mode 100644
index 0000000..19b0d8d
--- /dev/null
+++ b/client/src/defs.rs
@@ -0,0 +1,5 @@
+// --- Centralized Route Definitions ---
+pub const ROUTES: &[(&str, &'static str)] = &[("/", "Home"), ("/about", "About")];
+
+// --- Extracted Nav Link Classes ---
+pub const NAV_LINK_CLASS: &str = "pointer text-gray-700 hover:text-gray-900";
diff --git a/client/src/examples/admin_integration.rs b/client/src/examples/admin_integration.rs
new file mode 100644
index 0000000..e9da9ec
--- /dev/null
+++ b/client/src/examples/admin_integration.rs
@@ -0,0 +1,319 @@
+// Example integration of Admin Dashboard into Leptos Router
+// This file demonstrates how to integrate the admin dashboard into your main application
+
+use crate::components::admin::AdminLayout;
+use crate::i18n::{I18nProvider, use_i18n};
+use crate::state::*;
+use leptos::prelude::*;
+use leptos_router::*;
+
+/// Complete example of how to integrate the admin dashboard into your app
+#[component]
+pub fn AppWithAdminIntegration() -> impl IntoView {
+ view! {
+
+
+ })}
+
+
+ {t}
+ {description.map(|d| view! { +{d}
+ })} +
+
+
+ }.into_any()
+ }
+ }
+ />
+ }
+}
+
+/// Alternative simpler integration if you want to handle routing manually
+#[component]
+pub fn SimpleAdminIntegration() -> impl IntoView {
+ let location = use_location();
+ let i18n = use_i18n();
+
+ let is_admin_route = create_memo(move |_| {
+ location.pathname.get().starts_with("/admin")
+ });
+
+ view! {
+
+
+ + "Access Denied" +
++ "You need administrator privileges to access this area." +
+ +"Home Page"
}
+}
+
+#[component]
+fn AboutPage() -> impl IntoView {
+ view! { "About Page"
}
+}
+
+#[component]
+fn LoginPage() -> impl IntoView {
+ view! { "Login Page"
}
+}
+
+#[component]
+fn RegisterPage() -> impl IntoView {
+ view! { "Register Page"
}
+}
+
+/// RBAC Middleware example for server-side route protection
+/// This would be used on the server to protect API endpoints
+pub async fn require_admin_role(
+ // request: Request,
+ // next: Next,
+) -> Result<(), String> {
+ // Implementation would check JWT token for admin role
+ // This is just a placeholder showing the concept
+
+ // Extract JWT from request headers
+ // Verify JWT signature
+ // Check if user has 'admin' role
+ // If yes, proceed; if no, return 403 Forbidden
+
+ Ok(())
+}
+
+/// API endpoint protection example
+pub async fn admin_api_handler() -> Result
+
+
+ }
+}
diff --git a/client/src/i18n/mod.rs b/client/src/i18n/mod.rs
new file mode 100644
index 0000000..214e5e1
--- /dev/null
+++ b/client/src/i18n/mod.rs
@@ -0,0 +1,291 @@
+use leptos::prelude::*;
+use serde::{Deserialize, Serialize};
+use shared::{Texts, load_texts_toml};
+use std::collections::HashMap;
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+pub enum Language {
+ English,
+ Spanish,
+}
+
+impl Language {
+ pub fn code(&self) -> &'static str {
+ match self {
+ Language::English => "en",
+ Language::Spanish => "es",
+ }
+ }
+
+ pub fn display_name(&self) -> &'static str {
+ match self {
+ Language::English => "English",
+ Language::Spanish => "Español",
+ }
+ }
+
+ pub fn from_code(code: &str) -> Self {
+ match code {
+ "es" => Language::Spanish,
+ _ => Language::English, // Default to English
+ }
+ }
+
+ pub fn all() -> Vec
+
+
+
+
+
+ // Click outside to close
+
+
+
+
+ }
+}
+
+/// Compact language toggle component
+#[component]
+pub fn LanguageToggle(#[prop(optional)] class: Option
+
+
+ {
+ let i18n_clone = i18n.clone();
+ let languages = Language::all();
+ languages.into_iter().map(|lang| {
+ let i18n_item = i18n_clone.clone();
+ let is_current = i18n_item.is_language(lang.clone());
+ let lang_for_click = lang.clone();
+ let i18n_for_click = i18n_item.clone();
+
+ view! {
+
+ }.into_any()
+ }).collect::>()
+ }
+
+
+//! 
+//!
+//!
+//! Frontend client library for the RUSTELO web application framework, built with Leptos and WebAssembly.
+//!
+//! ## Overview
+//!
+//! The RUSTELO client provides a reactive, high-performance frontend experience using Rust compiled to WebAssembly.
+//! It features component-based architecture, state management, internationalization, and seamless server-side rendering.
+//!
+//! ## Features
+//!
+//! - **⚡ Reactive UI** - Built with Leptos for fast, reactive user interfaces
+//! - **🎨 Component System** - Reusable UI components with props and state
+//! - **🌐 Internationalization** - Multi-language support with fluent
+//! - **🔐 Authentication** - Complete auth flow with JWT and OAuth2
+//! - **📱 Responsive Design** - Mobile-first design with Tailwind CSS
+//! - **🚀 WebAssembly** - High-performance client-side rendering
+//!
+//! ## Architecture
+//!
+//! The client is organized into several key modules:
+//!
+//! - [`app`] - Main application component and routing
+//! - [`components`] - Reusable UI components including logos and forms
+//! - [`pages`] - Individual page components (Home, About, etc.)
+//! - [`auth`] - Authentication components and context
+//! - [`state`] - Global state management and themes
+//! - [`i18n`] - Internationalization and language support
+//! - [`utils`] - Client-side utilities and helpers
+//!
+//! ## Quick Start
+//!
+//! ```rust,ignore
+//! use client::app::App;
+//! use leptos::prelude::*;
+//!
+//! // Mount the application
+//! leptos::mount::mount_to_body(App);
+//! ```
+//!
+//! ## Component Usage
+//!
+//! ### Logo Components
+//!
+//! ```rust,ignore
+//! use client::components::{Logo, BrandHeader, NavbarLogo};
+//! use leptos::prelude::*;
+//!
+//! // Basic logo
+//! view! {
+//!
+//! {i18n.t("welcome_message")}
+//! } +//! } +//! ``` +//! +//! ## WebAssembly Integration +//! +//! The client is designed to run efficiently in WebAssembly environments: +//! +//! - **Small Bundle Size** - Optimized for fast loading +//! - **Memory Efficient** - Careful memory management +//! - **Browser APIs** - Safe access to web APIs through web-sys +//! - **Error Handling** - Comprehensive error boundaries +//! +//! ## Development +//! +//! ### Building +//! +//! ```bash +//! # Development build +//! cargo build --target wasm32-unknown-unknown +//! +//! # Production build +//! cargo build --release --target wasm32-unknown-unknown +//! +//! # Using cargo-leptos +//! cargo leptos build +//! ``` +//! +//! ### Testing +//! +//! ```bash +//! # Run tests +//! cargo test +//! +//! # Run tests in browser +//! wasm-pack test --headless --chrome +//! ``` +//! +//! ## Performance +//! +//! Optimized for performance with: +//! +//! - **Lazy Loading** - Components loaded on demand +//! - **Virtual DOM** - Efficient rendering with fine-grained reactivity +//! - **Code Splitting** - Reduced initial bundle size +//! - **Caching** - Smart caching of static assets +//! +//! ## Browser Support +//! +//! - **Modern Browsers** - Chrome 80+, Firefox 72+, Safari 13.1+, Edge 80+ +//! - **WebAssembly** - Required for optimal performance +//! - **JavaScript Fallback** - Graceful degradation where possible +//! +//! ## Contributing +//! +//! Contributions are welcome! Please see our [Contributing Guidelines](https://github.com/yourusername/rustelo/blob/main/CONTRIBUTING.md). +//! +//! ## License +//! +//! This project is licensed under the MIT License - see the [LICENSE](https://github.com/yourusername/rustelo/blob/main/LICENSE) file for details. + +#![recursion_limit = "256"] + +pub mod app; +pub mod auth; +pub mod components; +pub mod defs; +pub mod i18n; +pub mod pages; +pub mod state; +pub mod utils; + +use crate::app::App; + +#[wasm_bindgen::prelude::wasm_bindgen] +pub fn hydrate() { + console_error_panic_hook::set_once(); + leptos::mount::hydrate_body(App); +} diff --git a/client/src/main.rs b/client/src/main.rs new file mode 100644 index 0000000..e6dc0e9 --- /dev/null +++ b/client/src/main.rs @@ -0,0 +1,5 @@ +pub fn main() { + // no client-side main function + // unless we want this to work with e.g., Trunk for a purely client-side app + // see lib.rs for hydration function instead +} diff --git a/client/src/pages/About.rs b/client/src/pages/About.rs new file mode 100644 index 0000000..bd52fd1 --- /dev/null +++ b/client/src/pages/About.rs @@ -0,0 +1,53 @@ +use leptos::prelude::*; + +#[component] +pub fn AboutPage() -> impl IntoView { + eprintln!("AboutPage rendering"); + view! { +
+
+
+ }
+}
+
+//
+
+
+
+
+
+ About
++ This is a powerful web application built with Rust, featuring: +
+-
+
- + "✓" + "Leptos for reactive UI components" + +
- + "✓" + "Axum for the backend server" + +
- + "✓" + "TailwindCSS for beautiful styling" + +
- + "✓" + "Server-side rendering (SSR)" + +
- + "✓" + "Client-side hydration" + +
+
+ }
+}
diff --git a/client/src/pages/FeaturesDemo.rs b/client/src/pages/FeaturesDemo.rs
new file mode 100644
index 0000000..cd87350
--- /dev/null
+++ b/client/src/pages/FeaturesDemo.rs
@@ -0,0 +1,91 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn FeaturesDemoPage() -> impl IntoView {
+ view! {
+
+
+
+
+
+
+
+ "DaisyUI + UnoCSS"
+"Beautiful UI components powered by DaisyUI preset for UnoCSS"
+
+
+ "UnoCSS"
+ "DaisyUI"
+ "Leptos"
+
+
+
+
+ }
+}
diff --git a/client/src/pages/Home.rs b/client/src/pages/Home.rs
new file mode 100644
index 0000000..e16b404
--- /dev/null
+++ b/client/src/pages/Home.rs
@@ -0,0 +1,65 @@
+use crate::components::{BrandHeader, Counter};
+use leptos::prelude::*;
+
+#[component]
+pub fn HomePage() -> impl IntoView {
+ eprintln!("HomePage rendering");
+ view! {
+
+
+
+
+
+
+
+ + "Features Demo" +
++ "Explore the powerful features of this Rust web application stack" +
+
+
+
+
+
+
+ + "Reactive UI" +
++ "Built with Leptos for fast, reactive components" +
+
+
+
+
+
+ "Component reactivity"
+
+
+
+ + "Fast Backend" +
++ "Powered by Axum for high-performance server-side logic" +
+
+
+
+
+
+ "Server performance"
+
+
+
+ + "Beautiful Styling" +
++ "TailwindCSS for rapid UI development" +
+
+
+
+
+
+
+
+
+ + "Type Safety" +
++ "Rust's type system ensures reliability and performance" +
+
+ "fn"
+ " safe_function() -> "
+ "Result"
+
+
+
+
+
+ "Built with Rust"
+
+
+
+ }
+}
+
+//
+
+
+
+
+
+
+
+
+ // Thaw Button removed. Add your own client-only UI here if needed.
+
+
+
+
+
+ Build fast web apps with Rust
++ A powerful starter template combining Axum for the backend, Leptos for reactive UI components, and TailwindCSS for beautiful styling. +
+ + + + +
+
+
+
+
+
+ // Modals
+
+
+
+
+
+
+
+
+
+ }
+}
+
+#[component]
+#[allow(unused_variables)]
+fn ContentStatsCards(stats: ReadSignal
+
+
+ // Stats Cards
+
+
+ + {i18n.t("content-management")} +
++ {i18n.t("manage-your-content")} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+ }
+}
+
+#[component]
+fn ContentManagementTable(
+ content_list: ReadSignal
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("total-content")} + +
- + {move || stats.get().total_count} + +
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("published")} + +
- + {move || stats.get().published_count} + +
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("drafts")} + +
- + {move || stats.get().draft_count} + +
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("scheduled")} + +
- + {move || stats.get().scheduled_count} + +
+
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("total-views")} + +
- + {move || stats.get().total_views} + +
+ // Filters
+
+ }
+}
+
+#[component]
+#[allow(unused_variables)]
+fn CreateContentModal(
+ set_show: WriteSignal
+
+
+ // Table
+
+ // Search
+
+
+
+
+ // Filters
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | + "Title" + | ++ "Type" + | ++ "State" + | ++ "Author" + | ++ "Updated" + | ++ "Views" + | ++ {i18n.t("actions")} + | +
+
+
+
+
+
+
+
+
+
+
+ {content.title.clone()}
+
+
+ {content.slug.clone()}
+
+ |
+ + + {content.content_type.clone()} + + | ++ "bg-green-100 text-green-800", + "draft" => "bg-yellow-100 text-yellow-800", + "archived" => "bg-gray-100 text-gray-800", + _ => "bg-gray-100 text-gray-800", + } + )}> + {content.state.clone()} + + | ++ {content.author.clone().unwrap_or_else(|| "Unknown".to_string())} + | ++ {content.updated_at.format("%Y-%m-%d %H:%M").to_string()} + | ++ {content.view_count} + | +
+
+
+
+ "View"
+
+
+ |
+
+ }
+ }
+ />
+
|---|
+
+ }
+}
+
+#[component]
+#[allow(unused_variables)]
+fn EditContentModal(
+ set_show: WriteSignal
+
+
+
+
+
+
+
+
+
+
+
+ + {i18n.t("create-new-content")} +
+ +
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+ }
+}
+
+#[component]
+#[allow(unused_variables)]
+fn UploadContentModal(
+ set_show: WriteSignal
+
+
+
+
+
+
+
+ + {i18n.t("edit-content")} +
+ +
+
+ + {i18n.t("content-editing-functionality")} +
++ {i18n.t("selected-content")}": " {move || content.get().map(|c| c.title).unwrap_or_default()} +
+
+
+ }
+}
+
+// Helper functions
+async fn fetch_content_data() -> Result<(Vec
+
+
+
+
+
+
+
+ + {i18n.t("upload-content")} +
+ +
+
+
+
+
+
+ + {i18n.t("drag-and-drop-files")} +
++ {i18n.t("markdown-html-txt-supported")} +
+
+
+
+
+
+ // Stats skeleton
+
+ }
+}
diff --git a/client/src/pages/admin/Dashboard.rs b/client/src/pages/admin/Dashboard.rs
new file mode 100644
index 0000000..ddfd53b
--- /dev/null
+++ b/client/src/pages/admin/Dashboard.rs
@@ -0,0 +1,455 @@
+// use crate::components::*;
+use crate::i18n::use_i18n;
+use leptos::prelude::*;
+// use leptos_router::*;
+use serde::{Deserialize, Serialize};
+// use std::collections::HashMap;
+use wasm_bindgen_futures::spawn_local;
+
+#[derive(Clone, Debug, Default, Serialize, Deserialize)]
+struct AdminStats {
+ total_users: u32,
+ active_users: u32,
+ content_items: u32,
+ total_roles: u32,
+ pending_approvals: u32,
+ system_health: String,
+}
+
+#[derive(Clone, Debug, Serialize, Deserialize)]
+struct RecentActivity {
+ id: String,
+ user_email: String,
+ action: String,
+ resource_type: String,
+ timestamp: String,
+ status: String,
+}
+
+#[component]
+pub fn AdminDashboard() -> impl IntoView {
+ let i18n = use_i18n();
+ let (stats, set_stats) = signal(AdminStats::default());
+ let (recent_activity, set_recent_activity) = signal(Vec::
+ {(0..5).map(|_| view! {
+
+
+ // Table skeleton
+
+
+ }).collect_view()}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {(0..5).map(|_| view! {
+
+
+
+
+ }).collect_view()}
+
+
+
+
+
+
+
+
+ }
+}
+
+#[component]
+fn AdminStatsCards(stats: ReadSignal
+
+
+ // Header
+
+
+
+
+
+
+
+ // Error Alert
+
+
+
+
+
+ + {i18n.t("admin-dashboard")} +
++ {i18n.t("overview-of-your-system")} +
+
+
+
+
+
+
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+
+
+ // Total Users Card
+
+ }
+}
+
+#[component]
+fn AdminQuickActions() -> impl IntoView {
+ let i18n = use_i18n();
+ view! {
+
+
+
+ // Active Users Card
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("total-users")} + +
- + {move || stats.get().total_users.to_string()} + +
+
+
+ // Content Items Card
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("active-users")} + +
- + {move || stats.get().active_users.to_string()} + +
+
+
+ // Total Roles Card
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("content-items")} + +
- + {move || stats.get().content_items.to_string()} + +
+
+
+
+
+
+
+
+
+
+
+ -
+
- + {i18n.t("total-roles")} + +
- + {move || stats.get().total_roles.to_string()} + +
+
+ }
+}
+
+#[component]
+fn AdminRecentActivity(activities: ReadSignal
+
+ + "Quick Actions" +
+ +
+
+ }
+}
+
+#[component]
+fn AdminDashboardSkeleton() -> impl IntoView {
+ view! {
+
+
+ + "Recent Activity" +
+
+
+
+
+ -
+
+
+
+ }
+ >
+
+
+
+
+
+
+
+ + {i18n.t("no-recent-activity")} +
++ {i18n.t("activity-will-appear-here")} +
+
+
+
+ }
+ }
+ />
+
+
+
+
+ {activity.user_email.chars().next().unwrap_or('U')}
+
+
+
+
+ + {activity.action.clone()} +
++ {activity.user_email.clone()} +
+
+ {activity.timestamp.clone()}
+
+
+ // Stats Cards Skeleton
+
+ }
+}
+
+// API functions
+async fn fetch_dashboard_data() -> Result<(AdminStats, Vec
+ {(0..4).map(|_| view! {
+
+
+ // Quick Actions Skeleton
+
+
+ }).collect_view()}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // Recent Activity Skeleton
+
+
+
+
+ {(0..3).map(|_| view! {
+
+
+
+
+
+ }).collect_view()}
+
+
+
+
+
+
+ {(0..5).map(|_| view! {
+
+
+
+ }).collect_view()}
+
+
+
+
+
+
+
+
+
+
+
+ // Create Role Modal
+
+
+
+
+
+
+ // Search
+
+
+
+
+ // Error Alert
+
+
+ + "Role Management" +
+
+
+
+
+
+
+
+
+
+
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+
+ // Roles Grid
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ }
+ />
+
+
+
+
+
+
+
+ + {role_name.clone()} +
++ {role_description.clone()} +
+
+
+
+
+
+
+
+
+
+
+
+ {role_user_count} " users"
+ {role_permissions_len} " permissions"
+
+
+
+
+
+
+ {role_permissions.iter().take(3).map(|perm| {
+ view! {
+
+ {perm.clone()}
+
+ }
+ }).collect::>()}
+ 3
+ }>
+
+ "+" {role_permissions_len - 3} " more"
+
+
+
+
+
+ "System Role"
+
+
+
+
+
+ }
+ }
+ />
+
+ }
+}
+
+#[component]
+fn CreateRoleModal(
+ permissions: Vec
+
+
+
+
+
+
+ }
+}
+
+#[component]
+fn EditRoleModal(
+ role: Option
+
+
+
+
+
+
+
+
+
+
+ + {i18n.t("create-new-role")} +
+ +
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+
+
+
+
+
+
+ }
+}
+
+#[component]
+fn PermissionsModal(
+ permissions: Vec
+
+
+
+
+
+
+
+
+
+
+ + {i18n.t("edit-role")} +
+ +
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+
+
+
+
+
+
+
+ }
+}
+
+impl Default for Role {
+ fn default() -> Self {
+ Self {
+ id: String::new(),
+ name: String::new(),
+ description: String::new(),
+ permissions: Vec::new(),
+ created_at: String::new(),
+ updated_at: String::new(),
+ user_count: 0,
+ is_system_role: false,
+ }
+ }
+}
+
+impl Default for Permission {
+ fn default() -> Self {
+ Self {
+ id: String::new(),
+ name: String::new(),
+ description: String::new(),
+ category: String::new(),
+ resource: String::new(),
+ action: String::new(),
+ }
+ }
+}
+
+async fn fetch_roles_and_permissions() -> Result<(Vec
+
+
+
+ }
+ }
+ />
+
+
+
+ + {i18n.t("system-permissions")} +
+ +
+
+
+ + {category} +
+
+
+
+ }
+ }
+ />
+
+ {perm.name.clone()}
+
+
+ {perm.description.clone()}
+
+
+ {format!("{} : {}", perm.resource, perm.action)}
+
+
+
+
+
+ // Edit User Modal
+
+
+
+ }
+}
+
+#[component]
+fn UsersTableSkeleton() -> impl IntoView {
+ view! {
+
+
+
+ // Create User Modal
+
+
+
+
+ // Search and Filter
+
+
+
+
+ // Error Alert
+
+
+ + {i18n.t("user-management")} +
+ +
+
+
+
+
+
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+
+ // Users Table
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | + {i18n.t("user")} + | ++ {i18n.t("roles")} + | ++ {i18n.t("status")} + | ++ {i18n.t("last-login")} + | ++ {i18n.t("actions")} + | +
+
+
+
+
+
+
+ {user.name.chars().next().unwrap_or('U')}
+
+
+
+
+
+ {user.name.clone()}
+
+
+ {user.email.clone()}
+
+ |
+
+
+ {user.roles.iter().map(|role| {
+ view! {
+
+ {role.clone()}
+
+ }
+ }).collect::
+ |
+ + + {user.status.to_string()} + + | ++ {user.last_login.as_ref().unwrap_or(&"Never".to_string()).clone()} + | +
+
+
+
+
+
+ |
+
+ }
+ }
+ />
+
|---|
+
+ }
+}
+
+#[component]
+fn CreateUserModal(
+ on_close: impl Fn() + 'static + Clone,
+ on_user_created: impl Fn(User) + 'static + Clone + Send + Sync,
+) -> impl IntoView {
+ let i18n = use_i18n();
+ let (form_data, set_form_data) = signal(CreateUserRequest {
+ email: String::new(),
+ name: String::new(),
+ roles: Vec::new(),
+ send_invitation: true,
+ });
+ let (submitting, set_submitting) = signal(false);
+ let (error, set_error) = signal(None::
+
+
+
+ {(0..5).map(|_| view! {
+ >()}
+
+
+
+ }).collect::
+
+
+
+
+
+
+
+
+
+ }
+}
+
+#[component]
+fn EditUserModal(
+ user: Option
+
+
+
+
+
+
+
+
+
+
+ + "Create New User" +
+ +
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+
+
+
+
+
+
+ }
+}
+
+impl Default for User {
+ fn default() -> Self {
+ Self {
+ id: String::new(),
+ email: String::new(),
+ name: String::new(),
+ roles: vec!["user".to_string()],
+ status: UserStatus::Active,
+ created_at: String::new(),
+ last_login: None,
+ is_verified: false,
+ }
+ }
+}
+
+// API Functions
+async fn fetch_users() -> Result
+
+
+
+
+
+
+
+
+
+
+ + {i18n.t("edit-user")} +
+ +
+
+ + {move || error.get().unwrap_or_default()} +
+
+
+
+
+
+
+
+ }
+}
diff --git a/client/src/pages/mod.rs b/client/src/pages/mod.rs
new file mode 100644
index 0000000..0876b7f
--- /dev/null
+++ b/client/src/pages/mod.rs
@@ -0,0 +1,11 @@
+#![allow(non_snake_case)]
+mod About;
+mod DaisyUI;
+mod FeaturesDemo;
+mod Home;
+pub mod admin;
+
+pub use About::*;
+pub use DaisyUI::*;
+pub use FeaturesDemo::*;
+pub use Home::*;
diff --git a/client/src/state/mod.rs b/client/src/state/mod.rs
new file mode 100644
index 0000000..a8fa236
--- /dev/null
+++ b/client/src/state/mod.rs
@@ -0,0 +1,42 @@
+pub mod theme;
+
+pub use theme::*;
+
+// Re-export common state-related items
+use leptos::prelude::*;
+
+// Global state provider components
+#[component]
+pub fn GlobalStateProvider(children: leptos::children::Children) -> impl IntoView {
+ view! {
+ <>{children()}
+ }
+}
+
+#[component]
+pub fn ThemeProvider(children: leptos::children::Children) -> impl IntoView {
+ view! {
+ <>{children()}
+ }
+}
+
+#[component]
+pub fn ToastProvider(children: leptos::children::Children) -> impl IntoView {
+ view! {
+ <>{children()}
+ }
+}
+
+#[component]
+pub fn UserProvider(children: leptos::children::Children) -> impl IntoView {
+ view! {
+ <>{children()}
+ }
+}
+
+#[component]
+pub fn AppStateProvider(children: leptos::children::Children) -> impl IntoView {
+ view! {
+ <>{children()}
+ }
+}
diff --git a/client/src/state/theme.rs b/client/src/state/theme.rs
new file mode 100644
index 0000000..709a8d4
--- /dev/null
+++ b/client/src/state/theme.rs
@@ -0,0 +1,243 @@
+use leptos::prelude::*;
+use serde::{Deserialize, Serialize};
+
+/// Theme variants supported by the application
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Serialize, Deserialize)]
+pub enum Theme {
+ Light,
+ Dark,
+ Auto,
+}
+
+impl Default for Theme {
+ fn default() -> Self {
+ Self::Light
+ }
+}
+
+impl Theme {
+ /// Get the CSS class name for the theme
+ pub fn as_class(&self) -> &'static str {
+ match self {
+ Theme::Light => "theme-light",
+ Theme::Dark => "theme-dark",
+ Theme::Auto => "theme-auto",
+ }
+ }
+
+ /// Get the data attribute value for DaisyUI
+ pub fn as_data_theme(&self) -> &'static str {
+ match self {
+ Theme::Light => "light",
+ Theme::Dark => "dark",
+ Theme::Auto => "light",
+ }
+ }
+
+ /// Get all available themes
+ pub fn all() -> Vec
+ // Header Section
+
+
+
+
+ + "Get in Touch" +
++ "We'd love to hear from you. Whether you have a question about features, " + "pricing, need support, or anything else, our team is ready to answer all your questions." +
+
+ // Contact Information
+
+
+ // FAQ Section
+
+
+
+ // Contact Form
+
+
+ + "Contact Information" +
+ +
+ // Email
+
+
+ // Quick Links
+
+
+
+ // Support
+
+
+
+
+
+ "Email"
+"contact@yourapp.com"
+"We'll respond within 24 hours"
+
+
+
+ // Response Time
+
+
+
+
+
+ "Support"
+"support@yourapp.com"
+"Technical support and assistance"
+
+
+
+
+
+
+
+ "Response Time"
+"Usually within 4 hours"
+"Business hours: Mon-Fri 9AM-5PM EST"
+
+
+ "Quick Links"
+ +
+
+
+
+
+
+
+ // Alternative Contact Methods
+
+
+ + "Frequently Asked Questions" +
+ +
+ // FAQ Item 1
+
+
+
+
+ // FAQ Item 2
+ + "How quickly do you respond to messages?" +
++ "We aim to respond to all messages within 4 hours during business hours " + "(Mon-Fri 9AM-5PM EST). For urgent matters, please mark your message as high priority." +
+
+
+
+ // FAQ Item 3
+ + "What information should I include in my message?" +
++ "Please include as much detail as possible about your question or issue. " + "If it's a technical problem, include any error messages and steps to reproduce the issue." +
+
+
+
+ // FAQ Item 4
+ + "Do you offer phone support?" +
++ "Currently, we provide support primarily through email and our contact form. " + "This allows us to better track and resolve issues while providing detailed responses." +
+
+
+ + "Can I request new features?" +
++ "Absolutely! We love hearing feature requests from our users. " + "Please describe the feature you'd like and how it would help you." +
+
+
+
+
+ + "Other Ways to Reach Us" +
+ +
+ // Technical Support
+
+
+
+
+ // Sales Inquiries
+
+
+
+ + "Technical Support" +
++ "For technical issues, bugs, or integration help" +
+ + "Open Support Ticket" + +
+
+
+ // General Feedback
+
+
+
+ + "Sales & Pricing" +
++ "Questions about pricing, plans, or enterprise solutions" +
+ + "Contact Sales" + +
+
+
+
+
+ + "Feedback & Suggestions" +
++ "Share your ideas, feedback, or feature requests" +
+ + "Send Feedback" + +
+
+
+
+