improve templates
This commit is contained in:
		| @@ -109,11 +109,13 @@ defmodule MemexWeb.Components.ContextsTableComponent do | ||||
|  | ||||
|     ~H""" | ||||
|     <div class="flex flex-wrap justify-center space-x-1"> | ||||
|       <%= for tag <- @tags do %> | ||||
|         <.link patch={Routes.context_index_path(Endpoint, :search, tag)} class="link"> | ||||
|           <%= tag %> | ||||
|         </.link> | ||||
|       <% end %> | ||||
|       <.link | ||||
|         :for={tag <- @tags} | ||||
|         patch={Routes.context_index_path(Endpoint, :search, tag)} | ||||
|         class="link" | ||||
|       > | ||||
|         <%= tag %> | ||||
|       </.link> | ||||
|     </div> | ||||
|     """ | ||||
|   end | ||||
|   | ||||
| @@ -47,11 +47,9 @@ defmodule MemexWeb.Components.InviteCard do | ||||
|         <%= render_slot(@code_actions) %> | ||||
|       </div> | ||||
|  | ||||
|       <%= if @inner_block do %> | ||||
|         <div class="flex space-x-4 justify-center items-center"> | ||||
|           <%= render_slot(@inner_block) %> | ||||
|         </div> | ||||
|       <% end %> | ||||
|       <div :if={@inner_block} class="flex space-x-4 justify-center items-center"> | ||||
|         <%= render_slot(@inner_block) %> | ||||
|       </div> | ||||
|     </div> | ||||
|     """ | ||||
|   end | ||||
|   | ||||
| @@ -109,11 +109,9 @@ defmodule MemexWeb.Components.NotesTableComponent do | ||||
|  | ||||
|     ~H""" | ||||
|     <div class="flex flex-wrap justify-center space-x-1"> | ||||
|       <%= for tag <- @tags do %> | ||||
|         <.link patch={Routes.note_index_path(Endpoint, :search, tag)} class="link"> | ||||
|           <%= tag %> | ||||
|         </.link> | ||||
|       <% end %> | ||||
|       <.link :for={tag <- @tags} patch={Routes.note_index_path(Endpoint, :search, tag)} class="link"> | ||||
|         <%= tag %> | ||||
|       </.link> | ||||
|     </div> | ||||
|     """ | ||||
|   end | ||||
|   | ||||
| @@ -122,11 +122,13 @@ defmodule MemexWeb.Components.PipelinesTableComponent do | ||||
|  | ||||
|     ~H""" | ||||
|     <div class="flex flex-wrap justify-center space-x-1"> | ||||
|       <%= for tag <- @tags do %> | ||||
|         <.link patch={Routes.pipeline_index_path(Endpoint, :search, tag)} class="link"> | ||||
|           <%= tag %> | ||||
|         </.link> | ||||
|       <% end %> | ||||
|       <.link | ||||
|         :for={tag <- @tags} | ||||
|         patch={Routes.pipeline_index_path(Endpoint, :search, tag)} | ||||
|         class="link" | ||||
|       > | ||||
|         <%= tag %> | ||||
|       </.link> | ||||
|     </div> | ||||
|     """ | ||||
|   end | ||||
|   | ||||
| @@ -33,20 +33,19 @@ | ||||
|       </tr> | ||||
|     </thead> | ||||
|     <tbody> | ||||
|       <%= for {values, i} <- @rows |> Enum.with_index() do %> | ||||
|         <tr class={if i |> Integer.is_even(), do: @row_class, else: @alternate_row_class}> | ||||
|           <%= for %{key: key} = value <- @columns do %> | ||||
|             <td class={["p-2", value[:class]]}> | ||||
|               <%= case values |> Map.get(key) do %> | ||||
|                 <% {_custom_sort_value, value} -> %> | ||||
|                   <%= value %> | ||||
|                 <% value -> %> | ||||
|                   <%= value %> | ||||
|               <% end %> | ||||
|             </td> | ||||
|       <tr | ||||
|         :for={{values, i} <- @rows |> Enum.with_index()} | ||||
|         class={if i |> Integer.is_even(), do: @row_class, else: @alternate_row_class} | ||||
|       > | ||||
|         <td :for={%{key: key} = value <- @columns} class={["p-2", value[:class]]}> | ||||
|           <%= case values |> Map.get(key) do %> | ||||
|             <% {_custom_sort_value, value} -> %> | ||||
|               <%= value %> | ||||
|             <% value -> %> | ||||
|               <%= value %> | ||||
|           <% end %> | ||||
|         </tr> | ||||
|       <% end %> | ||||
|         </td> | ||||
|       </tr> | ||||
|     </tbody> | ||||
|   </table> | ||||
| </div> | ||||
|   | ||||
| @@ -65,16 +65,14 @@ defmodule MemexWeb.Components.Topbar do | ||||
|           <li class="mx-2 my-1 border-left border border-primary-700"></li> | ||||
|  | ||||
|           <%= if @current_user do %> | ||||
|             <%= if @current_user |> Accounts.is_already_admin?() do %> | ||||
|               <li class="mx-2 my-1"> | ||||
|                 <.link | ||||
|                   navigate={Routes.invite_index_path(Endpoint, :index)} | ||||
|                   class="text-primary-400 text-primary-400 hover:underline" | ||||
|                 > | ||||
|                   <%= gettext("invites") %> | ||||
|                 </.link> | ||||
|               </li> | ||||
|             <% end %> | ||||
|             <li :if={@current_user |> Accounts.is_already_admin?()} class="mx-2 my-1"> | ||||
|               <.link | ||||
|                 navigate={Routes.invite_index_path(Endpoint, :index)} | ||||
|                 class="text-primary-400 text-primary-400 hover:underline" | ||||
|               > | ||||
|                 <%= gettext("invites") %> | ||||
|               </.link> | ||||
|             </li> | ||||
|  | ||||
|             <li class="mx-2 my-1"> | ||||
|               <.link | ||||
| @@ -95,27 +93,28 @@ defmodule MemexWeb.Components.Topbar do | ||||
|               </.link> | ||||
|             </li> | ||||
|  | ||||
|             <%= if @current_user.role == :admin and function_exported?(Routes, :live_dashboard_path, 2) do %> | ||||
|               <li class="mx-2 my-1"> | ||||
|                 <.link | ||||
|                   navigate={Routes.live_dashboard_path(Endpoint, :home)} | ||||
|                   class="text-primary-400 text-primary-400 hover:underline" | ||||
|                 > | ||||
|                   <i class="fas fa-gauge"></i> | ||||
|                 </.link> | ||||
|               </li> | ||||
|             <% end %> | ||||
|             <li | ||||
|               :if={ | ||||
|                 @current_user.role == :admin and function_exported?(Routes, :live_dashboard_path, 2) | ||||
|               } | ||||
|               class="mx-2 my-1" | ||||
|             > | ||||
|               <.link | ||||
|                 navigate={Routes.live_dashboard_path(Endpoint, :home)} | ||||
|                 class="text-primary-400 text-primary-400 hover:underline" | ||||
|               > | ||||
|                 <i class="fas fa-gauge"></i> | ||||
|               </.link> | ||||
|             </li> | ||||
|           <% else %> | ||||
|             <%= if Accounts.allow_registration?() do %> | ||||
|               <li class="mx-2 my-1"> | ||||
|                 <.link | ||||
|                   navigate={Routes.user_registration_path(Endpoint, :new)} | ||||
|                   class="text-primary-400 text-primary-400 hover:underline truncate" | ||||
|                 > | ||||
|                   <%= dgettext("actions", "register") %> | ||||
|                 </.link> | ||||
|               </li> | ||||
|             <% end %> | ||||
|             <li :if={Accounts.allow_registration?()} class="mx-2 my-1"> | ||||
|               <.link | ||||
|                 navigate={Routes.user_registration_path(Endpoint, :new)} | ||||
|                 class="text-primary-400 text-primary-400 hover:underline truncate" | ||||
|               > | ||||
|                 <%= dgettext("actions", "register") %> | ||||
|               </.link> | ||||
|             </li> | ||||
|  | ||||
|             <li class="mx-2 my-1"> | ||||
|               <.link | ||||
|   | ||||
| @@ -10,8 +10,8 @@ defmodule MemexWeb.Components.UserCard do | ||||
|     <div | ||||
|       id={"user-#{@user.id}"} | ||||
|       class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center text-center | ||||
|           border border-gray-400 rounded-lg shadow-lg hover:shadow-md | ||||
|           transition-all duration-300 ease-in-out" | ||||
|         border border-gray-400 rounded-lg shadow-lg hover:shadow-md | ||||
|         transition-all duration-300 ease-in-out" | ||||
|     > | ||||
|       <h1 class="px-4 py-2 rounded-lg title text-xl break-all"> | ||||
|         <%= @user.email %> | ||||
| @@ -39,11 +39,9 @@ defmodule MemexWeb.Components.UserCard do | ||||
|         </p> | ||||
|       </h3> | ||||
|  | ||||
|       <%= if @inner_block do %> | ||||
|         <div class="px-4 py-2 flex space-x-4 justify-center items-center"> | ||||
|           <%= render_slot(@inner_block) %> | ||||
|         </div> | ||||
|       <% end %> | ||||
|       <div :if={@inner_block} class="px-4 py-2 flex space-x-4 justify-center items-center"> | ||||
|         <%= render_slot(@inner_block) %> | ||||
|       </div> | ||||
|     </div> | ||||
|     """ | ||||
|   end | ||||
|   | ||||
		Reference in New Issue
	
	Block a user