john
Ilham Wara Nugroho 2025-11-17 16:19:56 +07:00
parent dc6961daa5
commit 963faf52be
9 changed files with 204 additions and 91 deletions

View File

@ -23,6 +23,7 @@ class HomeController extends Controller
*/ */
public function index() public function index()
{ {
return view('home'); $data['title'] = 'Dashboard';
return view('home',$data);
} }
} }

View File

@ -368,7 +368,7 @@ File: Main Js File
updateRadio("layout-horizontal"); updateRadio("layout-horizontal");
document.getElementById("sidebar-setting").style.display = "none"; document.getElementById("sidebar-setting").style.display = "none";
document.getElementsByClassName("vertical-menu")[0].style.display = "none"; document.getElementsByClassName("vertical-menu")[0].style.display = "none";
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block"; // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
document.getElementsByClassName("isvertical-topbar")[0].style.display = "none"; document.getElementsByClassName("isvertical-topbar")[0].style.display = "none";
document.getElementsByClassName("topnav")[0].style.display = "block"; document.getElementsByClassName("topnav")[0].style.display = "block";
document.getElementsByClassName("footer")[0].style.display = "block"; document.getElementsByClassName("footer")[0].style.display = "block";
@ -384,10 +384,10 @@ File: Main Js File
// document.body.setAttribute("data-sidebar", "light"); // document.body.setAttribute("data-sidebar", "light");
document.getElementsByClassName("isvertical-topbar")[0].style.display = "block"; document.getElementsByClassName("isvertical-topbar")[0].style.display = "block";
updateRadio("layout-vertical"); updateRadio("layout-vertical");
document.getElementsByClassName("topnav")[0].style.display = "none"; // document.getElementsByClassName("topnav")[0].style.display = "none";
// document.getElementsByClassName("vertical-menu")[0].style.display = // document.getElementsByClassName("vertical-menu")[0].style.display =
// "block"; // "block";
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none"; // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
} }
} }
@ -469,10 +469,10 @@ File: Main Js File
document.body.setAttribute("data-layout", "vertical"); document.body.setAttribute("data-layout", "vertical");
document.body.setAttribute("data-topbar", "light"); document.body.setAttribute("data-topbar", "light");
document.getElementsByClassName("isvertical-topbar")[0].style.display = "block"; document.getElementsByClassName("isvertical-topbar")[0].style.display = "block";
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none"; // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
document.getElementsByClassName("vertical-menu")[0].style.display = "block"; document.getElementsByClassName("vertical-menu")[0].style.display = "block";
document.getElementById("sidebar-setting").style.display = "block"; document.getElementById("sidebar-setting").style.display = "block";
document.getElementsByClassName("topnav")[0].style.display = "none"; // document.getElementsByClassName("topnav")[0].style.display = "none";
if (window.innerWidth <= 992) { if (window.innerWidth <= 992) {
document.getElementsByClassName("vertical-menu")[0].removeAttribute('style'); document.getElementsByClassName("vertical-menu")[0].removeAttribute('style');
} }
@ -487,7 +487,7 @@ File: Main Js File
document.getElementById("sidebar-setting").style.display = "none"; document.getElementById("sidebar-setting").style.display = "none";
document.getElementsByClassName("vertical-menu")[0].style.display = document.getElementsByClassName("vertical-menu")[0].style.display =
"none"; "none";
document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block"; // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
document.getElementsByClassName("isvertical-topbar")[0].style.display = "none"; document.getElementsByClassName("isvertical-topbar")[0].style.display = "none";

View File

