Tweak the GPS live view.
This commit is contained in:
parent
81e878919f
commit
2c80f00d1a
2 changed files with 41 additions and 12 deletions
|
@ -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
|
||||
|
||||
|
|
|
@ -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 %>°
|
||||
<% 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 %>°
|
||||
<% 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 %>°
|
||||
<% 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>
|
||||
|
|
Reference in a new issue