live_beats/lib/live_beats_web/views/layout_view.ex

84 lines
3.4 KiB
Elixir
Raw Normal View History

2021-09-02 18:00:57 +00:00
defmodule LiveBeatsWeb.LayoutView do
use LiveBeatsWeb, :view
# Phoenix LiveDashboard is available only in development by default,
# so we instruct Elixir to not warn if the dashboard route is missing.
@compile {:no_warn_undefined, {Routes, :live_dashboard_path, 2}}
2021-11-12 15:10:04 +00:00
2021-11-22 16:21:01 +00:00
alias LiveBeatsWeb.Endpoint
2021-11-12 15:10:04 +00:00
def sidebar_active_users(assigns) do
~H"""
<div class="mt-8">
<h3 class="px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider" id={@id}>
Active Users
</h3>
<div class="mt-1 space-y-1" role="group" aria-labelledby={@id}>
<%= for user <- @users do %>
2021-11-23 14:34:34 +00:00
<.link navigate={profile_path(user)}
2021-11-12 15:10:04 +00:00
class="group flex items-center px-3 py-2 text-base leading-5 font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50"
>
<span class="w-2.5 h-2.5 mr-4 bg-indigo-500 rounded-full" aria-hidden="true"></span>
<span class="truncate">
<%= user.username %>
</span>
</.link>
<% end %>
</div>
</div>
"""
end
def sidebar_nav_links(assigns) do
~H"""
<div class="space-y-1">
<%= if @current_user do %>
<.link
2021-11-23 14:34:34 +00:00
navigate={profile_path(@current_user)}
2021-11-22 18:04:05 +00:00
class={"text-gray-700 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md #{if @active_tab == :profile, do: "bg-gray-200", else: "hover:bg-gray-50"}"}
aria-current={if @active_tab == :profile, do: "true", else: "false"}
2021-11-12 15:10:04 +00:00
>
<.icon name={:music_note} outlined class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6"/>
My Songs
</.link>
<.link
2021-11-23 14:34:34 +00:00
navigate={Routes.settings_path(Endpoint, :edit)}
2021-11-22 18:04:05 +00:00
class={"text-gray-700 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md #{if @active_tab == :settings, do: "bg-gray-200", else: "hover:bg-gray-50"}"}
aria-current={if @active_tab == :settings, do: "true", else: "false"}
2021-11-12 15:10:04 +00:00
>
<.icon name={:adjustments} outlined class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6"/>
Settings
</.link>
<% else %>
2021-11-23 14:34:34 +00:00
<.link navigate={Routes.sign_in_path(Endpoint, :index)}
2021-11-12 15:10:04 +00:00
class="text-gray-700 hover:text-gray-900 hover:bg-gray-50 group flex items-center px-2 py-2 text-sm font-medium rounded-md"
>
<svg class="text-gray-400 group-hover:text-gray-500 mr-3 flex-shrink-0 h-6 w-6"
xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
Sign in
</.link>
<% end %>
</div>
"""
end
def sidebar_account_dropdown(assigns) do
~H"""
2021-11-22 16:21:01 +00:00
<.dropdown id={@id}>
<:img src={@current_user.avatar_url}/>
<:title><%= @current_user.name %></:title>
<:subtitle>@<%= @current_user.username %></:subtitle>
2021-11-23 14:34:34 +00:00
<:link navigate={profile_path(@current_user)}>View Profile</:link>
<:link navigate={Routes.settings_path(Endpoint, :edit)}>Settings</:link>
2021-11-22 16:21:01 +00:00
<:link href={Routes.o_auth_callback_path(Endpoint, :sign_out)} method={:delete}>Sign out</:link>
</.dropdown>
2021-11-12 15:10:04 +00:00
"""
end
2021-09-02 18:00:57 +00:00
end