@ -77,7 +77,6 @@
</div> </div>
@endsection @endsection
@section('js') @section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$('#togglePassword').on('click', function() { $('#togglePassword').on('click', function() {

View File

@ -0,0 +1,170 @@
<!-- Right Sidebar -->
<a href="#" class="right-bar-toggle layout-setting-btn" id="right-bar-toggle">
<i class="bx bx-cog icon-sm font-size-18"></i> <span>Settings</span>
</a>
<!-- Right Sidebar -->
<div class="right-bar">
<div data-simplebar class="h-100">
<div class="rightbar-title d-flex align-items-center bg-dark p-3">
<h5 class="m-0 me-2 text-white">Theme Customizer</h5>
<a href="javascript:void(0);" class="right-bar-toggle-close ms-auto">
<i class="mdi mdi-close noti-icon"></i>
</a>
</div>
<!-- Settings -->
<hr class="m-0" />
<div class="p-4">
<h6 class="mb-3">Layout</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout"
id="layout-vertical" value="vertical">
<label class="form-check-label" for="layout-vertical">Vertical</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout"
id="layout-horizontal" value="horizontal">
<label class="form-check-label" for="layout-horizontal">Horizontal</label>
</div>
<h6 class="mt-4 mb-3">Layout Mode</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-mode"
id="layout-mode-light" value="light">
<label class="form-check-label" for="layout-mode-light">Light</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-mode"
id="layout-mode-dark" value="dark">
<label class="form-check-label" for="layout-mode-dark">Dark</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-mode"
id="layout-mode-bordered" value="bordered">
<label class="form-check-label" for="layout-mode-bordered">Bordered</label>
</div>
<h6 class="mt-4 mb-3">Layout Width</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-width"
id="layout-width-fluid" value="fluid" onchange="document.body.setAttribute('data-layout-size', 'fluid')">
<label class="form-check-label" for="layout-width-fluid">Fluid</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-width"
id="layout-width-boxed" value="boxed" onchange="document.body.setAttribute('data-layout-size', 'boxed')">
<label class="form-check-label" for="layout-width-boxed">Boxed</label>
</div>
<h6 class="mt-4 mb-3">Layout Position</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-position"
id="layout-position-fixed" value="fixed" onchange="document.body.setAttribute('data-layout-scrollable', 'false')">
<label class="form-check-label" for="layout-position-fixed">Fixed</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-position"
id="layout-position-scrollable" value="scrollable" onchange="document.body.setAttribute('data-layout-scrollable', 'true')">
<label class="form-check-label" for="layout-position-scrollable">Scrollable</label>
</div>
<h6 class="mt-4 mb-3">Topbar Type</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="topbar-color"
id="topbar-color-light" value="light" onchange="document.body.setAttribute('data-topbar', 'light')">
<label class="form-check-label" for="topbar-color-light">Light</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="topbar-color"
id="topbar-color-dark" value="dark" onchange="document.body.setAttribute('data-topbar', 'dark')">
<label class="form-check-label" for="topbar-color-dark">Dark</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="topbar-color"
id="topbar-type-hidden" value="hidden" onchange="document.body.setAttribute('data-topbar', 'hidden')">
<label class="form-check-label" for="topbar-type-hidden">Hidden</label>
</div>
<div id="sidebar-setting">
<h6 class="mt-4 mb-3 sidebar-setting">Sidebar Size</h6>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-size"
id="sidebar-size-default" value="default" onchange="document.body.setAttribute('data-sidebar-size', 'lg')">
<label class="form-check-label" for="sidebar-size-default">Default</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-size"
id="sidebar-size-compact" value="compact" onchange="document.body.setAttribute('data-sidebar-size', 'md')">
<label class="form-check-label" for="sidebar-size-compact">Compact</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-size"
id="sidebar-size-small" value="small" onchange="document.body.setAttribute('data-sidebar-size', 'sm')">
<label class="form-check-label" for="sidebar-size-small">Small (Icon View)</label>
</div>
<h6 class="mt-4 mb-3 sidebar-setting">Sidebar Color</h6>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-color"
id="sidebar-color-light" value="light" onchange="document.body.setAttribute('data-sidebar', 'light')">
<label class="form-check-label" for="sidebar-color-light">Light</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-color"
id="sidebar-color-dark" value="dark" onchange="document.body.setAttribute('data-sidebar', 'dark')">
<label class="form-check-label" for="sidebar-color-dark">Dark</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-color"
id="sidebar-color-brand" value="brand" onchange="document.body.setAttribute('data-sidebar', 'brand')">
<label class="form-check-label" for="sidebar-color-brand">Brand</label>
</div>
</div>
<h6 class="mt-4 mb-3">Direction</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-direction"
id="layout-direction-ltr" value="ltr">
<label class="form-check-label" for="layout-direction-ltr">LTR</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-direction"
id="layout-direction-rtl" value="rtl">
<label class="form-check-label" for="layout-direction-rtl">RTL</label>
</div>
</div>
</div> <!-- end slimscroll-menu-->
</div>
<!-- /Right-bar -->
<!-- Right bar overlay-->
<div class="rightbar-overlay"></div>
<!-- chat offcanvas -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasActivity" aria-labelledby="offcanvasActivityLabel">
<div class="offcanvas-header border-bottom">
<h5 id="offcanvasActivityLabel">Offcanvas right</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
...
</div>
</div>

View File

@ -10,28 +10,23 @@
<!-- LOGO --> <!-- LOGO -->
<div class="navbar-brand-box"> <div class="navbar-brand-box">
<a href="index.php" class="logo logo-dark"> <a href="{{ url('dashboard') }}" class="logo logo-dark">
<span class="logo-sm"> <span class="logo-sm">
<img src="{{asset('assets/images/logo-dark-sm.png')}}" alt="" height="26"> <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
</span> </span>
<span class="logo-lg"> <span class="logo-lg">
<img src="{{asset('assets/images/logo-dark.png')}}" alt="" height="28"> <div class="d-flex align-items-center gap-3">
</span> <div><img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="28"></div>
</a> <div><h3 class="mb-0 logo-lg">SIGD</h3></div>
<button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect vertical-menu-btn">
<a href="index.php" class="logo logo-light"> <i class="bx bx-menu align-middle"></i>
<span class="logo-lg"> </button>
<img src="{{asset('assets/images/logo-light.png')}}" alt="" height="30"> </div>
</span>
<span class="logo-sm">
<img src="{{asset('assets/images/logo-light-sm.png')}}" alt="" height="26">
</span> </span>
</a> </a>
</div> </div>
<button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect vertical-menu-btn">
<i class="bx bx-menu align-middle"></i>
</button>
<div data-simplebar class="sidebar-menu-scroll"> <div data-simplebar class="sidebar-menu-scroll">

View File

@ -5,19 +5,19 @@
<div class="navbar-brand-box"> <div class="navbar-brand-box">
<a href="index.php" class="logo logo-dark"> <a href="index.php" class="logo logo-dark">
<span class="logo-sm"> <span class="logo-sm">
<img src="assets/images/logo-dark-sm.png" alt="" height="26"> <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
</span> </span>
<span class="logo-lg"> <span class="logo-lg">
<img src="assets/images/logo-dark-sm.png" alt="" height="26"> <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
</span> </span>
</a> </a>
<a href="index.php" class="logo logo-light"> <a href="index.php" class="logo logo-light">
<span class="logo-lg"> <span class="logo-lg">
<img src="assets/images/logo-light.png" alt="" height="30"> <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="30">
</span> </span>
<span class="logo-sm"> <span class="logo-sm">
<img src="assets/images/logo-light-sm.png" alt="" height="26"> <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
</span> </span>
</a> </a>
</div> </div>
@ -36,63 +36,6 @@
<div class="d-flex"> <div class="d-flex">
<div class="dropdown d-inline-block language-switch ms-2">
<button type="button" class="btn header-item" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<?php
if (!empty($_SESSION['lang'])) {
$language = $_SESSION['lang'];
if ($language == "en") {
$imgPath = 'assets/images/flags/us.jpg';
} elseif ($language == "sp") {
$imgPath = 'assets/images/flags/spain.jpg';
} elseif ($language == "gr") {
$imgPath = 'assets/images/flags/germany.jpg';
} elseif ($language == "it") {
$imgPath = 'assets/images/flags/italy.jpg';
} elseif ($language == "ru") {
$imgPath = 'assets/images/flags/russia.jpg';
} else {
$imgPath = 'assets/images/flags/us.jpg';
}
} else {
$imgPath = 'assets/images/flags/us.jpg';
}
?>
<img class="header-lang-img" src="<?php echo $imgPath; ?>" alt="Header Language" height="18">
</button>
<div class="dropdown-menu dropdown-menu-end">
<!-- item-->
<a href="?lang=en" class="dropdown-item notify-item language" data-lang="en" title="English">
<img src="assets/images/flags/us.jpg" alt="user-image" class="me-1" height="12">
<span class="align-middle">English</span>
</a>
<!-- item-->
<a href="?lang=sp" class="dropdown-item notify-item language" data-lang="sp" title="Spanish">
<img src="assets/images/flags/spain.jpg" alt="user-image" class="me-1" height="12">
<span class="align-middle">Spanish</span>
</a>
<!-- item-->
<a href="?lang=gr" class="dropdown-item notify-item language" data-lang="gr" title="German">
<img src="assets/images/flags/germany.jpg" alt="user-image" class="me-1" height="12">
<span class="align-middle">German</span>
</a>
<!-- item-->
<a href="?lang=it" class="dropdown-item notify-item language" data-lang="it" title="Italian">
<img src="assets/images/flags/italy.jpg" alt="user-image" class="me-1" height="12">
<span class="align-middle">Italian</span>
</a>
<!-- item-->
<a href="?lang=ru" class="dropdown-item notify-item language" data-lang="ru" title="Russian">
<img src="assets/images/flags/russia.jpg" alt="user-image" class="me-1" height="12">
<span class="align-middle">Russian</span>
</a>
</div>
</div>
<div class="dropdown d-inline-block"> <div class="dropdown d-inline-block">
<button type="button" class="btn header-item noti-icon" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn header-item noti-icon" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@ -205,12 +148,12 @@
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="rounded-circle header-profile-user" src="assets/images/users/avatar-3.jpg" <img class="rounded-circle header-profile-user" src="assets/images/users/avatar-3.jpg"
alt="Header Avatar"> alt="Header Avatar">
<span class="d-none d-xl-inline-block ms-2 fw-medium font-size-15">Martin Gurley</span> <span class="d-none d-xl-inline-block ms-2 fw-medium font-size-15">{{ \Str::title(auth()->user()->name) }}</span>
</button> </button>
<div class="dropdown-menu dropdown-menu-end pt-0"> <div class="dropdown-menu dropdown-menu-end pt-0">
<div class="p-3 border-bottom"> <div class="p-3 border-bottom">
<h6 class="mb-0">Martin Gurley</h6> <h6 class="mb-0">{{ \Str::title(auth()->user()->name) }}</h6>
<p class="mb-0 font-size-11 text-muted">martin.gurley@email.com</p> <p class="mb-0 font-size-11 text-muted">{{ auth()->user()->email }}</p>
</div> </div>
<a class="dropdown-item" href="contacts-profile.php"><i class="mdi mdi-account-circle text-muted font-size-16 align-middle me-2"></i> <span class="align-middle">Profile</span></a> <a class="dropdown-item" href="contacts-profile.php"><i class="mdi mdi-account-circle text-muted font-size-16 align-middle me-2"></i> <span class="align-middle">Profile</span></a>
<a class="dropdown-item" href="apps-chat.php"><i class="mdi mdi-message-text-outline text-muted font-size-16 align-middle me-2"></i> <span class="align-middle">Messages</span></a> <a class="dropdown-item" href="apps-chat.php"><i class="mdi mdi-message-text-outline text-muted font-size-16 align-middle me-2"></i> <span class="align-middle">Messages</span></a>

View File

@ -31,6 +31,7 @@
<script src="{{asset('assets/libs/simplebar/simplebar.min.js')}}"></script> <script src="{{asset('assets/libs/simplebar/simplebar.min.js')}}"></script>
<script src="{{asset('assets/libs/eva-icons/eva.min.js')}}"></script> <script src="{{asset('assets/libs/eva-icons/eva.min.js')}}"></script>
<script src="{{ asset('assets/js/app.js') }}"></script> <script src="{{ asset('assets/js/app.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
@yield('js') @yield('js')
</body> </body>

View File

@ -56,9 +56,9 @@
<script src="{{asset('assets/libs/simplebar/simplebar.min.js')}}"></script> <script src="{{asset('assets/libs/simplebar/simplebar.min.js')}}"></script>
<script src="{{asset('assets/libs/eva-icons/eva.min.js')}}"></script> <script src="{{asset('assets/libs/eva-icons/eva.min.js')}}"></script>
@yield('js')
<script src="{{ asset('assets/js/app.js') }}"></script> <script src="{{ asset('assets/js/app.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
@yield('js')
</body> </body>

View File

@ -1,3 +1,7 @@
<?php <?php
use Illuminate\Support\Facades\Route; use Illuminate\Support\Facades\Route;
use App\Http\Controllers\HomeController;
Route::get('dashboard',[HomeController::class,'index'])->name('index');