source: resources/views/layouts/app.blade.php@ 194a359

develop
Last change on this file since 194a359 was 194a359, checked in by beratkjufliju <kufliju@…>, 3 years ago

added departments, edited users and added user settings
  • Property mode set to 100644
File size: 19.1 KB
Line 
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 <title>@yield('title')</title>
8
9 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
10 <!-- Favicon -->
11 <link rel="shortcut icon" href="{{ url('assets/media/images/favicon.png') }}"/>
12
13 <!-- Plugin styles -->
14 <link rel="stylesheet" href="{{ url('vendors/bundle.css') }}" type="text/css">
15
16 <!-- App styles -->
17 <link rel="stylesheet" href="{{ url('assets/css/app.min.css') }}" type="text/css">
18</head>
19<body @if (trim($__env->yieldContent('bodyClass'))) class="@yield('bodyClass')" @endif>
20
21<!-- begin::preloader-->
22<div class="preloader">
23 <div class="preloader-icon"></div>
24</div>
25<!-- end::preloader -->
26
27<!-- BEGIN: Sidebar Group -->
28<div class="sidebar-group">
29
30 <!-- BEGIN: User Menu -->
31 <div class="sidebar" id="user-menu">
32 <div class="py-4 text-center bg-dark">
33 <h5 class="d-flex align-items-center justify-content-center">{{auth()->user()->getFullName()}}</h5>
34 <h6 class="d-flex align-items-center justify-content-center">{{auth()->user()->role->name}}</h6>
35 </div>
36 <div class="card mb-0 card-body shadow-none">
37 <div class="mb-4">
38 <div class="list-group list-group-flush">
39 <a href="{{route("dashboard.settings.index")}}" class="list-group-item p-l-r-0">Settings</a>
40 <a href="javascript:void(0)" onclick="
41 event.preventDefault();
42 document.getElementById('logout-form').submit();
43 " class="list-group-item p-l-r-0 text-danger">Sign Out</a>
44 <form id="logout-form" action="{{ route("auth.logout") }}" method="post">
45 @csrf
46 </form>
47 </div>
48 </div>
49 <div class="mb-4">
50 <h6 class="d-flex justify-content-between">
51 Added documents
52 <span class="float-right">68</span>
53 </h6>
54 <div class="progress" style="height:5px;">
55 <div class="progress-bar bg-secondary" role="progressbar" style="width: 68%;"
56 aria-valuenow="68"
57 aria-valuemin="0" aria-valuemax="100"></div>
58 </div>
59 </div>
60 <div class="mb-4">
61 <h6 class="d-flex justify-content-between">
62 Used space
63 <span>%25</span>
64 </h6>
65 <div class="progress" style="height: 5px;">
66 <div class="progress-bar bg-info" role="progressbar" style="width: 40%;" aria-valuenow="40"
67 aria-valuemin="0" aria-valuemax="100"></div>
68 </div>
69 </div>
70 <div class="mb-4">
71 <h6>Email</h6>
72 <p class="text-muted mb-0">{{ auth()->user()->email }}</p>
73 </div>
74 <div class="mb-4">
75 <h6>Phone</h6>
76 <p class="text-muted mb-0">{{ auth()->user()->mobile_number }}</p>
77 </div>
78 </div>
79 </div>
80 <!-- END: User Menu -->
81
82 <!-- BEGIN: Settings -->
83 <div class="sidebar" id="settings">
84 <div class="card">
85 <div class="card-body">
86 <h6 class="card-title">Settings</h6>
87 <ul class="list-group list-group-flush">
88 <li class="list-group-item pl-0 pr-0">
89 <div class="custom-control custom-switch">
90 <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
91 <label class="custom-control-label" for="customSwitch1">Allow notifications.</label>
92 </div>
93 </li>
94 <li class="list-group-item pl-0 pr-0">
95 <div class="custom-control custom-switch">
96 <input type="checkbox" class="custom-control-input" id="customSwitch2">
97 <label class="custom-control-label" for="customSwitch2">Hide user requests</label>
98 </div>
99 </li>
100 <li class="list-group-item pl-0 pr-0">
101 <div class="custom-control custom-switch">
102 <input type="checkbox" class="custom-control-input" id="customSwitch3" checked>
103 <label class="custom-control-label" for="customSwitch3">Speed up demands</label>
104 </div>
105 </li>
106 <li class="list-group-item pl-0 pr-0">
107 <div class="custom-control custom-switch">
108 <input type="checkbox" class="custom-control-input" id="customSwitch4" checked>
109 <label class="custom-control-label" for="customSwitch4">Hide menus</label>
110 </div>
111 </li>
112 <li class="list-group-item pl-0 pr-0">
113 <div class="custom-control custom-switch">
114 <input type="checkbox" class="custom-control-input" id="customSwitch5">
115 <label class="custom-control-label" for="customSwitch5">Remember next visits</label>
116 </div>
117 </li>
118 <li class="list-group-item pl-0 pr-0">
119 <div class="custom-control custom-switch">
120 <input type="checkbox" class="custom-control-input" id="customSwitch6">
121 <label class="custom-control-label" for="customSwitch6">Enable report
122 generation.</label>
123 </div>
124 </li>
125 </ul>
126 </div>
127 </div>
128 </div>
129 <!-- END: Settings -->
130
131</div>
132<!-- END: Sidebar Group -->
133
134<!-- begin::main -->
135<div class="layout-wrapper">
136
137 <!-- begin::header -->
138 <div class="header d-print-none">
139
140 <div class="header-left">
141 <div class="navigation-toggler">
142 <a href="#" data-action="navigation-toggler">
143 <i data-feather="menu"></i>
144 </a>
145 </div>
146 <div class="header-logo">
147 <a href="{{ url('dashboard') }}">
148 <img class="logo" src="{{ url('assets/media/images/logo-small.png') }}" alt="logo">
149 </a>
150 </div>
151 </div>
152
153 <div class="header-body">
154 <div class="header-body-left">
155 <div class="page-title">
156 <h4>@yield('pageTitle')</h4>
157 </div>
158 </div>
159 <div class="header-body-right">
160 <ul class="navbar-nav">
161
162 <!-- begin::header fullscreen -->
163 <li class="nav-item dropdown">
164 <a href="#" class="nav-link" title="Fullscreen" data-toggle="fullscreen">
165 <i class="maximize" data-feather="maximize"></i>
166 <i class="minimize" data-feather="minimize"></i>
167 </a>
168 </li>
169 <!-- end::header fullscreen -->
170
171 <!-- begin::header search -->
172 <li class="nav-item">
173 <a href="#" class="nav-link" title="Search" data-toggle="dropdown">
174 <i data-feather="search"></i>
175 </a>
176 <div class="dropdown-menu p-2 dropdown-menu-right">
177 <form>
178 <div class="input-group">
179 <input type="text" class="form-control" placeholder="Search">
180 <div class="input-group-prepend">
181 <button class="btn" type="button">
182 <i data-feather="search"></i>
183 </button>
184 </div>
185 </div>
186 </form>
187 </div>
188 </li>
189 <!-- end::header search -->
190
191 <!-- begin::header notification dropdown -->
192 <li class="nav-item dropdown">
193 <a href="#" class="nav-link nav-link-notify" title="Notifications" data-toggle="dropdown">
194 <i data-feather="bell"></i>
195 </a>
196 <div class="dropdown-menu dropdown-menu-right dropdown-menu-big">
197 <div class="bg-dark p-4 text-center d-flex justify-content-between align-items-center">
198 <h5 class="mb-0">Notifications</h5>
199 <small class="opacity-7">1 unread notifications</small>
200 </div>
201 <div>
202 <ul class="list-group list-group-flush">
203 <li>
204 <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
205 <div>
206 <figure class="avatar mr-2">
207 <span
208 class="avatar-title bg-success-bright text-success rounded-circle">
209 <i class="ti-user"></i>
210 </span>
211 </figure>
212 </div>
213 <div class="flex-grow-1">
214 <p class="mb-0 line-height-20 d-flex justify-content-between">
215 New customer registered
216 <i title="Mark as read" data-toggle="tooltip"
217 class="hide-show-toggler-item fa fa-circle-o font-size-11"></i>
218 </p>
219 <span class="text-muted small">20 min ago</span>
220 </div>
221 </a>
222 </li>
223 <li class="text-divider small pb-2 pl-3 pt-3">
224 <span>Old notifications</span>
225 </li>
226 <li>
227 <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
228 <div>
229 <figure class="avatar mr-2">
230 <span
231 class="avatar-title bg-warning-bright text-warning rounded-circle">
232 <i class="ti-package"></i>
233 </span>
234 </figure>
235 </div>
236 <div class="flex-grow-1">
237 <p class="mb-0 line-height-20 d-flex justify-content-between">
238 New Order Recieved
239 <i title="Mark as unread" data-toggle="tooltip"
240 class="hide-show-toggler-item fa fa-check font-size-11"></i>
241 </p>
242 <span class="text-muted small">45 sec ago</span>
243 </div>
244 </a>
245 </li>
246 <li>
247 <a href="#"
248 class="list-group-item d-flex align-items-center hide-show-toggler">
249 <div>
250 <figure class="avatar mr-2">
251 <span class="avatar-title bg-danger-bright text-danger rounded-circle">
252 <i class="ti-server"></i>
253 </span>
254 </figure>
255 </div>
256 <div class="flex-grow-1">
257 <p class="mb-0 line-height-20 d-flex justify-content-between">
258 Server Limit Reached!
259 <i title="Mark as unread" data-toggle="tooltip"
260 class="hide-show-toggler-item fa fa-check font-size-11"></i>
261 </p>
262 <span class="text-muted small">55 sec ago</span>
263 </div>
264 </a>
265 </li>
266 <li>
267 <a href="#"
268 class="list-group-item d-flex align-items-center hide-show-toggler">
269 <div>
270 <figure class="avatar mr-2">
271 <span class="avatar-title bg-info-bright text-info rounded-circle">
272 <i class="ti-layers"></i>
273 </span>
274 </figure>
275 </div>
276 <div class="flex-grow-1">
277 <p class="mb-0 line-height-20 d-flex align-items-center justify-content-between">
278 Apps are ready for update
279 <i title="Mark as unread" data-toggle="tooltip"
280 class="hide-show-toggler-item fa fa-check font-size-11"></i>
281 </p>
282 <span class="text-muted small">Yesterday</span>
283 </div>
284 </a>
285 </li>
286 </ul>
287 </div>
288 <div class="p-2 text-right border-top">
289 <ul class="list-inline small">
290 <li class="list-inline-item mb-0">
291 <a href="#">Mark All Read</a>
292 </li>
293 </ul>
294 </div>
295 </div>
296 </li>
297 <!-- end::header notification dropdown -->
298
299 <!-- begin::user menu -->
300 <li class="nav-item dropdown">
301 <a href="#" class="nav-link" title="User menu" data-sidebar-target="#user-menu">
302 <span class="mr-2 d-sm-inline d-none">{{auth()->user()->getFullName()}}</span>
303 </a>
304 </li>
305 <!-- end::user menu -->
306
307 </ul>
308
309 <!-- begin::mobile header toggler -->
310 <ul class="navbar-nav d-flex align-items-center">
311 <li class="nav-item header-toggler">
312 <a href="#" class="nav-link">
313 <i data-feather="arrow-down"></i>
314 </a>
315 </li>
316 </ul>
317 <!-- end::mobile header toggler -->
318 </div>
319 </div>
320
321 </div>
322 <!-- end::header -->
323
324 <div class="content-wrapper">
325
326 <!-- begin::navigation -->
327 <div class="navigation">
328 <div class="navigation-menu-tab">
329 <ul>
330 <li>
331 <a href="{{ route("dashboard.index") }}" class="nav-link {{ request()->is('dashboard') ? 'active' : '' }}" data-toggle="tooltip"
332 data-placement="right" title="Pages">
333 <i data-feather="copy"></i>
334 </a>
335 </li>
336 @if(auth()->user()->hasPermission("access_all_users"))
337 <li>
338 <a href="{{ route("dashboard.users.index") }}" class="nav-link {{ request()->is(['dashboard/users', 'dashboard/users/*']) ? 'active' : '' }}" data-toggle="tooltip"
339 data-placement="right" title="Users">
340 <i data-feather="users"></i>
341 </a>
342 </li>
343 @endif
344 <li>
345 <a href="#" data-toggle="tooltip"
346 data-placement="right" title="Files"
347 data-nav-target="#components">
348 <i data-feather="layers"></i>
349 </a>
350 </li>
351 @if(auth()->user()->hasPermission("access_all_departments"))
352 <li>
353 <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
354 data-placement="right" title="Departments">
355 <i data-feather="layers"></i>
356 </a>
357 </li>
358 @endif
359 </ul>
360 </div>
361 </div>
362 <!-- end::navigation -->
363
364 <div class="content-body">
365
366 <div class="content">
367
368 @yield('content')
369
370 </div>
371
372 <!-- begin::footer -->
373 <footer class="content-footer">
374 <div>© {{ date('Y') }}<a href="{{route("dashboard.index")}}" target="_blank"> SaveSpace</a></div>
375 <div>
376
377 </div>
378 </footer>
379 <!-- end::footer -->
380
381 </div>
382
383 </div>
384
385</div>
386<!-- end::main -->
387
388<!-- Plugin scripts -->
389<script src="{{ url('vendors/bundle.js') }}"></script>
390
391<!-- App scripts -->
392<script src="{{ url('assets/js/app.js') }}"></script>
393<script src="{{url('assets/js/Toast.js')}}"></script>
394@include("layouts.alert")
395</body>
396</html>
Note: See TracBrowser for help on using the repository browser.