49 lines
1.5 KiB
Plaintext
49 lines
1.5 KiB
Plaintext
<div class="px-8 py-4 flex flex-col justify-center items-center space-y-4
|
|
bg-primary-900
|
|
border border-gray-400 rounded-lg shadow-lg hover:shadow-md
|
|
transition-all duration-300 ease-in-out">
|
|
<h1 class="title text-xl">
|
|
<%= @invite.name %>
|
|
</h1>
|
|
|
|
<%= if @invite.disabled_at |> is_nil() do %>
|
|
<h2 class="title text-md">
|
|
<%= if @invite.uses_left do %>
|
|
<%= gettext(
|
|
"uses left: %{uses_left_count}",
|
|
uses_left_count: @invite.uses_left
|
|
) %>
|
|
<% else %>
|
|
<%= gettext("uses left: unlimited") %>
|
|
<% end %>
|
|
</h2>
|
|
<% else %>
|
|
<h2 class="title text-md">
|
|
<%= gettext("invite disabled") %>
|
|
</h2>
|
|
<% end %>
|
|
|
|
<.qr_code
|
|
content={url(MemexWeb.Endpoint, ~p"/users/register?invite=#{@invite.token}")}
|
|
filename={@invite.name}
|
|
/>
|
|
|
|
<h2 :if={@use_count && @use_count != 0} class="title text-md">
|
|
<%= gettext("uses: %{uses_count}", uses_count: @use_count) %>
|
|
</h2>
|
|
|
|
<div class="flex flex-row flex-wrap justify-center items-center">
|
|
<code
|
|
id={"code-#{@invite.id}"}
|
|
class="mx-2 my-1 text-xs px-4 py-2 rounded-lg text-center break-all
|
|
text-primary-400 bg-primary-800"
|
|
phx-no-format
|
|
><%= url(MemexWeb.Endpoint, ~p"/users/register?invite=#{@invite.token}") %></code>
|
|
<%= if @code_actions, do: render_slot(@code_actions) %>
|
|
</div>
|
|
|
|
<div :if={@inner_block} class="flex space-x-4 justify-center items-center">
|
|
<%= render_slot(@inner_block) %>
|
|
</div>
|
|
</div>
|