- Change footer detail on admin layout

- Add masterBodyClass section on master layout - Change app_name on .env - Add "profile_image" accessor on user model class - Change stisla layout navigation template from "default" to top
ianriizky · Jan 28, 2022 · 8675c6c · 8675c6c
1 parent cf42e0b
commit 8675c6c
Show file tree

Hide file tree

Showing 7 changed files with 97 additions and 35 deletions.
diff --git a/.env.example b/.env.example
@@ -1,5 +1,5 @@
-APP_NAME="BCA CiN"
-APP_SHORTNAME=TB
+APP_NAME="BCA Denpasar CiNEMA"
+APP_SHORTNAME=CiN
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true

diff --git a/app/Models/Concerns/User/Attribute.php b/app/Models/Concerns/User/Attribute.php
@@ -11,6 +11,7 @@
  * @property \Illuminate\Support\Carbon $email_verified_at
  * @property string $password
  * @property-read string $remember_token
+ * @property-read string $profile_image
  *
  * @see \App\Models\User
  */
@@ -28,4 +29,14 @@ public function setPasswordAttribute($value)
 
         return $this;
     }
+
+    /**
+     * Return "profile_image" attribute value.
+     *
+     * @return string
+     */
+    public function getProfileImageAttribute(): string
+    {
+        return 'https://www.gravatar.com/avatar/' . md5($this->email);
+    }
 }
diff --git a/resources/views/components/header.blade.php b/resources/views/components/header.blade.php
@@ -1,23 +1,52 @@
 <nav class="navbar navbar-expand-lg main-navbar">
-    <form class="form-inline mr-auto">
-        <ul class="navbar-nav mr-3">
-            <li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="fas fa-bars"></i></a></li>
+    <a href="{{ route('dashboard') }}" class="navbar-brand sidebar-gone-hide">{{ config('app.name') }}</a>
+
+    <div class="navbar-nav">
+        <a href="#" class="nav-link sidebar-gone-show" data-toggle="sidebar"><i class="fas fa-bars"></i></a>
+    </div>
+
+    <div class="nav-collapse">
+        <a class="sidebar-gone-show nav-collapse-toggle nav-link" href="#">
+            <i class="fas fa-ellipsis-v"></i>
+        </a>
+        <ul class="navbar-nav">
+            <li class="nav-item @if (Route::is('dashboard')) active @endif">
+                <a href="{{ route('dashboard') }}" class="nav-link">
+                    <span>@lang('Dashboard')</span>
+                </a>
+            </li>
+
+            <li class="nav-item @if (Route::is('education.*')) active @endif">
+                <a href="{{ route('education.index') }}" class="nav-link">
+                    <span>@lang('Education')</span>
+                </a>
+            </li>
+
+            <li class="nav-item @if (Route::is('monitoring.*')) active @endif">
+                <a href="{{ route('monitoring.index') }}" class="nav-link">
+                    <span>@lang('Monitoring')</span>
+                </a>
+            </li>
+
+            <li class="nav-item @if (Route::is('achievement.*')) active @endif">
+                <a href="{{ route('achievement.index') }}" class="nav-link">
+                    <span>@lang('Achievement')</span>
+                </a>
+            </li>
         </ul>
-    </form>
+    </div>
 
-    <ul class="navbar-nav navbar-right">
+    <ul class="navbar-nav navbar-right ml-auto">
         <li class="dropdown">
             <a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">
-                <img alt="image" src="https://www.gravatar.com/avatar/@auth{{ md5(Auth::user()->email) }}@endauth" class="rounded-circle mr-1">
-                <div class="d-sm-none d-lg-inline-block">@auth{{ Auth::user()->name }} @else Administrator @endauth</div>
+                <img alt="image" src="{{ Auth::user()->profile_image }}" class="rounded-circle mr-1">
+                <div class="d-sm-none d-lg-inline-block">{{ Auth::user()->name }}</div>
             </a>
 
             <div class="dropdown-menu dropdown-menu-right">
-                @auth
-                    <div class="dropdown-title">
-                        <span>🇮🇩 {{ Auth::user()->username }}</span>
-                    </div>
-                @endauth
+                <div class="dropdown-title">
+                    <span>🇮🇩 {{ Auth::user()->username }}</span>
+                </div>
 
                 <div class="dropdown-divider"></div>
 

