System Configuration

<.form :let={_form} for={@changeset} id="settings_form" phx-submit="save_settings" phx-change="validate_settings" class="space-y-6" > <%!-- Hidden fields for required settings from Users page --%> <%!-- Use @saved_settings to preserve database values, not @settings which may have incorrect form state --%> <%!-- Project Title Setting --%>

Project Title Application name display

<%= if @settings["project_title"] != @saved_settings["project_title"] do %> Selected: {@settings["project_title"]} | Saved: {@saved_settings["project_title"]} <% else %> Saved: {@settings["project_title"]} <% end %>

<%!-- Site Address URL Setting --%>

Site Address (URL)

<%= if @settings["site_url"] != @saved_settings["site_url"] do %> Selected: {if @settings["site_url"] != "", do: @settings["site_url"], else: "(empty)"} | Saved: {if @saved_settings["site_url"] != "", do: @saved_settings["site_url"], else: "(empty)"} <% else %> Saved: {if @settings["site_url"] != "", do: @settings["site_url"], else: "(empty)"} <% end %>

<%!-- Week Start Day Setting --%>

Week Start On First day of the week

<%= if @settings["week_start_day"] != @saved_settings["week_start_day"] do %> Selected: {get_option_label( @settings["week_start_day"], @setting_options["week_start_day"] )} | Saved: {get_option_label( @saved_settings["week_start_day"], @setting_options["week_start_day"] )} <% else %> Saved: {get_option_label( @settings["week_start_day"], @setting_options["week_start_day"] )} <% end %>

<%!-- Time Zone Setting --%>

Time Zone System default timezone

<%= if @settings["time_zone"] != @saved_settings["time_zone"] do %> Selected: {get_timezone_label(@settings["time_zone"], @setting_options)} | Saved: {get_timezone_label(@saved_settings["time_zone"], @setting_options)} <% else %> Saved: {get_timezone_label(@settings["time_zone"], @setting_options)} <% end %>

<%!-- Date Format Setting --%>

Date Format How dates are displayed

<%= if @settings["date_format"] != @saved_settings["date_format"] do %> Selected: {get_option_label( @settings["date_format"], @setting_options["date_format"] )} | Saved: {get_option_label( @saved_settings["date_format"], @setting_options["date_format"] )} <% else %> Saved: {get_option_label( @settings["date_format"], @setting_options["date_format"] )} <% end %>

<%!-- Time Format Setting --%>

Time Format How times are displayed

<%= if @settings["time_format"] != @saved_settings["time_format"] do %> Selected: {get_option_label( @settings["time_format"], @setting_options["time_format"] )} | Saved: {get_option_label( @saved_settings["time_format"], @setting_options["time_format"] )} <% else %> Saved: {get_option_label( @settings["time_format"], @setting_options["time_format"] )} <% end %>

<%!-- Action Buttons --%>

<%!-- Information Panel --%>

Information

💡

About System Settings

• Make changes to dropdowns and click "Save All Settings" to apply
• Changes show "Selected" vs "Saved" values until you click Save
• User settings (registration, defaults, custom fields) are managed separately
• Week start day controls which day begins the week (useful for calendar features)
• Time zone affects date/time display throughout the system
• Date formats control how dates appear (e.g. Users dashboard "Registered" field)
• Time formats control 12-hour vs 24-hour time display
• Settings are applied system-wide and use Timex for robust formatting
• Currently supports 6 date formats including "September 2, 2025" style