Skip to content

Add forecast screen #25

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
pxp9 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Add forecast screen #25

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2602b57
Add forecast screen
pxp9 Feb 20, 2026
07914f8
make conditions to be symbols!
pxp9 Feb 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
218 changes: 201 additions & 17 deletions lib/name_badge/screen/weather.ex
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,12 @@
defmodule NameBadge.Screen.Weather do
@moduledoc """
Weather screen that displays current weather information.
Weather screen with two views:
- Current: today's weather with date, location, temperature, condition, wind.
- Forecast: 7-day columnar forecast showing day names, temperatures, conditions, and wind.

Button A: Refresh weather data.
Button B: Toggle between Current and Forecast views.
Long press B: Navigate back (handled by Screen behaviour).
"""

use NameBadge.Screen
Expand All @@ -18,9 +24,9 @@ defmodule NameBadge.Screen.Weather do

#align(center + horizon)[
#text(size: 24pt)[Loading weather data...]

#text(size: 12pt)[
Thanks to Tim Pritlove for contributing this screen!
Thanks to Tim Pritlove and Pepe for contributing this screen!
]
]
"""
Expand All @@ -43,23 +49,29 @@ defmodule NameBadge.Screen.Weather do
"""
end

def render(%{view: :forecast} = assigns), do: render_forecast(assigns)

def render(%{weather: weather, location: location}) do

@pxp9 pxp9 Feb 20, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should i extract the current view in a diff function so render function just dispatch to the corresponding render ?

temp_display = format_temperature(weather.temperature, weather.temperature_unit)
condition = weather_condition_text(weather.weather_code, weather.is_day)
wind_display = format_wind_speed(weather.wind_speed, weather.wind_speed_unit)
date_display = format_current_date()

"""
#show heading: set text(font: "Silkscreen", size: 36pt, weight: 400, tracking: -4pt)

= Weather

#v(16pt)
#v(12pt)

#align(center)[
#stack(dir: ttb, spacing: 14pt,
#stack(dir: ttb, spacing: 12pt,

// Date
text(size: 16pt, weight: 600)[#{date_display}],

// Location
text(size: 16pt, style: "italic")[#{location || "Unknown Location"}],
text(size: 14pt, style: "italic")[#{location || "Unknown Location"}],

// Temperature (main display)
text(size: 48pt, weight: 600)[#{temp_display}],
Expand All @@ -79,21 +91,34 @@ defmodule NameBadge.Screen.Weather do

@impl NameBadge.Screen
def mount(_args, screen) do
# Get initial weather data and location
# Get initial weather data, forecast and location
weather = NameBadge.Weather.get_current_weather()
forecast = NameBadge.Weather.get_forecast()
location = NameBadge.Weather.get_location_name()

screen =
case weather do
nil ->
screen
|> assign(weather: nil, loading: true, location: location)
|> assign(button_hints: %{a: "Refresh"})
|> assign(
weather: nil,
loading: true,
location: location,
forecast: forecast,
view: :current
)
|> assign(button_hints: %{a: "Refresh", b: "Forecast"})

weather_data ->
screen
|> assign(weather: weather_data, loading: false, location: location)
|> assign(button_hints: %{a: "Refresh"})
|> assign(
weather: weather_data,
loading: false,
location: location,
forecast: forecast,
view: :current
)
|> assign(button_hints: %{a: "Refresh", b: "Forecast"})
end

{:ok, screen}
Expand All @@ -108,7 +133,8 @@ defmodule NameBadge.Screen.Weather do
# Show loading state
screen =
screen
|> assign(weather: nil, loading: true, error: nil)
|> assign(weather: nil, loading: true, error: nil, view: :current)
|> assign(button_hints: %{a: "Refresh", b: "Forecast"})

# Schedule a check for updated data in 2 seconds
Process.send_after(self(), :check_weather_update, 2_000)
Expand All @@ -117,15 +143,32 @@ defmodule NameBadge.Screen.Weather do
end

def handle_button(:button_2, :single_press, screen) do
# Button B does nothing - navigation back is handled by long press on button 2
{:noreply, screen}
# Toggle between current weather and 7-day forecast views
case screen.assigns.view do
:current ->
screen =
screen
|> assign(view: :forecast)
|> assign(button_hints: %{a: "Refresh", b: "Current"})

{:noreply, screen}

:forecast ->
screen =
screen
|> assign(view: :current)
|> assign(button_hints: %{a: "Refresh", b: "Forecast"})

{:noreply, screen}
end
end

def handle_button(_, _, screen), do: {:noreply, screen}

@impl NameBadge.Screen
def handle_info(:check_weather_update, screen) do
weather = NameBadge.Weather.get_current_weather()
forecast = NameBadge.Weather.get_forecast()
location = NameBadge.Weather.get_location_name()

screen =
Expand All @@ -135,17 +178,120 @@ defmodule NameBadge.Screen.Weather do
weather: nil,
loading: false,
error: "Unable to fetch weather data",
location: location
location: location,
forecast: forecast
)

weather_data ->
assign(screen, weather: weather_data, loading: false, error: nil, location: location)
assign(screen,
weather: weather_data,
loading: false,
error: nil,
location: location,
forecast: forecast
)
end

{:noreply, screen}
end

# Private helper functions
# ── Forecast view ──────────────────────────────────────────────────────

defp render_forecast(%{forecast: forecast, location: location}) do
date_range = format_date_range(forecast)

# Row 1: Day name abbreviations (Mo, Tu, We, ...)
day_names =
forecast
|> Enum.map(fn day -> "[#text(size: 16pt, weight: 700)[#{format_day_abbr(day.date)}]]" end)
|> Enum.join(", ")

# Row 2: Temperatures (min/max)
temps =
forecast
|> Enum.map(fn day ->
temp_unit = day.temperature_unit

"[#text(size: 12pt)[#{round(day.min_temp)}#{temp_unit}] #linebreak() #text(size: 12pt)[#{round(day.max_temp)}#{temp_unit}]]"
end)
|> Enum.join(", ")

# Row 3: Weather conditions (short text, clipped to cell width)
conditions =
forecast
|> Enum.map(fn day ->
"[#box(width: 100%, clip: true)[#text(size: 12pt)[#{weather_condition_short(day.weather_code)}]]]"
end)
|> Enum.join(", ")

# Row 4: Wind speeds (number+unit no space, single row)
winds =
forecast
|> Enum.map(fn day ->
"[#text(size: 9pt)[#{round(day.max_wind)}#{day.wind_speed_unit}]]"
end)
|> Enum.join(", ")

"""
#show heading: set text(font: "Silkscreen", size: 36pt, weight: 400, tracking: -4pt)