diff --git a/resources/views/components/sidebar.blade.php b/resources/views/components/sidebar.blade.php
@@ -1,21 +1,41 @@
-<div class="main-sidebar">
-    <aside id="sidebar-wrapper">
-        <div class="sidebar-brand">
-            <a href="{{ route('dashboard') }}">{{ config('app.name') }}</a>
-        </div>
+<nav class="navbar navbar-secondary navbar-expand-lg">
+    <div class="container">
+        <ul class="navbar-nav">
+            <li class="nav-item dropdown">
+                <a href="#" data-toggle="dropdown" class="nav-link has-dropdown"><i class="fas fa-fire"></i><span>Dashboard</span></a>
+                <ul class="dropdown-menu">
+                    <li class="nav-item"><a href="index-0.html" class="nav-link">General Dashboard</a></li>
+                    <li class="nav-item"><a href="index.html" class="nav-link">Ecommerce Dashboard</a></li>
+                </ul>
+            </li>
+
+            <li class="nav-item active">
+                <a href="#" class="nav-link"><i class="far fa-heart"></i><span>Top Navigation</span></a>
+            </li>
+
+            <li class="nav-item dropdown">
+                <a href="#" data-toggle="dropdown" class="nav-link has-dropdown"><i class="far fa-clone"></i><span>Multiple Dropdown</span></a>
+
+                <ul class="dropdown-menu">
+                    <li class="nav-item"><a href="#" class="nav-link">Not Dropdown Link</a></li>
 
-        <div class="sidebar-brand sidebar-brand-sm">
-            <a href="{{ route('dashboard') }}">{{ config('app.shortname') }}</a>
-        </div>
+                    <li class="nav-item dropdown"><a href="#" class="nav-link has-dropdown">Hover Me</a>
+                        <ul class="dropdown-menu">
+                            <li class="nav-item"><a href="#" class="nav-link">Link</a></li>
 
-        <ul class="sidebar-menu">
-            <li class="menu-header">@lang('Home')</li>
+                            <li class="nav-item dropdown"><a href="#" class="nav-link has-dropdown">Link 2</a>
+                                <ul class="dropdown-menu">
+                                    <li class="nav-item"><a href="#" class="nav-link">Link</a></li>
+                                    <li class="nav-item"><a href="#" class="nav-link">Link</a></li>
+                                    <li class="nav-item"><a href="#" class="nav-link">Link</a></li>
+                                </ul>
+                            </li>
 
-            <li @if (Route::is('dashboard')) class="active" @endif>
-                <a href="{{ route('dashboard') }}" class="nav-link">
-                    <i class="fa fa-fire"></i> <span>@lang('Dashboard')</span>
-                </a>
+                            <li class="nav-item"><a href="#" class="nav-link">Link 3</a></li>
+                        </ul>
+                    </li>
+                </ul>
             </li>
         </ul>
-    </aside>
-</div>
+    </div>
+</nav>
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
@@ -12,7 +12,7 @@
 
                 <div class="breadcrumb-item">
                     <a href="{{ route('dashboard') }}">
-                        <i class="fas fa-fire"></i> <span>@lang('Dashboard')</span>
+                        <i class="fas @lang('icon.dashboard')"></i> <span>@lang('Dashboard')</span>
                     </a>
                 </div>
             </div>
@@ -21,7 +21,7 @@
         <div class="section-body">
             <div class="card">
                 <div class="card-body">
-                    <p>@lang('Welcome to the blog dashboard!')</p>
+                    <p>@lang('Welcome to the dashboard page!')</p>
                 </div>
             </div>
         </div>

diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
@@ -1,5 +1,7 @@
+@section('masterBodyClass', 'layout-3')
+
 @component('layouts.master')
-    <div class="main-wrapper">
+    <div class="main-wrapper container">
         <div class="navbar-bg"></div>
 
         @include('components.header')
@@ -20,7 +22,7 @@
 
         <footer class="main-footer">
             <div class="footer-left">
-                Copyright &copy; 2018 <div class="bullet"></div> Design By <a href="https://nauval.in/">Muhamad Nauval Azhar</a>
+                Copyright &copy; {{ config('app.name') }} 2022 <div class="bullet"></div> Design By <a href="https://nauval.in/">Muhamad Nauval Azhar</a>
             </div>
 
             <div class="footer-right">

diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
@@ -20,7 +20,7 @@
     @stack('styles')
 </head>
 
-<body>
+<body @hasSection('masterBodyClass') class="@yield('masterBodyClass')" @endif>
     <main id="app">
         @isset($slot)
             {{ $slot }}