Skip to content

Commit c298b72

Browse files
hpmoutonhpmouton
committed
Admin Inbox view added
1 parent 9bf88e9 commit c298b72

File tree

5 files changed

+240
-1
lines changed

5 files changed

+240
-1
lines changed

‎app/Livewire/Admin/Inbox.php

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<?php
2+
3+
namespace App\Livewire\Admin;
4+
5+
use Livewire\Component;
6+
7+
class Inbox extends Component
8+
{
9+
public function render()
10+
{
11+
return view('livewire.admin.inbox');
12+
}
13+
}

‎resources/views/admin/inbox.blade.php

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!DOCTYPE html>
2+
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta name="csrf-token" content="{{ csrf_token() }}">
7+
8+
<title>{{ config('app.name', 'Laravel') }}</title>
9+
10+
<!-- Fonts -->
11+
<link rel="preconnect" href="https://fonts.bunny.net">
12+
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
13+
<link rel="preconnect" href="https://fonts.googleapis.com">
14+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15+
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
16+
<!-- Scripts -->
17+
@vite(['resources/css/app.css', 'resources/js/app.js'])
18+
19+
<!-- Styles -->
20+
@livewireStyles
21+
</head>
22+
<body x-data="themeSwitcher()" :class="{ 'dark': switchOn }" class="font-sans antialiased">
23+
<x-banner />
24+
25+
<div class="min-h-screen bg-gray-50 dark:bg-gray-900">
26+
@livewire('navigation-menu')
27+
28+
<!-- Page Heading -->
29+
@if (isset($header))
30+
<header class="bg-white dark:bg-gray-800 ">
31+
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
32+
{{ $header }}
33+
</div>
34+
</header>
35+
@endif
36+
37+
<!-- Page Content -->
38+
<main>
39+
40+
@livewire('admin.inbox')
41+
</main>
42+
</div>
43+
44+
@stack('modals')
45+
46+
@livewireScripts
47+
</body>
48+
<!-- Footer container -->
49+
50+
</html>

‎resources/views/livewire/admin/admin-dashboard.blade.php

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
class="flex items-center p-2 rounded bg-gray-200 dark:bg-gray-700 text-xs"><x-fluentui-grid-24-o
99
class="mr-4 h-5 w-5" />
1010
Dashboard</a></li>
11-
<li><a href="#"
11+
<li><a href="{{route('inbox')}}"
1212
class="flex items-center p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 text-xs"><x-fluentui-mail-all-read-24-o
1313
class="mr-4 h-5 w-5" />
1414
Inbox</a></li>

‎resources/views/livewire/admin/inbox.blade.php

