james/augie
Archived
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Tweak the GPS live view.

Browse source
This commit is contained in:
James Harton 2020-05-02 20:52:52 +12:00
parent 81e878919f
commit 2c80f00d1a
2 changed files with 41 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
webapp/lib/augie_web/live/gps_live.ex
View file

@ -33,8 +33,8 @@ defmodule AugieWeb.GpsLive do
def handle_info(%GPS{} = sample, socket) do
socket =
socket
|> assign(sample_to_assigns(sample))
|> assign(map_url(sample_to_map_opts(sample)))
|> assign(sample_to_assigns(Map.from_struct(sample)))
|> assign(map_src: map_url(sample_to_map_opts(sample)))
{:noreply, socket}
end
@ -42,7 +42,6 @@ defmodule AugieWeb.GpsLive do
defp sample_to_assigns(sample) do
sample
|> Enum.map(fn
{key, nil} -> {key, "-"}
{key, value} when is_float(value) -> {key, Float.round(value, 2)}
{key, value} -> {key, value}
end)
@ -53,8 +52,8 @@ defmodule AugieWeb.GpsLive do
[
center: location,
marker: "color:red|#{location}",
zoom: 15
markers: "color:red|#{location}",
zoom: 19
]
end

44
webapp/lib/augie_web/live/gps_live.html.leex
View file

@ -6,31 +6,61 @@
<div class="card-section">
<div class="grid-x">
<div class="cell auto"><strong>Status</strong></div>
<div class="cell auto text-right"><%= @status %></div>
<div class="cell auto text-right"><%= @status || "-" %></div>
</div>
<div class="grid-x">
<div class="cell auto"><strong>Latitude</strong></div>
<div class="cell auto text-right"><%= @latitude %></div>
<div class="cell auto text-right">
<%= if @latitude do %>
<%= @latitude %>&deg;
<% else %>
-
<% end %>
</div>
</div>
<div class="grid-x">
<div class="cell auto"><strong>Longitude</strong></div>
<div class="cell auto text-right"><%= @longitude %></div>
<div class="cell auto text-right">
<%= if @longitude do %>
<%= @longitude %>&deg;
<% else %>
-
<% end %>
</div>
</div>
<div class="grid-x">
<div class="cell auto"><strong>Altitude</strong></div>
<div class="cell auto text-right"><%= @altitude %></div>
<div class="cell auto text-right">
<%= if @altitude do %>
<%= @altitude %> m
<% else %>
-
<% end %>
</div>
</div>
<div class="grid-x">
<div class="cell auto"><strong>Heading</strong></div>
<div class="cell auto text-right"><%= @heading %></div>
<div class="cell auto text-right">
<%= if @heading do %>
<%= @heading %>&deg;
<% else %>
-
<% end %>
</div>
</div>
<div class="grid-x">
<div class="cell auto"><strong>Speed</strong></div>
<div class="cell auto text-right"><%= @speed %></div>
<div class="cell auto text-right">
<%= if @speed do %>
<%= @speed %> m/s
<% else %>
-
<% end %>
</div>
</div>
<div class="grid-x">
<div class="cell auto"><strong>Satellites</strong></div>
<div class="cell auto text-right"><%= @satellites %></div>
<div class="cell auto text-right"><%= @satellites || "-" %></div>
</div>
</div>
</div>