armiejean
/
cms-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix main-content for component

This commit is contained in:
armiejean 2025-04-15 13:36:31 +08:00
parent 6280c135cb
commit 4281e1dc99
2 changed files with 275 additions and 244 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
resources/views/layouts/app.blade.php
View File

@ -1,47 +1,47 @@
<!Doctype html> <!Doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>CMS-Laravel <title>CMS-Laravel
</title> </title>
<!-- Bootstrap CSS --> <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="{{ asset('css/custom.css') }}">
<!----css3---->
<link rel="stylesheet" href="css/custom.css">
<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="{{ asset('img/favicon_unioil.ico') }}"> <link rel="icon" type="image/png" href="{{ asset('img/favicon_unioil.ico') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
</head> </head>
<body>
<body>
<div class="wrapper"> <div class="wrapper">
<div class="body-overlay"></div> <div class="body-overlay"></div>
@php @php
$memberManagement = ['card-member', 'locked-accounts']; $memberManagement = ['card-member', 'locked-accounts'];
$homePage = ['photo-slider']; $homePage = ['photo-slider'];
$aboutUs = ['card-types', 'terms-and-privacy']; $aboutUs = ['card-types', 'terms-and-privacy'];
$reports = ['registration-report', 'top-up-usage-report', 'mobile-usage-report', 'station-rating-report']; $reports = ['registration-report', 'top-up-usage-report', 'mobile-usage-report', 'station-rating-report'];
$stationLocator = ['branches', 'stations', 'fuels']; $stationLocator = ['branches', 'stations', 'fuels'];
@endphp @endphp
<!-- Sidebar --> <!-- Sidebar -->
<nav id="sidebar"> <nav id="sidebar">
<div class="sidebar-header"> <div class="sidebar-header">
<h3><img src="img/logo.png" class="img-fluid"/><span></span></h3> <h3><img src="img/logo.png" class="img-fluid" /><span></span></h3>
</div> </div>
<ul class="list-unstyled components"> <ul class="list-unstyled components">
@ -60,10 +60,13 @@
<!-- Member Management --> <!-- Member Management -->
<li class="dropdown {{ in_array(Request::path(), $memberManagement) }}"> <li class="dropdown {{ in_array(Request::path(), $memberManagement) }}">
<a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $memberManagement) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex"> <a href="#homeSubmenu1" data-toggle="collapse"
aria-expanded="{{ in_array(Request::path(), $memberManagement) ? 'true' : 'false' }}"
class="dropdown-toggle" style="display:flex">
<i class="fa-solid fa-users-gear" style="padding-top:3px"></i><span>Member Management</span> <i class="fa-solid fa-users-gear" style="padding-top:3px"></i><span>Member Management</span>
</a> </a>
<ul class="collapse list-unstyled menu {{ in_array(Request::path(), $memberManagement) ? 'show' : '' }}" id="homeSubmenu1"> <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $memberManagement) ? 'show' : '' }}"
id="homeSubmenu1">
<li class="{{ Request::is('card-member') ? 'active' : '' }}"> <li class="{{ Request::is('card-member') ? 'active' : '' }}">
<a href="{{ route('card-member') }}">Card Member</a> <a href="{{ route('card-member') }}">Card Member</a>
</li> </li>
@ -75,10 +78,13 @@
<!-- Home Page --> <!-- Home Page -->
<li class="dropdown {{ in_array(Request::path(), $homePage) }}"> <li class="dropdown {{ in_array(Request::path(), $homePage) }}">
<a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $homePage) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex"> <a href="#pageSubmenu2" data-toggle="collapse"
aria-expanded="{{ in_array(Request::path(), $homePage) ? 'true' : 'false' }}"
class="dropdown-toggle" style="display:flex">
<i class="fa-solid fa-mobile-screen" style="padding-top:3px"></i><span>Home Page (Mobile)</span> <i class="fa-solid fa-mobile-screen" style="padding-top:3px"></i><span>Home Page (Mobile)</span>
</a> </a>
<ul class="collapse list-unstyled menu {{ in_array(Request::path(), $homePage) ? 'show' : '' }}" id="pageSubmenu2"> <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $homePage) ? 'show' : '' }}"
id="pageSubmenu2">
<li class="{{ Request::is('photo-slider') ? 'active' : '' }}"> <li class="{{ Request::is('photo-slider') ? 'active' : '' }}">
<a href="{{ route('photo-slider') }}">Photo Slider</a> <a href="{{ route('photo-slider') }}">Photo Slider</a>
</li> </li>
@ -100,10 +106,13 @@
<!-- About Us --> <!-- About Us -->
<li class="dropdown {{ in_array(Request::path(), $aboutUs) }}"> <li class="dropdown {{ in_array(Request::path(), $aboutUs) }}">
<a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $aboutUs) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex"> <a href="#pageSubmenu3" data-toggle="collapse"
aria-expanded="{{ in_array(Request::path(), $aboutUs) ? 'true' : 'false' }}"
class="dropdown-toggle" style="display:flex">
<i class="fa-solid fa-circle-info" style="padding-top:3px"></i><span>About Us</span> <i class="fa-solid fa-circle-info" style="padding-top:3px"></i><span>About Us</span>
</a> </a>
<ul class="collapse list-unstyled menu {{ in_array(Request::path(), $aboutUs) ? 'show' : '' }}" id="pageSubmenu3"> <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $aboutUs) ? 'show' : '' }}"
id="pageSubmenu3">
<li class="{{ Request::is('card-types') ? 'active' : '' }}"> <li class="{{ Request::is('card-types') ? 'active' : '' }}">
<a href="{{ route('card-types') }}">Card Types</a> <a href="{{ route('card-types') }}">Card Types</a>
</li> </li>
@ -115,10 +124,13 @@
<!-- Reports --> <!-- Reports -->
<li class="dropdown {{ in_array(Request::path(), $reports) }}"> <li class="dropdown {{ in_array(Request::path(), $reports) }}">
<a href="#pageSubmenu4" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $reports) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex"> <a href="#pageSubmenu4" data-toggle="collapse"
aria-expanded="{{ in_array(Request::path(), $reports) ? 'true' : 'false' }}"
class="dropdown-toggle" style="display:flex">
<i class="fa-solid fa-chart-column" style="padding-top:3px"></i><span>Reports</span> <i class="fa-solid fa-chart-column" style="padding-top:3px"></i><span>Reports</span>
</a> </a>
<ul class="collapse list-unstyled menu {{ in_array(Request::path(), $reports) ? 'show' : '' }}" id="pageSubmenu4"> <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $reports) ? 'show' : '' }}"
id="pageSubmenu4">
<li class="{{ Request::is('registration-report') ? 'active' : '' }}"> <li class="{{ Request::is('registration-report') ? 'active' : '' }}">
<a href="{{ route('registration-report') }}">Registration Report</a> <a href="{{ route('registration-report') }}">Registration Report</a>
</li> </li>
@ -143,10 +155,13 @@
<!-- Station Locator --> <!-- Station Locator -->
<li class="dropdown {{ in_array(Request::path(), $stationLocator) }}"> <li class="dropdown {{ in_array(Request::path(), $stationLocator) }}">
<a href="#pageSubmenu5" data-toggle="collapse" aria-expanded="{{ in_array(Request::path(), $stationLocator) ? 'true' : 'false' }}" class="dropdown-toggle" style="display:flex"> <a href="#pageSubmenu5" data-toggle="collapse"
aria-expanded="{{ in_array(Request::path(), $stationLocator) ? 'true' : 'false' }}"
class="dropdown-toggle" style="display:flex">
<i class="fa-solid fa-location-dot" style="padding-top:3px"></i><span>Station Locator</span> <i class="fa-solid fa-location-dot" style="padding-top:3px"></i><span>Station Locator</span>
</a> </a>
<ul class="collapse list-unstyled menu {{ in_array(Request::path(), $stationLocator) ? 'show' : '' }}" id="pageSubmenu5"> <ul class="collapse list-unstyled menu {{ in_array(Request::path(), $stationLocator) ? 'show' : '' }}"
id="pageSubmenu5">
<li class="{{ Request::is('branches') ? 'active' : '' }}"> <li class="{{ Request::is('branches') ? 'active' : '' }}">
<a href="{{ route('branches') }}">Branches</a> <a href="{{ route('branches') }}">Branches</a>
</li> </li>
@ -159,7 +174,7 @@
</ul> </ul>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -167,7 +182,7 @@
<!-- Page Content --> <!-- Page Content -->
<div id="content"> <div id="content">
<div class="top-navbar" > <div class="top-navbar">
<nav class="navbar navbar-expand-lg" style="background-color:rgba(231, 70, 16, 0.84)"> <nav class="navbar navbar-expand-lg" style="background-color:rgba(231, 70, 16, 0.84)">
<div class="container-fluid"> <div class="container-fluid">
@ -177,38 +192,45 @@
<button class="d-inline-block d-lg-none ml-auto more-button" type="button" data-toggle="collapse" <button class="d-inline-block d-lg-none ml-auto more-button" type="button"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<i class="fas fa-ellipsis-v"></i> <i class="fas fa-ellipsis-v"></i>
</button> </button>
<div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none" id="navbarSupportedContent"> <div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none"
id="navbarSupportedContent">
<ul class="nav navbar-nav ml-auto"> <ul class="nav navbar-nav ml-auto">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle d-flex align-items-center gap-2" href="#" role="button" data-toggle="dropdown" > <a class="nav-link dropdown-toggle d-flex align-items-center gap-2" href="#"
role="button" data-toggle="dropdown">
<span style="margin-right:5px">LBTek Systems</span> <span style="margin-right:5px">LBTek Systems</span>
<i class="fa-solid fa-user-circle" style="padding-right:5px"></i> <i class="fa-solid fa-user-circle" style="padding-right:5px"></i>
</a> </a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-sm"> <ul class="dropdown-menu dropdown-menu-end dropdown-menu-sm">
<li> <li>
<a class="dropdown-item d-flex align-items-center gap-2" href="{{ route('my-profile') }}"> <a class="dropdown-item d-flex align-items-center gap-2"
href="{{ route('my-profile') }}">
<i class="fa-solid fa-user" style="font-size:16px; color:gray;"></i> <i class="fa-solid fa-user" style="font-size:16px; color:gray;"></i>
<span>My Profile</span> <span>My Profile</span>
</a> </a>
</li> </li>
<li> <li>
<a class="dropdown-item d-flex align-items-center gap-2" href="{{ route('login') }}"> <a class="dropdown-item d-flex align-items-center gap-2"
<i class="fa-solid fa-right-from-bracket" style="font-size:16px; color:gray;"></i> href="{{ route('login') }}">
<i class="fa-solid fa-right-from-bracket"
style="font-size:16px; color:gray;"></i>
<span>Logout</span> <span>Logout</span>
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
@ -219,28 +241,27 @@
</div> </div>
<div class="main-content"> <div class="main-content container-xxl">
<div class="row ">
<div class="col-lg-7 col-md-12">
<div class="card" style="min-height: 500px; ">
<div class="card-header ">
<div class="row">
<div class="col-12">
<div class="card" style="min-height: 500px;">
<div class="card-header">
@yield('content') @yield('content')
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -264,30 +285,23 @@
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function () { $(document).ready(function() {
$('#sidebarCollapse').on('click', function () { $('#sidebarCollapse').on('click', function() {
$('#sidebar').toggleClass('active'); $('#sidebar').toggleClass('active');
$('#content').toggleClass('active'); $('#content').toggleClass('active');
}); });
$('.more-button,.body-overlay').on('click', function () { $('.more-button,.body-overlay').on('click', function() {
$('#sidebar,.body-overlay').toggleClass('show-nav'); $('#sidebar,.body-overlay').toggleClass('show-nav');
}); });
}); });
</script>
</script> </body>
</body>
</html>
</html>