+171
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<div>
2+
<main class="flex w-full h-full shadow-lg rounded-3xl">
3+
4+
<section class="flex flex-col pt-3 w-4/12 bg-gray-50 h-full overflow-y-scroll">
5+
<label class="px-3">
6+
<input class="rounded-lg p-4 bg-gray-100 transition duration-200 focus:outline-none focus:ring-2 w-full"
7+
placeholder="Search..." />
8+
</label>
9+
10+
<ul class="mt-6">
11+
<li class="py-5 border-b px-3 transition hover:bg-indigo-100">
12+
<a href="#" class="flex justify-between items-center">
13+
<h3 class="text-lg font-semibold">Akhil Gautam</h3>
14+
<p class="text-md text-gray-400">23m ago</p>
15+
</a>
16+
<div class="text-md italic text-gray-400">You have been invited!</div>
17+
</li>
18+
<li class="py-5 border-b px-3 transition hover:bg-indigo-100">
19+
<a href="#" class="flex justify-between items-center">
20+
<h3 class="text-lg font-semibold">Akhil Gautam</h3>
21+
<p class="text-md text-gray-400">23m ago</p>
22+
</a>
23+
<div class="text-md italic text-gray-400">You have been invited!</div>
24+
</li>
25+
<li class="py-5 border-b px-3 transition hover:bg-indigo-100">
26+
<a href="#" class="flex justify-between items-center">
27+
<h3 class="text-lg font-semibold">Akhil Gautam</h3>
28+
<p class="text-md text-gray-400">23m ago</p>
29+
</a>
30+
<div class="text-md italic text-gray-400">You have been invited!</div>
31+
</li>
32+
<li class="py-5 border-b px-3 transition hover:bg-indigo-100">
33+
<a href="#" class="flex justify-between items-center">
34+
<h3 class="text-lg font-semibold">Akhil Gautam</h3>
35+
<p class="text-md text-gray-400">23m ago</p>
36+
</a>
37+
<div class="text-md italic text-gray-400">You have been invited!</div>
38+
</li>
39+
<li class="py-5 border-b px-3 bg-indigo-600 text-white">
40+
<a href="#" class="flex justify-between items-center">
41+
<h3 class="text-lg font-semibold">Akhil Gautam</h3>
42+
<p class="text-md">23m ago</p>
43+
</a>
44+
<div class="text-md">You have been invited!</div>
45+
</li>
46+
<li class="py-5 border-b px-3 transition hover:bg-indigo-100">
47+
<a href="#" class="flex justify-between items-center">
48+
<h3 class="text-lg font-semibold">Akhil Gautam</h3>
49+
<p class="text-md text-gray-400">23m ago</p>
50+
</a>
51+
<div class="text-md italic text-gray-400">You have been invited!</div>
52+
</li>
53+
<li class="py-5 border-b px-3 transition hover:bg-indigo-100">
54+
<a href="#" class="flex justify-between items-center">
55+
<h3 class="text-lg font-semibold">Akhil Gautam</h3>
56+
<p class="text-md text-gray-400">23m ago</p>
57+
</a>
58+
<div class="text-md italic text-gray-400">You have been invited!</div>
59+
</li>
60+
</ul>
61+
</section>
62+
<section class="w-6/12 px-4 flex flex-col bg-white rounded-r-3xl">
63+
<div class="flex justify-between items-center h-48 border-b-2 mb-8">
64+
<div class="flex space-x-4 items-center">
65+
<div class="h-12 w-12 rounded-full overflow-hidden">
66+
<img src="https://bit.ly/2KfKgdy" loading="lazy" class="h-full w-full object-cover" />
67+
</div>
68+
<div class="flex flex-col">
69+
<h3 class="font-semibold text-lg">Akhil Gautam</h3>
70+
<p class="text-light text-gray-400">[email protected]</p>
71+
</div>
72+
</div>
73+
<div>
74+
<ul class="flex text-gray-400 space-x-4">
75+
<li class="w-6 h-6">
76+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
77+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
78+
d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" />
79+
</svg>
80+
</li>
81+
<li class="w-6 h-6">
82+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
83+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
84+
d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" />
85+
</svg>
86+
</li>
87+
88+
<li class="w-6 h-6">
89+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
90+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
91+
d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" />
92+
</svg>
93+
</li>
94+
<li class="w-6 h-6">
95+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
96+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
97+
d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
98+
</svg>
99+
</li>
100+
<li class="w-6 h-6">
101+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
102+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
103+
d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" />
104+
</svg>
105+
</li>
106+
</ul>
107+
</div>
108+
</div>
109+
<section>
110+
<h1 class="font-bold text-2xl">We need UI/UX designer</h1>
111+
<article class="mt-8 text-gray-500 leading-7 tracking-wider">
112+
<p>Hi Akhil,</p>
113+
<p>Design and develop enterprise-facing UI and consumer-facing UI as well as
114+
REST API
115+
backends.Work with
116+
Product Managers and User Experience designers to create an appealing user experience for desktop web and
117+
mobile web.</p>
118+
<footer class="mt-12">
119+
<p>Thanks & Regards,</p>
120+
<p>Alexandar</p>
121+
</footer>
122+
</article>
123+
<ul class="flex space-x-4 mt-12">
124+
<li
125+
class="w-10 h-10 border rounded-lg p-1 cursor-pointer transition duration-200 text-indigo-600 hover:bg-blue-100">
126+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
127+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1"
128+
d="M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z" />
129+
</svg>
130+
</li>
131+
<li
132+
class="w-10 h-10 border rounded-lg p-1 cursor-pointer transition duration-200 text-blue-800 hover:bg-blue-100">
133+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
134+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1"
135+
d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z" />
136+
</svg>
137+
</li>
138+
<li
139+
class="w-10 h-10 border rounded-lg p-1 cursor-pointer transition duration-200 text-pink-400 hover:bg-blue-100">
140+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
141+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1"
142+
d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z" />
143+
</svg>
144+
</li>
145+
<li
146+
class="w-10 h-10 border rounded-lg p-1 cursor-pointer transition duration-200 text-yellow-500 hover:bg-blue-100">
147+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
148+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1"
149+
d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
150+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
151+
d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
152+
</svg>
153+
</li>
154+
</ul>
155+
</section>
156+
<section class="mt-6 border rounded-xl bg-gray-50 mb-3">
157+
<textarea class="w-full bg-gray-50 p-2 rounded-xl" placeholder="Type your reply here..." rows="3"></textarea>
158+
<div class="flex items-center justify-between p-2">
159+
<button class="h-6 w-6 text-gray-400">
160+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
161+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
162+
d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
163+
</svg>
164+
</button>
165+
<button class="bg-purple-600 text-white px-6 py-2 rounded-xl">Reply</button>
166+
</div>
167+
</section>
168+
</section>
169+
</main>
170+
171+
</div><!-- component -->

‎routes/web.php

+5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<?php
22

33
use App\Http\Controllers\Training\CourseProgressController;
4+
use App\Livewire\Admin\Inbox;
45
use App\Livewire\Quiz\QuizComponent;
56
use App\Livewire\Staff\MyTrainings;
67
use App\Livewire\Staff\TrainingCoursesPage;
@@ -50,6 +51,10 @@
5051
// Return the PDF for download
5152
})->name('certificate');
5253

54+
Route::get('/inbox', function () {
55+
return view('admin.inbox');
56+
})->name('inbox');
57+
5358

5459

5560
});

0 commit comments

Comments
 (0)