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
+11 -13
View File
@@ -3,7 +3,7 @@
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ModalTitle">History Tebus</h5>
{{-- <h5 class="modal-title" id="ModalTitle">Rekod Tebus</h5> --}}
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
@@ -11,29 +11,28 @@
<div class="modal-body">
<div class="row">
<div class="col-4">
<div class="small-box bg-info text-center"><div class="inner"><b>Harga Jualan : <span id="hargajualanmodal"></span></b></div></div>
<div class="small-box bg-warning text-center"><div class="inner"><b>Harga Jualan : <span id="hargajualanmodal"></span></b></div></div>
</div>
<div class="col-4">
<div class="small-box bg-info text-center"><div class="inner"><b>Pembiayaan : <span id="pembiayaanmodal"></span></b></div></div>
<div class="small-box bg-warning text-center"><div class="inner"><b>Pembiayaan : <span id="pembiayaanmodal"></span></b></div></div>
</div>
<div class="col-4">
<div class="small-box bg-info text-center"><div class="inner"><b>Nilai Marhun : <span id="nilaimarhunmodal"></span></b></div></div>
<div class="small-box bg-warning text-center"><div class="inner"><b>Nilai Marhun : <span id="nilaimarhunmodal"></span></b></div></div>
</div>
</div>
<ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Rekod Bayaran</a>
<a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Bayaran</a>
</li>
<li class="nav-item">
<a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Rekod SAG</a>
<a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Rekod</a>
</li>
</ul>
<div class="tab-content" id="custom-content-below-tabContent">
<div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-content-below-home-tab">
<hr>
<h4>Rekod Bayaran</h4>
<table id="tablehistorybayaran" class="table table-striped table-bordered text-center">
<thead>
<table id="tablehistorybayaran" class="table table-striped table-hover table-bordered text-center">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Tarikh Bayaran</th>
@@ -47,9 +46,8 @@
</div>
<div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
<hr>
<h4>Rekod SAG</h4>
<table id="tablehistorytebus" class="table table-striped table-bordered text-center">
<thead>
<table id="tablehistorytebus" class="table table-striped table-hover table-bordered text-center">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>No Rujukan</th>
@@ -67,7 +65,7 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-lg" data-dismiss="modal">Batal</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button>
</div>
</div>
</div>