23
resources/views/pages/user-management.blade.php
View File

@ -3,12 +3,29 @@
@section('page_title', 'User Management') @section('page_title', 'User Management')
@section('content') @section('content')
<div class="card" style="min-height: 500px;"> <div class="card" style="min-height: 500px;">
<div class="card-header"> <div class="card-header">
<i class="fa-solid fa-users" style="color:gray;"> User Management</i> <i class="fa-solid fa-users" style="color:gray;"> User Management</i>
</div> </div>
<div class="card-body"> <div class="card-body">
<p>This is the User Management page content.</p> <p>This is the User Management page content.This is the User Management page content.This is the User Management
page content.This is the User Management page content.This is the User Management page content.This is the
User Management page content.This is the User Management page content.This is the User Management page
content.This is the User Management page content.This is the User Management page content.This is the User
Management page content.This is the User Management page content.This is the User Management page
content.This is the User Management page content.This is the User Management page content.This is the User
Management page content.This is the User Management page content.This is the User Management page
content.This is the User Management page content.This is the User Management page content.This is the User
Management page content.This is the User Management page content.This is the User Management page
content.This is the User Management page content.This is the User Management page content.This is the User
Management page content.This is the User Management page content.This is the User Management page
content.This is the User Management page content.This is the User Management page content.This is the User
Management page content.This is the User Management page content.This is the User Management page
content.This is the User Management page content.This is the User Management page content.This is the User
Management page content.This is the User Management page content.This is the User Management page
content.This is the User Management page content.This is the User Management page content.This is the User
Management page content.This is the User Management page content.This is the User Management page content.
</p>
</div>
</div> </div>
</div>
@endsection @endsection