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>
+350 -222
View File
@@ -1,30 +1,34 @@
@php
// $name = Route::currentRouteName();
@endphp
<style>
#sidebar {
position: fixed;
overflow-y: scroll;
top: 0;
bottom: 0;
}
</style>
<nav id="sidebar" style="">
<nav id="sidebar">
<div class="sidebar-header">
<h3>ArrahnBid</h3>
<div class="sidebar-title">
{{ config('app.name') }}
</div>
<img src="{{ asset('img/icon_pkb.png') }}" class="sidebar-logo" alt="logo-arrahn">
</div>
<ul class="list-unstyled components">
<li class="{{ (request()->is('home')) ? 'active' : '' }}">
<a href="{{url('/home')}}">Home </a>
<a href="{{url('/home')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
home
</span>
Utama
</div>
</a>
</li>
@hasrole('admin')
{{-- <li class="{{ (request()->is('home')) ? 'active' : '' }}">
<a href="{{url('/home')}}">Home </a>
</li> --}}
<li class="{{ (request()->is('pengguna/*')) ? 'active' : '' }}">
<a href="#penggunaSubmenu" data-toggle="collapse" aria-expanded="false" style="">Pengurusan Pengguna</a>
<li>
<a href="#penggunaSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
settings_accessibility
</span>
Pengurusan Pengguna
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('pengguna/*')) ? 'show' : '' }}" id="penggunaSubmenu">
<li class="{{ (request()->is('pengguna/listpengguna/*') || request()->is('pengguna/listpengguna') ) ? 'active' : '' }}">
<a href="{{url('pengguna/listpengguna')}}">Pengguna</a>
@@ -39,72 +43,29 @@
</ul>
</li>
<li class="{{ (request()->is('sistem/database') || request()->is('sistem/database/*')) ? 'active' : '' }}">
<a href="{{url('sistem/database')}}">Pengurusan Database</a>
</li>
{{-- <li class="{{ (request()->is('sistem/yuran-bidaan') || request()->is('sistem/yuran-bidaan/*')) ? 'active' : '' }}">
<a href="{{url('sistem/yuran-bidaan')}}">Yuran Bidaan</a>
</li>
<li class="{{ (request()->is('payment/testbillplz') || request()->is('payment/testbillplz/*')) ? 'active' : '' }}">
<a href="{{url('payment/testbillplz')}}">Testing billplz</a>
</li> --}}
{{-- <li>
<a href="#">Portfolio</a>
</li>
<li>
<a href="#">Contact</a>
</li> --}}
@endhasrole
@hasrole('khazanah')
<!-- <li class="{{ (request()->is('marhun/senarailelongmarhun') || request()->is('marhun/senarailelongmarhun/*')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongmarhun')}}">Semakan Marhun</a>
</li> -->
<!-- <li class="{{ (request()->is('tangguhlelmarhun/*')) ? 'active' : '' }}">
<a href="#marhunSubmenu" data-toggle="collapse" aria-expanded="false" style="">Tangguh Lelong</a>
<ul class="list-unstyled collapse {{ (request()->is('marhun/senlelmarhun')) ? 'show' : '' }}" id="marhunSubmenu" >
<li class="{{ (request()->is('marhun/senlelmarhun/*') || request()->is('marhun/senlelmarhun') ) ? 'active' : '' }}">
<a href="{{url('marhun/senlelmarhun')}}">Senarai Lelong</a>
</li>
</ul>
</li> -->
<li class="{{ (request()->is('marhun/senarailelongscan') )}}">
<a href="{{url('marhun/senarailelongscan')}}">Scan Barcode</a>
</li>
<li class="{{ (request()->is('marhun/senarailelongscanjual') )}}">
<a href="{{url('marhun/senarailelongscanjual')}}">Scan Barcode Serahan Pembida</a>
</li>
<li class="{{ (request()->is('marhun/senaraiscanbarcode') )}}">
<a href="{{url('marhun/senaraiscanbarcode')}}">Laporan Scan Barcode</a>
</li>
@endhasrole
@hasrole('penilai')
<li class="{{ (request()->is('marhun/senarailelongterimaserah') || request()->is('marhun/senarailelongterimaserah/*')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongterimaserah')}}">Terima/Serah Marhun</a>
</li>
<li class="{{ (request()->is('marhun/senarailelongmarhun') || request()->is('marhun/senarailelongmarhun/*')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongmarhun')}}">Semakan Marhun</a>
</li>
{{-- <li class="{{ (request()->is('marhun/senarailelongmarhun') || request()->is('marhun/senarailelongmarhun/*')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongmarhun')}}">Semakan Marhun</a>
</li> --}}
<li class="{{ (request()->is('marhun/senaraiscanbarcode') )}}">
<a href="{{url('marhun/senaraiterimaserah')}}">Laporan Scan Barcode</a>
<a href="{{url('sistem/database')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
database
</span>
Pengurusan Database
</div>
</a>
</li>
@endhasrole
@hasrole('pengurus-cawangan')
{{-- <li class="{{ (request()->is('serahan/*')) ? 'active' : '' }}">
<a href="#serahanSubmenu" data-toggle="collapse" aria-expanded="false" style="">Serahan</a>
<ul class="list-unstyled collapse {{ (request()->is('serahan/*')) ? 'show' : '' }}" id="serahanSubmenu" >
<li class="{{ (request()->is('serahan/laporanserahan/*') || request()->is('serahan/laporanserahan') ) ? 'active' : '' }}">
<a href="{{url('serahan/laporanserahan')}}">Laporan Serahan</a>
</li>
</ul>
</li> --}}
<li class="{{ (request()->is('')) ? 'active' : '' }}">
<a href="#jananotisSubmenu" data-toggle="collapse" aria-expanded="false" style="">Notis Lelong</a>
<li>
<a href="#jananotisSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
report
</span>
Notis Lelong
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('jananotis/*')) ? 'show' : '' }}" id="jananotisSubmenu">
<li class="{{ (request()->is('jananotis/notislelong/*') || request()->is('jananotis/notislelong') ) ? 'active' : '' }}">
<a href="{{url('jananotis/notislelong')}}">Jana Notis Lelong</a>
@@ -115,19 +76,29 @@
<a href="{{url('jananotis/notistamatkontrak')}}">Notis Peringatan Tamat Kontrak</a>
</li>
</ul>
{{-- <ul class="list-unstyled collapse {{ (request()->is('jananotis/*')) ? 'show' : '' }}" id="jananotisSubmenu" >
<li class="{{ (request()->is('jananotis/pembida/*') || request()->is('jananotis/pembida') ) ? 'active' : '' }}">
<a href="{{url('jananotis/send-email')}}">Notis Pembida</a>
</li>
</ul> --}}
</li>
<li class="{{ (request()->is('')) ? 'active' : '' }}">
<a href="{{url('jananotis/senarailelongpc')}}">Senarai Lelongan</a>
<li class="{{ (request()->is('jananotis/senarailelongpc')) ? 'active' : '' }}">
<a href="{{url('jananotis/senarailelongpc')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
published_with_changes
</span>
Senarai Lelongan
</div>
</a>
</li>
<li class="{{ (request()->is('Pengesahan/*')) ? 'active' : '' }}">
<a href="#pengesahanSubmenu" data-toggle="collapse" aria-expanded="false" style="">Kelulusan</a>
<a href="#pengesahanSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
pending_actions
</span>
Kelulusan
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('pengesahan/*')) ? 'show' : '' }}" id="pengesahanSubmenu">
<li class="{{ (request()->is('pengesahan/senarailelongubahmutu/*') || request()->is('pengesahan/senarailelongubahmutu') ) ? 'active' : '' }}">
<a href="{{url('pengesahan/senarailelongubahmutu')}}">Kemaskini Marhun</a>
@@ -135,7 +106,17 @@
</ul>
</li>
<li class="{{ (request()->is('')) ? 'active' : '' }}">
<a href="#tangguhSubmenu" data-toggle="collapse" aria-expanded="false" style="">Tangguh Lelong</a>
<a href="#tangguhSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
unpublished
</span>
Tangguh Lelong
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('tangguhlelong/*')) ? 'show' : '' }}" id="tangguhSubmenu">
<li class="{{ (request()->is('tangguhlelong/senleluntuktangguh/*') || request()->is('tangguhlelong/senleluntuktangguh') ) ? 'active' : '' }}">
<a href="{{url('tangguhlelong/senleluntuktangguh')}}">Mohon Tangguh</a>
@@ -147,16 +128,29 @@
</li>
</ul>
</li>
<!-- <li class="{{ ( request()->is('tangguhlelong/*')) ? 'active' : '' }}">
<a href="{{url('tangguhlelong/senleluntuktangguh')}}">Tangguh Lelong</a>
</li> -->
<li class="{{ ( request()->is('pembayaran/kaunter/*')) ? 'active' : '' }}">
<a href="{{url('pembayaran/SenaraiLelongBayar')}}">Pembayaran Pemenang</a>
<li class="{{ (request()->is('pembayaran/*')) ? 'active' : '' }}">
<a href="{{url('pembayaran/SenaraiLelongBayar')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
attach_money
</span>
Pembayaran Pemenang
</div>
</a>
</li>
{{-- laporan cawangan --}}
<li class="{{ (request()->is('report/')) ? 'active' : '' }}">
<a href="#reportSubmenu" data-toggle="collapse" aria-expanded="false" style="">Laporan</a>
<a href="#reportSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
dynamic_feed
</span>
Laporan
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('reportcaw/*')) ? 'show' : '' }}" id="reportSubmenu">
<li class="{{ (request()->is('reportcaw/laporancawindex/*') || request()->is('reportcaw/laporancawindex') ) ? 'active' : '' }}">
<a href="{{url('reportcaw/laporancawindex')}}">Barang Lelong</a>
@@ -185,11 +179,20 @@
</li>
{{-- end laporan cawangan --}}
@endhasrole
@hasrole('pengurus-cawangan-khas')
<li class="{{ (request()->is('')) ? 'active' : '' }}">
<a href="#jananotisSubmenu" data-toggle="collapse" aria-expanded="false" style="">Notis Lelong</a>
<li>
<a href="#jananotisSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
report
</span>
Notis Lelong
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('jananotis/*')) ? 'show' : '' }}" id="jananotisSubmenu">
<li class="{{ (request()->is('jananotis/notistamatkontrak/*') || request()->is('jananotis/notistamatkontrak') ) ? 'active' : '' }}">
<a href="{{url('jananotis/notistamatkontrak')}}">Notis Peringatan Tamat Kontrak</a>
@@ -206,23 +209,36 @@
</li>
</ul>
</li>
<li class="{{ (request()->is('')) ? 'active' : '' }}">
<a href="#lelonghargajualSubmenu" data-toggle="collapse" aria-expanded="false" style="">Lelong</a>
<li>
<a href="#lelonghargajualSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
published_with_changes
</span>
Lelong
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('lelonghargajual/*')) ? 'show' : '' }}" id="lelonghargajualSubmenu">
<li class="{{ (request()->is('lelonghargajual/senarailelongkhas/*') || request()->is('lelonghargajual/senarailelongkhas') ) ? 'active' : '' }}">
<a href="{{url('lelonghargajual/senarailelongkhas')}}">Senarai Lelongan</a>
</li>
</ul>
{{-- <ul class="list-unstyled collapse {{ (request()->is('lelonghargajual/*')) ? 'show' : '' }}" id="lelonghargajualSubmenu" >
<li class="{{ (request()->is('lelonghargajual/notislelong/*') || request()->is('lelonghargajual/notislelong') ) ? 'active' : '' }}">
<a href="{{url('lelonghargajual/notislelong')}}">Jana Notis Lelong</a>
</li>
</ul> --}}
</li>
<li class="{{ (request()->is('')) ? 'active' : '' }}">
<a href="#laporankhasSubmenu" data-toggle="collapse" aria-expanded="false" style="">Laporan Khas</a>
<a href="#laporankhasSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
chat
</span>
Laporan Khas
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('reportcawkhas/*')) ? 'show' : '' }}" id="laporankhasSubmenu">
<li class="{{ (request()->is('reportcawkhas/sandarankpkt/*') || request()->is('reportcawkhas/sandarankpkt') ) ? 'active' : '' }}">
<a href="{{url('reportcawkhas/sandarankpkt')}}">Senarai Sandaran KPKT</a>
@@ -255,69 +271,91 @@
</ul>
</li>
@endhasrole
@hasrole('jurulelong')
<li class="{{ (request()->is('lelong/*')) ? 'active' : '' }}">
<a href="#lelongSubmenu" data-toggle="collapse" aria-expanded="false" style="">Lelong</a>
<ul class="list-unstyled collapse {{ (request()->is('lelong/*')) ? 'show' : '' }}" id="lelongSubmenu" >
<li class="{{ (request()->is('lelong/senarailelong/*') || request()->is('lelong/senarailelong') ) ? 'active' : '' }}">
<a href="{{url('lelong/senarailelong')}}">Senarai Lelong</a>
@hasrole('khazanah')
<li class="{{ (request()->is('marhun/senarailelongscan')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongscan')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
barcode_scanner
</span>
Scan Barcode
</div>
</a>
</li>
</ul>
<li class="{{ (request()->is('marhun/senarailelongscanjual')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongscanjual')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
barcode
</span>
Scan Barcode Serahan Pembida
</div>
</a>
</li>
<li class="{{ (request()->is('pemenang/*')) ? 'active' : '' }}">
<a href="#pemenangSubmenu" data-toggle="collapse" aria-expanded="false" style="">Pemenang</a>
<ul class="list-unstyled collapse {{ (request()->is('pemenang/*')) ? 'show' : '' }}" id="pemenangSubmenu" >
<li class="{{ (request()->is('pemenang/listcawangan/*') || request()->is('pemenang/listcawangan') ) ? 'active' : '' }}">
<a href="{{url('pemenang/listcawangan')}}">Jana Pemenang</a>
<li class="{{ (request()->is('marhun/senaraiscanbarcode')) ? 'active' : '' }}">
<a href="{{url('marhun/senaraiscanbarcode')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
chat
</span>
Laporan Scan Barcode
</div>
</a>
</li>
<li class="{{ (request()->is('pemenang/listpemenang/*') || request()->is('pemenang/listpemenang') ) ? 'active' : '' }}">
<a href="{{url('pemenang/listpemenang')}}">Senarai Pemenang</a>
@endhasrole
@hasrole('penilai')
<li class="{{ (request()->is('marhun/senarailelongterimaserah')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongterimaserah')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
home_repair_service
</span>
Terima/Serah Marhun
</div>
</a>
</li>
</ul>
<li class="{{ (request()->is('marhun/senarailelongmarhun')) ? 'active' : '' }}">
<a href="{{url('marhun/senarailelongmarhun')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
construction
</span>
Semakan Marhun
</div>
</a>
</li>
<li class="{{ (request()->is('marhun/senaraiterimaserah')) ? 'active' : '' }}">
<a href="{{url('marhun/senaraiterimaserah')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
chat
</span>
Laporan Scan Barcode
</div>
</a>
</li>
@endhasrole
@hasrole('operasi')
<li class="{{ (request()->is('pengguna/*')) ? 'active' : '' }}">
<a href="#penggunaSubmenu" data-toggle="collapse" aria-expanded="false" style="">Pengurusan Pengguna</a>
<ul class="list-unstyled collapse {{ (request()->is('pengguna/*')) ? 'show' : '' }}" id="penggunaSubmenu" >
<li class="{{ (request()->is('pengguna/listpengguna/*') || request()->is('pengguna/listpengguna') ) ? 'active' : '' }}">
<a href="{{url('pengguna/listpengguna')}}">Pengguna</a>
</li>
{{-- <li class="{{ (request()->is('pengguna/taraf') || request()->is('pengguna/taraf/*')) ? 'active' : '' }}">
<a href="{{url('pengguna/taraf')}}">Taraf</a>
</li>
<li class="{{ (request()->is('pengguna/roles') || request()->is('pengguna/roles/*')) ? 'active' : '' }}">
<a href="{{url('pengguna/roles')}}">Roles</a>
</li> --}}
</ul>
</li>
<li>
<a href="#analisaSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
track_changes
</span>
Simulasi
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('analisa/*')) ? 'show' : '' }} || {{ (request()->is('tetapan/*')) ? 'show' : '' }}" id="analisaSubmenu">
<li class="{{ (request()->is('tetapan/*')) ? 'active' : '' }}">
<a href="{{url('tetapan/parameter')}}">Tetapan</a>
<a href="{{url('tetapan/parameter')}}">Parameter</a>
</li>
<!-- <li class="{{ (request()->is('importdata/*')) ? 'active' : '' }}">
<a href="{{url('importdata/importdatacawangan')}}">Import Data</a>
</li> -->
<!-- <li class="{{ (request()->is('notistamatkontrak/*')) ? 'active' : '' }}">
<a href="{{url('notistamatkontrak/sebelumtamatkont')}}">Notis Tamat Kontrak</a>
</li> -->
<li class="{{ (request()->is('analisa/*')) ? 'active' : '' }}">
<a href="#analisaSubmenu" data-toggle="collapse" aria-expanded="false" style="">Simulasi</a>
<ul class="list-unstyled collapse {{ (request()->is('analisa/*')) ? 'show' : '' }}" id="analisaSubmenu" >
{{-- <li class="{{ (request()->is('analisa/simulasipercubaan/*') || request()->is('analisa/simulasipercubaan') ) ? 'active' : '' }}">
<a href="{{url('analisa/simulasipercubaan')}}">Simulasi Percubaan</a>
</li> --}}
<li class="{{ (request()->is('analisa/janasimulasi/*') || request()->is('analisa/janasimulasi') ) ? 'active' : '' }}">
<a href="{{url('analisa/janasimulasi')}}">Jana Simulasi</a>
</li>
<!-- <li class="{{ (request()->is('analisa/pendingdaftarsimulasi/*') || request()->is('analisa/pendingdaftarsimulasi') ) ? 'active' : '' }}">
<a href="{{url('analisa/pendingdaftarsimulasi')}}">Pending Daftar Simulasi</a>
</li> -->
<li class="{{ (request()->is('analisa/senaraisimulasi/*') || request()->is('analisa/senaraisimulasi') ) ? 'active' : '' }}">
<a href="{{url('analisa/senaraisimulasi')}}">Senarai Simulasi</a>
</li>
@@ -326,15 +364,22 @@
</li>
</ul>
</li>
<li class="{{ (request()->is('lelong/*')) ? 'active' : '' }}">
<a href="#lelongSubmenu" data-toggle="collapse" aria-expanded="false" style="">Lelong</a>
<ul class="list-unstyled collapse {{ (request()->is('lelong/*')) ? 'show' : '' }}" id="lelongSubmenu" >
<li>
<a href="#lelongSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
published_with_changes
</span>
Lelong
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('lelong/*')) ? 'show' : '' || (request()->is('jananotis/*')) ? 'show' : '' }}" id="lelongSubmenu">
<li class="{{ (request()->is('lelong/senarailelong/*') || request()->is('lelong/senarailelong') ) ? 'active' : '' }}">
<a href="{{url('lelong/senarailelong')}}">Senarai Lelong</a>
</li>
{{-- <li class="{{ (request()->is('lelong/senarailelong/*') || request()->is('lelong/senarailelong') ) ? 'active' : '' }}">
<a href="{{url('lelong/senarailelong')}}">Senarai Lelong</a>
</li> --}}
<li class="{{ (request()->is('lelong/senarailelongall/*') || request()->is('lelong/senarailelongall') ) ? 'active' : '' }}">
<a href="{{url('lelong/senarailelongall')}}">Senarai Lelong All</a>
</li>
@@ -347,10 +392,31 @@
<li class="{{ (request()->is('lelong/tukartarikhlelong/*') || request()->is('lelong/tukartarikhlelong') ) ? 'active' : '' }}">
<a href="{{url('lelong/tukartarikhlelong')}}">Tukar Tarikh Lelong</a>
</li>
<li class="{{ (request()->is('jananotis/*')) ? 'active' : '' }}">
<a href="{{url('jananotis/kemaskininotis')}}">
<!-- <div class="sidebar-menu-main-title"> -->
<!-- <span class="material-symbols-rounded sidebar-menu-item-main">
published_with_changes
</span> -->
Notis Lelong
<!-- </div> -->
</a>
</li>
</ul>
</li>
<li class="{{ (request()->is('Pengesahan/*')) ? 'active' : '' }}">
<a href="#pengesahanSubmenu" data-toggle="collapse" aria-expanded="false" style="">Kelulusan</a>
<li>
<a href="#pengesahanSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
pending_actions
</span>
Kelulusan
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('pengesahan/*')) ? 'show' : '' }}" id="pengesahanSubmenu">
<li class="{{ (request()->is('pengesahan/senarailelongubahmutu/*') || request()->is('pengesahan/senarailelongubahmutu') ) ? 'active' : '' }}">
<a href="{{url('pengesahan/senarailelongubahmutu')}}">Perubahan Mutu Marhun</a>
@@ -367,8 +433,18 @@
</li>
</ul>
</li>
<li class="{{ (request()->is('Pembida/*')) ? 'active' : '' }}">
<a href="#pembidaSubmenu" data-toggle="collapse" aria-expanded="false" style="">Pembida</a>
<li>
<a href="#pembidaSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
assignment_ind
</span>
Pembida
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('pembida/*')) ? 'show' : '' }}" id="pembidaSubmenu">
<li class="{{ (request()->is('pembida/senaraipembida/*') || request()->is('pembida/senaraipembida') ) ? 'active' : '' }}">
<a href="{{url('pembida/senaraipembida')}}">Pengesahan Pembida Baharu</a>
@@ -387,10 +463,31 @@
</li>
</ul>
</li>
{{-- laporan --}}
<li class="{{ (request()->is('pengguna/*')) ? 'active' : '' }}">
<a href="{{url('pengguna/listpengguna')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
settings_accessibility
</span>
Pengurusan Pengguna
</div>
</a>
</li>
<li>
<div class="sidebar-menu-title">Laporan</div>
</li>
<li class="{{ (request()->is('report/')) ? 'active' : '' }}">
<a href="#reportSubmenu" data-toggle="collapse" aria-expanded="false" style="">Laporan</a>
<a href="#reportSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
dynamic_feed
</span>
Utama
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('report/*')) ? 'show' : '' }}" id="reportSubmenu">
<li class="{{ (request()->is('report/lapbrglelongindex/*') || request()->is('report/lapbrglelongindex') ) ? 'active' : '' }}">
<a href="{{url('report/lapbrglelongindex')}}">Barang Lelong</a>
@@ -427,11 +524,18 @@
</li>
</ul>
</li>
{{-- end laporan --}}
{{-- laporan all--}}
<li class="{{ (request()->is('reportkali/')) ? 'active' : '' }}">
<a href="#reportallSubmenu" data-toggle="collapse" aria-expanded="false" style="">Laporan by Batch</a>
<a href="#reportallSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
chat
</span>
By Batch
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('reportkali/*')) ? 'show' : '' }}" id="reportallSubmenu">
<li class="{{ (request()->is('report/lapbrglelongindexall/*') || request()->is('reportkali/lapbrglelongindexall') ) ? 'active' : '' }}">
<a href="{{url('reportkali/lapbrglelongindexall')}}">Barang Lelong by Batch</a>
@@ -442,64 +546,88 @@
<a href="{{url('reportkali/lapbidaanpembidaindexall')}}">Senarai Lelong Pembida by Batch</a>
</li>
</ul>
<ul class="list-unstyled collapse {{ (request()->is('reportkali/*')) ? 'show' : '' }}" id="reportallSubmenu">
<li class="{{ (request()->is('reportkali/laplelongindexall/*') || request()->is('reportkali/laplelongindexall') ) ? 'active' : '' }}">
<a href="{{url('reportkali/laplelongindexall')}}">Lelong Keseluruhan by Batch</a>
</li>
</ul>
{{-- <ul class="list-unstyled collapse {{ (request()->is('reportkali/*')) ? 'show' : '' }}" id="reportallSubmenu" >
<li class="{{ (request()->is('reportkali/lapbrglelpembidaindex/*') || request()->is('reportkali/lapbrglelpembidaindex') ) ? 'active' : '' }}">
<a href="{{url('reportkali/lapbrglelpembidaindex')}}">Barang Lelon
g Pembida</a>
</li>
</ul>
<ul class="list-unstyled collapse {{ (request()->is('reportkali/*')) ? 'show' : '' }}" id="reportallSubmenu" >
<li class="{{ (request()->is('reportkali/lelongtebusindex/*') || request()->is('reportkali/lelongtebusindex') ) ? 'active' : '' }}">
<a href="{{url('reportkali/lelongtebusindex')}}">Senarai Lelong Tebus</a>
</li>
</ul> --}}
</li>
{{-- end laporan all --}}
{{-- laporan bakcdate --}}
<li class="{{ (request()->is('backdate/')) ? 'active' : '' }}">
<a href="#reportBackdateSubmenu" data-toggle="collapse" aria-expanded="false" style="">Laporan Back Date</a>
<a href="#reportBackdateSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
chat_bubble
</span>
Back Date
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('backdate/*')) ? 'show' : '' }}" id="reportBackdateSubmenu">
<li class="{{ (request()->is('backdate/bdbrglelong/*') || request()->is('backdate/bdbrglelong') ) ? 'active' : '' }}">
<a href="{{url('backdate/bdbrglelong')}}">Barang Lelong</a>
</li>
</ul>
</li>
{{-- end laporan backdate --}}
{{-- Kemaskini Notis --}}
<li class="{{ (request()->is('jananotis/*')) ? 'active' : '' }}">
<a href="{{url('jananotis/kemaskininotis')}}">Kemaskini Notis Lelong</a>
@endhasrole
@hasrole('jurulelong')
<li>
<a href="#lelongSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
assignment_ind
</span>
Lelong
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('lelong/*')) ? 'show' : '' }}" id="lelongSubmenu">
<li class="{{ (request()->is('lelong/senarailelong/*') || request()->is('lelong/senarailelong') ) ? 'active' : '' }}">
<a href="{{url('lelong/senarailelong')}}">Senarai Lelong</a>
</li>
</ul>
</li>
<li>
<a href="#pemenangSubmenu" data-toggle="collapse" aria-expanded="false">
<div class="sidebar-menu">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
published_with_changes
</span>
Pemenang
</div>
<span class="material-symbols-rounded sidebar-menu-item-expand">expand_more</span>
</div>
</a>
<ul class="list-unstyled collapse {{ (request()->is('pemenang/*')) ? 'show' : '' }}" id="pemenangSubmenu">
<li class="{{ (request()->is('pemenang/listcawangan/*') || request()->is('pemenang/listcawangan') ) ? 'active' : '' }}">
<a href="{{url('pemenang/listcawangan')}}">Jana Pemenang</a>
</li>
<li class="{{ (request()->is('pemenang/listpemenang/*') || request()->is('pemenang/listpemenang') ) ? 'active' : '' }}">
<a href="{{url('pemenang/listpemenang')}}">Senarai Pemenang</a>
</li>
</ul>
</li>
{{-- end Kemaskini Notis --}}
@endhasrole
@hasrole('account')
{{-- <li class="{{ (request()->is('home')) ? 'active' : '' }}">
<a href="/home">Home</a>
</li> --}}
<li class="{{ (request()->is('account/*')) ? 'active' : '' }}">
<a href="{{url('account/senarailelongan')}}">Bayaran Atas Talian</a>
<li class="{{ (request()->is('account/senarailelongan')) ? 'active' : '' }}">
<a href="{{url('account/senarailelongan')}}">
<div class="sidebar-menu-main-title">
<span class="material-symbols-rounded sidebar-menu-item-main">
attach_money
</span>
Bayaran Atas Talian
</div>
</a>
</li>
@endhasrole
@hasrole('pembida')
{{-- <li class="{{ (request()->is('home')) ? 'active' : '' }}">
<a href="/home">Home</a>
</li> --}}
@endhasrole
</ul>
{{-- <ul class="list-unstyled CTAs">
<li>
<a href="../login/login2.html" class="article">Logout</a>
</li>
</ul> --}}
<div class="sidebar-footer">
<div class="sidebar-footer-content">Beta V1.0</div>
</div>
</nav>
+9 -222
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">
@@ -21,6 +22,7 @@
<!-- 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">
@@ -77,239 +79,23 @@
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 id="content">
@include('includes.header')
<main class="py-1 mb-5">
@yield('content')
@@ -318,4 +104,5 @@
</body>
</html>
+24 -33
View File
@@ -47,7 +47,8 @@
<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%;">
<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>
@@ -82,19 +83,21 @@
<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>
<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%;">
<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>
@@ -134,11 +137,11 @@
@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%">
<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>
@@ -177,8 +180,10 @@
</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%">
<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>
@@ -216,9 +221,9 @@
<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>
<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
@@ -231,6 +236,7 @@
</div>
</div>
</div>
</div>
<script>
//Enable tooltips everywhere
@@ -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">
@if ($message = Session::get('success'))
<div class="alert alert-success">
<p>{{ $message }}</p>
</div>
@endif
@if ($message = Session::get('failed'))
<div class="alert alert-danger">
<p>{{ $message }}</p>
</div>
@endif
<?php
$totaluser = count($alluser);
?>
<div class="col mx-auto">
<div class="card">
<div class="card-header header-style">
<div class="header-style-title">
Senarai Pengguna
</div>
</div>
<br>
<div class="card-body">
@if ($message = Session::get('success'))
<div class="alert alert-success">
{{ $message }}
</div>
@endif
@if ($message = Session::get('failed'))
<div class="alert alert-danger">
{{ $message }}
</div>
@endif
<?php
$totaluser = count($alluser);
?>
<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,10 +78,13 @@
@endforeach
</tbody>
</table>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" tabindex="-1" id="myModal">
@@ -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 }}
@@ -80,6 +85,8 @@
</div>
</form>
</div>
</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>
@@ -45,6 +50,8 @@
</div>
</form>
</div>
</div>
</div>
</div>
</div>