= Forecast

#v(2pt)

#align(center)[
#text(size: 14pt, style: "italic")[#{location || "Unknown Location"}]
#v(-4pt)
#text(size: 12pt)[#{date_range}]
]

#v(2pt)


#table(
columns: (1fr,) * 7,
align: center,
inset: 5pt,
stroke: 0.5pt + gray,
#{day_names},
#{temps},
#{conditions},
#{winds}
)
"""
end

# ── Date helpers ───────────────────────────────────────────────────────

defp format_current_date do
Date.utc_today()
|> Calendar.strftime("%A, %B %d")
end

defp format_date_range([]) do
""
end

defp format_date_range(forecast) do
first = List.first(forecast)
last = List.last(forecast)

first_date = Date.from_iso8601!(first.date)
last_date = Date.from_iso8601!(last.date)

if first_date.month == last_date.month do
"#{first_date.day}-#{last_date.day} #{Calendar.strftime(first_date, "%B")}"
else
"#{Calendar.strftime(first_date, "%b %d")} - #{Calendar.strftime(last_date, "%b %d")}"
end
end

defp format_day_abbr(date_string) when is_binary(date_string) do
date = Date.from_iso8601!(date_string)
Calendar.strftime(date, "%a")
end

# ── Temperature / wind formatting ─────────────────────────────────────

defp format_temperature(temp, unit) when is_number(temp) and is_binary(unit) do
"#{round(temp)}#{unit}"
Expand Down Expand Up @@ -186,6 +332,44 @@ defmodule NameBadge.Screen.Weather do

defp format_last_updated(_), do: "Recently"

# ── Weather condition texts ───────────────────────────────────────────

defp weather_condition_short(code) when is_number(code) do
Comment thread
pxp9 marked this conversation as resolved.
Outdated
case code do
0 -> "Clear"
1 -> "Clear"
2 -> "Clouds"
3 -> "Ovcst"
45 -> "Fog"
48 -> "Fog"
51 -> "Drzzl"
53 -> "Drzzl"
55 -> "Drzzl"
56 -> "FrzDr"
57 -> "FrzDr"
61 -> "Rain"
63 -> "Rain"
65 -> "Rain+"
66 -> "FrzRn"
67 -> "FrzRn"
71 -> "Snow"
73 -> "Snow"
75 -> "Snow+"
77 -> "Snow"
80 -> "Shwrs"
81 -> "Shwrs"
82 -> "Shwrs"
85 -> "SnShw"
86 -> "SnShw"
95 -> "Storm"
96 -> "Storm"
99 -> "Storm"
_ -> "N/A"
end
end

defp weather_condition_short(_code), do: "N/A"

defp weather_condition_text(code, is_day) when is_number(code) do
case code do
0 -> "Clear sky"
Expand Down
Loading