inhji/chiya
inhji/chiya
1
1
Fork 0
Code Issues 8 Pull requests 9 Activity

initial admin page

Browse source
This commit is contained in:
Inhji 2023-04-01 16:05:20 +02:00
parent 7bba9dce9e
commit d82f373bd2
4 changed files with 21 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
lib/chiya_web/components/admin_components.ex
View file

@ -102,14 +102,6 @@ defmodule ChiyaWeb.AdminComponents do
<.icon name="hero-sun-mini" class="h-4 w-4" />
</.link>
</li>
<li>
<.link
href={~p"/user"}
class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
>
Profile
</.link>
</li>
<li>
<.link
href={~p"/admin"}

2
lib/chiya_web/components/layouts/app.html.heex
View file

@ -1,5 +1,5 @@
<header class="px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-end border-b border-gray-100 dark:border-gray-800 py-3">
<div class="flex items-center justify-end border-b border-gray-300 dark:border-gray-800 py-3">
<div class="flex items-center gap-4">
<.link
href={~p"/admin/notes"}

2
lib/chiya_web/components/layouts/root_app.html.heex
View file

@ -21,7 +21,7 @@
}
</script>
</head>
<body class="bg-white dark:bg-gray-900 antialiased">
<body class="bg-gray-200 dark:bg-gray-900 antialiased">
<.admin_bar current_user={@current_user} />
<%= @inner_content %>
<div id="react-root"></div>

20
lib/chiya_web/controllers/admin_html/home.html.heex
View file

@ -1 +1,19 @@
<.header>Admin</.header>
<section class="p-4 rounded flex gap-4 bg-gray-100 shadow border border-gray-300 dark:border-gray-700 dark:bg-gray-800">
<img
class="rounded-full w-24"
src={ChiyaWeb.Uploaders.UserImage.url({@current_user.user_image, @current_user}, :thumb)}
/>
<div class="flex-1 dark:text-gray-200">
<p class="text-sm text-gray-600 dark:text-gray-400">Welcome back,</p>
<h2 class="text-xl font-semibold"><%= @current_user.email %></h2>
</div>
<.link href={~p"/user"}>
<.button>Profile</.button>
</.link>
</section>
<section class="mt-4 flex gap-4">
<a href="/admin/notes/new" class="p-4 rounded bg-gray-100 shadow border border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200">
<.icon name="hero-document-plus" /> New Note
</a>
</section>