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

View File

@ -1,5 +1,6 @@
<!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">
@ -7,11 +8,8 @@
<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>
@ -19,9 +17,11 @@
<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>
@ -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>
@ -177,31 +192,38 @@
<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>
@ -219,28 +241,27 @@
</div> </div>
<div class="main-content"> <div class="main-content container-xxl">
<div class="row"> <div class="row">
<div class="col-lg-7 col-md-12"> <div class="col-12">
<div class="card" style="min-height: 500px;"> <div class="card" style="min-height: 500px;">
<div class="card-header"> <div class="card-header">
@yield('content') @yield('content')
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -275,11 +296,6 @@
}); });
}); });
</script> </script>
@ -289,5 +305,3 @@
</body> </body>
</html> </html>

View File

@ -8,7 +8,24 @@
<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