Style sidebar

This commit is contained in:
Amir
2022-11-21 15:37:40 +08:00
parent ea60be72c3
commit 68e3aa3292
10 changed files with 1241 additions and 962 deletions
+352
View File
@@ -16459,3 +16459,355 @@ readers do not read off random characters that represent icons */
text-transform: capitalize;
padding: 12px 12px;
}
a,
a:hover,
a:focus {
color: inherit;
text-decoration: none;
transition: all 0.3s;
}
.navbar {
padding: 15px 10px;
background: #fff;
border: none;
border-radius: 0;
margin-bottom: 40px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
box-shadow: none;
outline: none !important;
border: none;
}
.line {
width: 100%;
height: 1px;
border-bottom: 1px dashed #ddd;
margin: 40px 0;
}
.wrapper {
/* display: flex; */
/* width: 100%; */
}
/* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
bottom: 0;
overflow-y: scroll;
width: 265px;
position: static;
top: 0;
left: 0;
height: 100vh;
z-index: 999;
background: #1E1E2D;
/* color: rgb(41, 39, 39); */
color: #808080;
transition: all 0.3s;
}
#sidebar.active {
margin-left: -265px;
}
.sidebar-header {
padding: 20px;
display: flex;
justify-content: space-between;
/* border-bottom: 0.2px solid #6d7fcc; */
}
.sidebar-title {
font-size: 1.074rem;
font-weight: bold;
color: white;
border-color: white;
align-self: center;
/* border-bottom: border 1px solid white; */
}
.sidebar-logo {
width: 50px;
height: 35px;
}
/* #sidebar ul.components {
padding: 20px 0;
border-bottom: 1px solid #fff;
} */
/* #sidebar ul p {
color: rgb(41, 39, 39);
padding: 10px;
} */
#sidebar ul li {
margin: 3px 0;
}
#sidebar ul li.active {
background: #2a2a3c;
color: white;
border-radius: 25px;
}
#sidebar ul li.active:hover {
background: #2a2a3ca1;
/* color: white; */
}
#sidebar ul li a {
padding: 7px 5px;
font-size: 1.05em;
display: block;
}
#sidebar ul li a:hover {
color: white;
/* background: var(--indigo); */
border-radius: 15px;
}
/* #sidebar ul li.active a{
color: white;
background: #F0F0F0;
} */
#sidebar ul li .active a{
color: white;
/* background: #2a2a3c; */
border-radius: 15px;
margin: 2px;
background-position: 20px;
/* width: 70%; */
}
#sidebar ul li .active a:hover{
color: #ffffffd6;
background: #2a2a3ca1;
}
/* #sidebar ul li.active>a,
a[aria-expanded="true"] {
color: #111;
background: #F0F0F0;
} */
#sidebar ul li ul li a:before{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f111";
font-size: 4px;
vertical-align: middle;
margin-right: 8px;
}
/* .dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
} */
#sidebar ul ul a {
font-size: 0.9em;
padding-left: 30px !important;
/* background: #fff; */
}
.sidebar-menu {
display: flex;
justify-content: space-between;
}
.sidebar-menu-title {
margin-top: 20px;
padding: 6px 14px;
}
.sidebar-menu-item-expand {
align-self: center;
font-size: 1.0em;
margin-right: 11px;
}
/* .sidebar-menu-item-expand::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f078";
} */
.sidebar-menu-main-title {
display: flex;
}
.sidebar-menu-item-main {
font-size: 1.0em;
/* vertical-align: sub; */
margin-right: 9px;
margin-left: 7px;
align-self: center;
color: var(--indigo);
}
/* .sidebar-menu-item-main:hover {
color: white;
background: white;
} */
/* ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
} */
a[data-toggle="collapse"] {
position: relative;
}
a.download {
background: #fff;
color: #7386D5;
}
a.article,
a.article:hover {
background: #6d7fcc !important;
color: #fff !important;
}
/* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */
#content {
width: calc(100% - 265px);
padding: 3x;
min-height: 100vh;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0;
overflow-y: auto;
}
#content.active {
width: 100%;
}
.hovernone:hover {
background-color: #3490dc !important;
cursor: context-menu !important;
}
.hovernone-success:hover {
background-color: #38c172 !important;
cursor: context-menu !important;
}
.hovernone-danger:hover {
background-color: #e3342f !important;
cursor: context-menu !important;
}
#loader {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.4) url("") no-repeat center center;
z-index: 99999;
}
#loader-image {
position: absolute;
top: 40%;
left: 45%;
z-index: 100
}
.button {
background-color: #E09215;
border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
}
/* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 992px) {
#sidebar {
margin-left: -265px;
}
#sidebar.active {
margin-left: 0;
}
#content {
width: 100%;
}
#content.active {
width: calc(100% - 265px);
}
#sidebarCollapse span {
display: none;
}
}
.sidebar-footer {
/* position: absolute; */
/* bottom: 0; */
margin-top: 70px;
}
.sidebar-footer-content {
display: flex;
justify-content: center;
align-self: center;
border: 2px solid #2a2a3c;
padding: 10px;
margin: 46px;
border-radius: 10px;
color: #484859;
}
.user-info {
/* display: flex; */
}
+3 -3
View File
@@ -1,14 +1,14 @@
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="">
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<div class="container-fluid">
<button type="button" id="sidebarCollapse" class="btn btn-outline-secondary">
<i class="fa fa-bars"></i>
</button>
<button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="">
<button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-align-justify"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav ml-auto">
<li class="nav-link" id="displaytime">{{-- Ahad, 31 Oktober 2021, 9:49:08 AM --}}</li>
<li class="nav-link" style="color: orange; font-weight:bolder;" id="displaytime">{{-- Ahad, 31 Oktober 2021, 9:49:08 AM --}}</li>
<!-- <li class="nav-item active">
<a class="nav-link" href="#">Page</a>
</li>
File diff suppressed because it is too large Load Diff
+16 -229
View File
@@ -1,5 +1,6 @@
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -12,15 +13,16 @@
<link rel="icon" href="{{asset('img/arrahn_favicon.ico')}}">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" ></script>
<script src="{{ asset('js/jquery-confirm.min.js') }}" ></script>
<script src="{{ asset('js/dataTables.buttons.min.js') }}" ></script>
<script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/jquery-confirm.min.js') }}"></script>
<script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
{{-- <script src="{{ asset('js/dataTables.select.min.js') }}" ></script> --}}
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded" rel="stylesheet" />
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
@@ -65,7 +67,7 @@
let day = weekday[today.getDay()];
let monthname = month[today.getMonth()];
var d = today.getDate();
var mon = today.getMonth()+1;
var mon = today.getMonth() + 1;
var y = today.getFullYear();
var h = today.getHours();
var m = today.getMinutes();
@@ -74,248 +76,33 @@
m = checkTime(m);
s = checkTime(s);
document.getElementById('displaytime').innerHTML =
day+", "+d +" "+ monthname +" "+ y + ", " +h + ":" + m + ":" + s;
day + ", " + d + " " + monthname + " " + y + ", " + h + ":" + m + ":" + s;
var t = setTimeout(startTime, 500);
}
function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
if (i < 10) {
i = "0" + i
}; // add zero in front of numbers < 10
return i;
}
</script>
<style>
a,
a:hover,
a:focus {
color: inherit;
text-decoration: none;
transition: all 0.3s;
}
.navbar {
padding: 15px 10px;
background: #fff;
border: none;
border-radius: 0;
margin-bottom: 40px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
box-shadow: none;
outline: none !important;
border: none;
}
.line {
width: 100%;
height: 1px;
border-bottom: 1px dashed #ddd;
margin: 40px 0;
}
/* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
display: flex;
width: 100%;
}
#sidebar {
width: 250px;
position: fixed;
top: 0;
left: 0;
height: 100vh;
z-index: 999;
background: #fff;
color: rgb(41, 39, 39);
transition: all 0.3s;
}
#sidebar.active {
margin-left: -250px;
}
#sidebar .sidebar-header {
padding: 20px;
background: #fff;
}
#sidebar ul.components {
padding: 20px 0;
border-bottom: 1px solid #fff;
}
#sidebar ul p {
color: rgb(41, 39, 39);
padding: 10px;
}
#sidebar ul li a {
padding: 8px;
font-size: 1.1em;
display: block;
border: 1px solid;
border-color: #F0F0F0;
}
#sidebar ul li a:hover {
color: #111;
background: #F0F0F0;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
color: #111;
background: #F0F0F0;
}
a[data-toggle="collapse"] {
position: relative;
}
/* .dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
} */
ul ul a {
font-size: 0.9em !important;
padding-left: 30px !important;
background: #fff;
}
ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
}
a.download {
background: #fff;
color: #7386D5;
}
a.article,
a.article:hover {
background: #6d7fcc !important;
color: #fff !important;
}
/* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */
#content {
width: calc(100% - 250px);
padding: 3x;
min-height: 100vh;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0;
}
#content.active {
width: 100%;
}
.hovernone:hover {
background-color: #3490dc !important;
cursor: context-menu !important;
}
.hovernone-success:hover {
background-color: #38c172 !important;
cursor: context-menu !important;
}
.hovernone-danger:hover {
background-color: #e3342f !important;
cursor: context-menu !important;
}
#loader {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.4) url("") no-repeat center center;
z-index: 99999;
}
#loader-image {position: absolute;top: 40%;left: 45%;z-index: 100}
.button {
background-color: #E09215;
border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 4px 2px;
cursor: pointer;
}
/* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
#sidebar {
margin-left: -250px;
}
#sidebar.active {
margin-left: 0;
}
#content {
width: 100%;
}
#content.active {
width: calc(100% - 250px);
}
#sidebarCollapse span {
display: none;
}
}
</style>
</head>
<body onload="startTime()">
<div class="wrapper">
<!-- Sidebar -->
@include('includes.sidebar')
<!-- Page Content -->
</div>
<div id="content" style="">
</div>
<div id="content">
@include('includes.header')
<main class="py-1 mb-5">
@yield('content')
</main>
</div>
</div>
</body>
</html>
+181 -190
View File
@@ -47,183 +47,189 @@
<div class="tab-content" style="overflow-x: auto;" id="myTabContent">
<div class="tab-pane fade show active" id="scan-keluar" role="tabpanel" aria-labelledby="scan-keluar-tab">
<table class="table table-bordered text-center" id="lelong-belum" style="width:100%;">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails0 as $lelong)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-info">LELONG BELUM MULA</span></td>
<td>
<div class="row justify-content-center">
<a class="btn m-1 btn-warning confirmrefresh" href="{{ route('lelong.kemaskinidata',$lelong->id) }}" title="Kemaskini Lelong"><i class="fas fa-sync-alt"></i></a>
<a class="btn m-1 btn-primary" href="{{ route('lelong.show',$lelong->id) }}" title="Butiran Lelong"><i class="far fa-edit"></i></a>
<a class="btn m-1 btn-danger confirmdel" href="{{ route('lelong.delete',$lelong->id) }}" title="Padam Lelong"><i class="far fa-trash-alt"></i></a>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
<div style="overflow-x: auto;">
<table class="table table-bordered text-center" id="lelong-belum">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails0 as $lelong)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-info">LELONG BELUM MULA</span></td>
<td>
<div class="row justify-content-center">
<a class="btn m-1 btn-warning confirmrefresh" href="{{ route('lelong.kemaskinidata',$lelong->id) }}" data-toggle="tooltip" data-placement="top" title="Kemaskini Lelong"><i class="fas fa-sync-alt"></i></a>
<a class="btn m-1 btn-primary" href="{{ route('lelong.show',$lelong->id) }}" data-toggle="tooltip" data-placement="top" title="Butiran Lelong"><i class="far fa-edit"></i></a>
<a class="btn m-1 btn-danger confirmdel" href="{{ route('lelong.delete',$lelong->id) }}" data-toggle="tooltip" data-placement="top" title="Padam Lelong"><i class="far fa-trash-alt"></i></a>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="sedang-lelong" role="tabpanel" aria-labelledby="sedang-keluar-tab">
<table class="table table-bordered text-center" id="lelong-sedang" style="width:100%;">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Masa Mula Lelong</th>
<th>Masa Tamat Lelong</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails1 as $lelong)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->masamula_lelong}}</td>
<td>{{$lelong->masatamat_lelong}}</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-warning">LELONG SEDANG DIJANLANKAN</span></td>
</tr>
@endforeach
</tbody>
</table>
<div style="overflow-x: auto;">
<table class="table table-bordered text-center" id="lelong-sedang">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Masa Mula Lelong</th>
<th>Masa Tamat Lelong</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails1 as $lelong)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->masamula_lelong}}</td>
<td>{{$lelong->masatamat_lelong}}</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-warning">LELONG SEDANG DIJANLANKAN</span></td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="jana-pemenang" role="tabpanel" aria-labelledby="jana-pemenang-tab">
<table class="table table-bordered text-center" id="lelong-selesai" style="width:100%">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Masa Tamat Lelong</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails2 as $data)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->masatamat_lelong}}</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-dark">LELONG JANA PEMENANGAN</span></td>
</tr>
@endforeach
</tbody>
</table>
<div style="overflow-x: auto;">
<table class="table table-bordered text-center" id="lelong-selesai">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Masa Tamat Lelong</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails2 as $data)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->masatamat_lelong}}</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-dark">LELONG JANA PEMENANGAN</span></td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="scan-masuk" role="tabpanel" aria-labelledby="scan-masuk-tab">
<table class="table table-bordered text-center" id="lelong-jana-pemenang" style="width:100%">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Masa Mula Lelong</th>
<th>Masa Tamat Lelong</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails3 as $lelong)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->masamula_lelong}}</td>
<td>{{$lelong->masatamat_lelong}}</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-success">LELONG SELESAI</span></td>
<td>
<a class="btn m-1 btn-info" href="{{ route('lelong.showsimulasi',$lelong->id) }}" title="Lihat Simulasi"><i class="far fa-edit"></i></a>
<a class="btn m-1 btn-warning" href="{{ route('lelong.showlelongdone',$lelong->id) }}" title="Lihat Senarai Lelong Selesai"><i class="far fa-calendar"></i></a>
<a class="btn m-1 btn-success" href="{{ route('lelong.exportDataByCawangan',$lelong->id) }}" title="Export Data"><i class="fas fa-file-export"></i></a>
</td>
</tr>
@endforeach
</tbody>
</table>
<div style="overflow-x: auto;">
<table class="table table-bordered text-center" id="lelong-jana-pemenang">
<thead class="bg-primary text-white">
<tr>
<th>Bil</th>
<th>ID Lelong</th>
<th>Tarikh Lelong</th>
<th>Fasa</th>
<th>Cawangan</th>
<th>Masa Mula Lelong</th>
<th>Masa Tamat Lelong</th>
<th>Harga Emas Asas</th>
<th>Tempoh</th>
<th>Caj Lelong</th>
<th>Status</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>
@foreach($arraydetails3 as $lelong)
<tr>
<td>{{$loop->iteration}}</td>
<td>{{$lelong->id}}</td>
<td style="white-space: nowrap;">{{$lelong->tarikh_lelong}}</td>
<td>{{$lelong->fasa}}</td>
<td>
@foreach($lelong->cawangan as $cawangan)
<div class="row m-1 justify-content-center">
<span class="badge badge-pill badge-info text-white" style="font-size:100%">{{$cawangan->caw_name}}</span>
</div>
@endforeach
</td>
<td>{{$lelong->masamula_lelong}}</td>
<td>{{$lelong->masatamat_lelong}}</td>
<td>{{$lelong->harga_emas_asas}}</td>
<td>{{$lelong->jbg}}</td>
<td>{{$lelong->cajlelong}}</td>
<td><span class="badge badge-pill badge-success">LELONG SELESAI</span></td>
<td>
<a class="btn m-1 btn-info" href="{{ route('lelong.showsimulasi',$lelong->id) }}" data-toggle="tooltip" data-placement="top" title="Lihat Simulasi"><i class="far fa-edit"></i></a>
<a class="btn m-1 btn-warning" href="{{ route('lelong.showlelongdone',$lelong->id) }}" data-toggle="tooltip" data-placement="top" title="Lihat Senarai Lelong Selesai"><i class="far fa-calendar"></i></a>
<a class="btn m-1 btn-success" href="{{ route('lelong.exportDataByCawangan',$lelong->id) }}" data-toggle="tooltip" data-placement="top" title="Export Data"><i class="fas fa-file-export"></i></a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
@@ -306,34 +312,19 @@
$('.export').removeClass('dt-button');
var tableLelongSemasa = $('#lelong-semasa').DataTable({
"pageLength": 5000,
"paging": false,
"searching": false,
"info": false
"pageLength": 100,
});
var tableLelongSedang = $('#lelong-sedang').DataTable({
"pageLength": 5000,
"paging": false,
"searching": false,
"info": false
"pageLength": 100,
});
var tableLelongBelum = $('#lelong-belum').DataTable({
"pageLength": 5000,
"paging": false,
"searching": false,
"info": false
"pageLength": 100,
});
var tableLelongJanaPemenang = $('#lelong-jana-pemenang').DataTable({
"pageLength": 5000,
"paging": false,
"searching": false,
"info": false
"pageLength": 100,
});
var tableLelongSelesai = $('#lelong-selesai').DataTable({
"pageLength": 5000,
"paging": false,
"searching": false,
"info": false
"pageLength": 100,
});
</script>
@@ -4,30 +4,31 @@
<div class="container-fluid">
<div class="row ">
<div class="col-md-11 mx-auto card p-4">
<div class="col mx-auto">
<div class="card">
<div class="card-header header-style">
<div class="header-style-title">
Senarai Pengguna
</div>
</div>
<div class="card-body">
@if ($message = Session::get('success'))
<div class="alert alert-success">
<p>{{ $message }}</p>
{{ $message }}
</div>
@endif
@if ($message = Session::get('failed'))
<div class="alert alert-danger">
<p>{{ $message }}</p>
{{ $message }}
</div>
@endif
<?php
$totaluser = count($alluser);
?>
<div class="card-header header-style">
<div class="header-style-title">
Senarai Pengguna
</div>
</div>
<br>
<form id="exportform" action="{{route('pengguna.export')}}" method="POST">
@csrf
<input type="hidden" name="type" value="User">
<div class="overflow-auto">
<table class="table table-striped table-xl" id="pengguna" style="width:100%">
<thead class="bg-primary text-white">
<tr>
@@ -77,7 +78,10 @@
@endforeach
</tbody>
</table>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@@ -4,11 +4,16 @@
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<div class="container-fluid">
<div class="container">
<div class="row ">
<div class="col-md-12 mx-auto card">
<h3 class="pt-3">Simulasi</h3>
<div class="col-10 mx-auto">
<div class="card">
<div class="card-header header-style">
<div class="header-style-title">
Jana Simulasi
</div>
</div>
<div class="card-body">
@if ($message = Session::get('failed'))
<div class="alert alert-danger">
{{ $message }}
@@ -79,6 +84,8 @@
</div>
</div>
</form>
</div>
</div>
</div>
</div>
@@ -18,7 +18,8 @@
@endif
<form id="exportform" action="" method="POST">
<input type="hidden" name="type" value="User">
<table class="table table-bordered text-center" id="simulasi" style="width:100%">
<div style="overflow-x: auto;">
<table class="table table-bordered text-center" id="simulasi">
<thead class="bg-primary text-white">
<tr>
<th>No</th>
@@ -61,6 +62,7 @@
</tbody>
</table>
</div>
</form>
</div>
</div>
@@ -140,8 +142,7 @@
"targets": 6
}
],
"pageLength": 50,
"scrollX": true
"pageLength": 100,
});
@@ -171,6 +171,7 @@
</div>
<button class="btn mb-5 btn-outline-success" type="submit">Muat Turun PDF</button>
<div style="overflow-x: auto;">
<table class="table text-right table-bordered" id="simulasi">
<thead class="bg-primary text-center text-white">
<tr>
@@ -221,9 +222,11 @@
</tfoot>
</table>
</div>
<h6 class="mt-5">Jumlah Berat Mengikut Mutu (Keseluruhan)</h6>
<table class="table table-bordered text-center" id="jumlahberat">
<div style="overflow-x: auto;">
<table width="50%" class="table table-bordered text-center" id="jumlahberat">
<thead class="bg-light">
<!-- <tr class="text-center">
<th colspan="12">JUMLAH BERAT MENGIKUT MUTU (KESELURUHAN)</th>
@@ -254,6 +257,7 @@
</tbody>
</table>
</div>
</form>
<a class="btn mt-4 btn-primary confirmDaftar" href="{{ route('lelong.create',$simulasi_id) }}">Daftar Lelong</a>
</div>
@@ -476,12 +480,10 @@
});
var tablesimulasi = $('#simulasi').DataTable({
"scrollX": true,
"pageLength": 50,
});
var tableJumlahBerat = $('#jumlahberat').DataTable({
"scrollX": true,
"info": false,
"paging": false,
"searching": false,
+16 -9
View File
@@ -4,11 +4,16 @@
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<div class="container-fluid">
<div class="container">
<div class="row ">
<div class="col-md-12 mx-auto card">
<h3 class="pt-3">Tetapan Parameter</h3>
<div class="col-10 mx-auto">
<div class="card">
<div class="card-header header-style">
<div class="header-style-title">
Tetapan Parameter
</div>
</div>
<div class="card-body">
@if ($message = Session::get('failed'))
<div class="alert alert-danger">
<p>{{ $message }}</p>
@@ -18,7 +23,7 @@
<form action="{{route('tetapan.addparameter')}}" method="POST" enctype="multipart/form-data">
@csrf
{{-- <div class="form-group row">
<label for="tarikh_lelong" class="col-sm-2 col-form-label">Tarikh Lelong</label>
<label for="tarikh_lelong" class="col-3 col-form-label">Tarikh Lelong</label>
<div class="col-sm-3">
<input type="date" class="form-control" id="tarikh_lelong" name="tarikh_lelong" value = "{{$tetapan ? $tetapan->tetap_tarikh_lelong : ''}}">
</div>
@@ -26,15 +31,15 @@
<div class="form-group row">
<label for="jbg" class="col-sm-2 col-form-label">Lelong Kali Ke-</label>
<div class="col-sm-4" id="fasa_1">
<label for="jbg" class="col-3 col-form-label">Lelong Kali Ke-</label>
<div class="col-2" id="fasa_1">
<input type="text" class="form-control" id="kali" name="kali" value = "{{$tetapan ? $tetapan->kali : ''}}">
</div>
</div>
<div class="form-group row">
<label for="cajlelong" class="col-sm-2 col-form-label">Caj Lelong</label>
<div class="col-sm-4">
<label for="cajlelong" class="col-3 col-form-label">Caj Lelong</label>
<div class="col-2">
<input type="text" class="form-control" id="cajlelong" name="cajlelong" value = "{{$tetapan ? $tetapan->cajlelong : ''}}">
</div>
</div>
@@ -44,6 +49,8 @@
</div>
</div>
</form>
</div>
</div>
</div>
</div>