baiki ui/ux design

This commit is contained in:
MUHD HAFIFIE
2021-04-07 15:51:04 +08:00
parent 5789ebb9d8
commit cba6a7118c
51 changed files with 670 additions and 406 deletions
+22 -16
View File
@@ -102,25 +102,31 @@
<div class="row justify-content-center">
<div class="col-md-12">
<div class="card">
<div class="card-header">{{ __('Dashboard') }}</div>
<nav aria-label="breadcrumb">
<ol class="breadcrumb pb-3">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Gadaian</li>
</ol>
</nav>
<input type="hidden" name="kodcaw" id="kodcaw" value="{{$cawangan_info['kodcaw']}}">
<div class="card-body text-center">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="gadaian-semasa-tab" data-toggle="tab" href="#gadaian-semasa" role="tab" aria-controls="gadaian-semasa" aria-selected="true">Gadaian Semasa</a>
<a class="nav-link active" id="gadaian-semasa-tab" data-toggle="tab" href="#gadaian-semasa" role="tab" aria-controls="gadaian-semasa" aria-selected="true"> Semasa</a>
</li>
<li class="nav-item">
<a class="nav-link" id="gadaian-belum-serah-tab" data-toggle="tab" href="#gadaian-belum-serah" role="tab" aria-controls="gadaian-belum-serah" aria-selected="false">Gadaian Belum Serah</a>
<a class="nav-link" id="gadaian-belum-serah-tab" data-toggle="tab" href="#gadaian-belum-serah" role="tab" aria-controls="gadaian-belum-serah" aria-selected="false"> Belum Serah</a>
</li>
<li class="nav-item">
<a class="nav-link" id="rekod-gadaian-tab" data-toggle="tab" href="#rekod-gadaian" role="tab" aria-controls="rekod-gadaian" aria-selected="false">Rekod Gadaian</a>
<a class="nav-link" id="rekod-gadaian-tab" data-toggle="tab" href="#rekod-gadaian" role="tab" aria-controls="rekod-gadaian" aria-selected="false">Rekod </a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="gadaian-semasa" role="tabpanel" aria-labelledby="gadaian-semasa-tab">
<h4>Gadaian Semasa</h4>
<table class='table' id='table-gadaian-semasa'>
<thead>
<table class='table table-striped table-hover' id='table-gadaian-semasa'>
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Nama</th>
@@ -161,18 +167,19 @@
</table>
</div>
<div class="tab-pane fade" id="gadaian-belum-serah" role="tabpanel" aria-labelledby="gadaian-belum-serah-tab">
<h4>Gadaian Belum Serah</h4>
<button class="btn btn-primary pull-left" onclick="checkallfunc()">Check All</button>
<button class="btn btn-primary pull-left" onclick="uncheckallfunc()">UnCheck All</button>
<table class='table' id='table-gadaian-belum-serah'>
<thead>
<div class="float-right mb-3">
<button class="btn btn-primary mt-4 pull-left" onclick="checkallfunc()">Check All</button>
<button class="btn btn-primary mt-4 pull-left" onclick="uncheckallfunc()">Uncheck All</button>
</div>
<table class='table table-striped table-hover' id='table-gadaian-belum-serah'>
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Nama</th>
<th>No KP</th>
<th>No Rujukan</th>
<th>Pembiayaan (RM)</th>
<th>Nilai Marhun (RM)</th>
<th>Nilai Marhun (RM)</th>
<th>Berat (g)</th>
</tr>
</thead>
@@ -219,7 +226,6 @@
<div class="tab-pane fade" id="rekod-gadaian" role="tabpanel" aria-labelledby="rekod-gadaian-tab">
<div class="row">
<div class="col-12">
<h4>Rekod Gadaian</h4>
</div>
</div>
<div class="row">
@@ -228,8 +234,8 @@
</div>
<div class="row">
<div class="col-12">
<table class='table' id='table-rekod-gadaian'>
<thead>
<table class='table table-striped table-hover' id='table-rekod-gadaian'>
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Nama</th>