KoPKB/kaunter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

baiki ui/ux design

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/khazanah/alirantunai.blade.php
+105 -70
View File
@@ -2,24 +2,83 @@
@section('content')
<div class="container">
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Peti Besi</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<table class='table table-striped table-hover' id='table-PetiBesi' style="width:100%;">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Tarikh</th>
<th>Baki Awal Tunai</th>
<th>Keluar</th>
<th>Masuk</th>
<th>Baki EOD</th>
<th>Baki Akhir Tunai</th>
<th>Pendahuluan</th>
<th>Serahan</th>
</tr>
</thead>
<tbody>
{{-- {{ dd($petibesi) }} --}}
@foreach ($petibesi as $tunai)
<tr>
<td>{{ $loop->iteration }}</td>
<td>{{ $tunai['tarikh'] }}</td>
<td>{{ $tunai['bakiawal'] }}</td>
<td>{{ $tunai['keluar'] }}</td>
<td>{{ $tunai['masuk'] }}</td>
<td>{{ $tunai['bakieod'] }}</td>
<td>{{ $tunai['bakiakhir'] }}</td>
<td>{{ $tunai['pendahuluan'] }}</td>
<td>{{ $tunai['serahan'] }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
{{-- <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
</div> --}}
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-12">
<div class="card">
<div class="card-header">{{ __('Aliran Tunai') }}</div>
<nav aria-label="breadcrumb">
<ol class="breadcrumb pb-3">
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Aliran Tunai</li>
</ol>
</nav>
{{-- {{ dd($tunai) }} --}}
<div class="card-body text-center">
<div class="row mb-4">
<div class="col-2 justify-content-start">
<a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
</div>
<div class="col-8 mt-3 justify-content-center">
<h3>Aliran Tunai</h3>
</div>
<div class="col-2">
</div>
<div class="col-12 justify-content-center d-flex">
{{-- <div class="col-12 justify-content-center d-flex">
<ul class="nav nav-pills mb-3 mt-2 " id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-Tunai" role="tab" aria-controls="pills-home" aria-selected="true">Tunai</a>
@@ -28,9 +87,15 @@
<a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-PetiBesi" role="tab" aria-controls="pills-profile" aria-selected="false">Peti Besi</a>
</li>
</ul>
</div>
</div> --}}
{{-- <a id="pills-profile-tab" data-toggle="pill" href="#pills-PetiBesi" role="tab" aria-controls="pills-profile" aria-selected="false">Peti Besi</a> --}}
</div>
<!-- Button trigger modal -->
<button type="button" class="btn btn-danger float-right mr-3" data-toggle="modal" data-target="#exampleModalCenter">
Peti Besi
</button>
<div class="tab-content" id="pills-tabContent">
@@ -70,7 +135,7 @@
<div class="col-12 row">
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['bakiawal'],2) }}</h5>
@@ -83,7 +148,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['tambah'],2) }}</h5>
@@ -96,7 +161,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['kurang'],2) }}</h5>
@@ -111,7 +176,7 @@
<div class="col-12 row">
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['baki'],2) }}</h5>
@@ -124,7 +189,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['keluar'],2) }}</h5>
@@ -137,7 +202,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['masuk'],2) }}</h5>
@@ -155,10 +220,10 @@
<ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">History Tunai</a>
<a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">Rekod Tunai</a>
</li>
<li class="nav-item">
<a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Add Tunai</a>
<a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Tunai</a>
</li>
<li class="nav-item">
<a class="nav-link" id="gt-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-gt" role="tab" aria-controls="contact" aria-selected="false">Gadai/Tebus</a>
@@ -174,10 +239,10 @@
<table class='table' id='table-{{ $ls->id }}' style="width:100%;">
<thead>
<table class='table table-striped table-hover' id='table-{{ $ls->id }}' style="width:100%;">
<thead class="thead-dark">
<tr>
<th>bil</th>
<th>Bil</th>
<th>Tarikh</th>
<th>Baki Awal Tunai</th>
<th>Tunai Diterima</th>
@@ -207,8 +272,8 @@
</div>
<div class="tab-pane fade" id="nav-{{ $ls->id }}-addtunai" role="tabpanel" aria-labelledby="addtunai-tab">
<table class="table text-center" id="tableaddtunai-{{ $ls->id }}">
<thead>
<table class="table table-striped table-hover text-center" id="tableaddtunai-{{ $ls->id }}">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Masa</th>
@@ -235,8 +300,8 @@
</div>
<div class="tab-pane fade" id="nav-{{ $ls->id }}-gt" role="tabpanel" aria-labelledby="gt-tab">
<table class="table text-center" id="tablegadaitebus-{{ $ls->id }}">
<thead>
<table class="table text-center table-striped table-hover" id="tablegadaitebus-{{ $ls->id }}">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>No Rujukan</th>
@@ -268,8 +333,8 @@
</div>
<div class="tab-pane fade" id="nav-{{ $ls->id }}-tuntutbaki" role="tabpanel" aria-labelledby="tuntutbaki-tab">
<table class="table text-center" id="tabletuntutbaki-{{ $ls->id }}">
<thead>
<table class="table text-center table-striped table-hover" id="tabletuntutbaki-{{ $ls->id }}">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Tarikh</th>
@@ -314,7 +379,7 @@
<div class="col-12 row">
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['bakiawal'],2) }}</h5>
@@ -327,7 +392,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['tambah'],2) }}</h5>
@@ -340,7 +405,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['kurang'],2) }}</h5>
@@ -355,7 +420,7 @@
<div class="col-12 row">
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['baki'],2) }}</h5>
@@ -368,7 +433,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['keluar'],2) }}</h5>
@@ -381,7 +446,7 @@
<div class="col-lg-6 col-xl-4 col-12">
<!-- small box -->
<div class="small-box bg-primary">
<div class="small-box bg-secondary">
<div class="inner">
<h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['masuk'],2) }}</h5>
@@ -399,10 +464,10 @@
<ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">History Tunai</a>
<a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">Rekod Tunai</a>
</li>
<li class="nav-item">
<a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Add Tunai</a>
<a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Tunai</a>
</li>
<li class="nav-item">
<a class="nav-link" id="gt-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-gt" role="tab" aria-controls="contact" aria-selected="false">Gadai/Tebus</a>
@@ -419,10 +484,10 @@
<table class='table' id='table-{{ $ls->id }}' style="width:100%;">
<thead>
<table class='table table-striped table-hover' id='table-{{ $ls->id }}' style="width:100%;">
<thead class="thead-dark">
<tr>
<th>bil</th>
<th>Bil</th>
<th>Tarikh</th>
<th>Baki Awal Tunai</th>
<th>Tunai Diterima</th>
@@ -452,8 +517,8 @@
</div>
<div class="tab-pane fade" id="nav-{{ $ls->id }}-addtunai" role="tabpanel" aria-labelledby="addtunai-tab">
<table class="table text-center" id="tableaddtunai-{{ $ls->id }}">
<thead>
<table class="table text-center table-striped table-hover" id="tableaddtunai-{{ $ls->id }}">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Masa</th>
@@ -481,8 +546,8 @@
</div>
<div class="tab-pane fade" id="nav-{{ $ls->id }}-gt" role="tabpanel" aria-labelledby="gt-tab">
<table class="table text-center" id="tablegadaitebus-{{ $ls->id }}">
<thead>
<table class="table text-center table-striped table-hover" id="tablegadaitebus-{{ $ls->id }}">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>No Rujukan</th>
@@ -514,8 +579,8 @@
</div>
<div class="tab-pane fade" id="nav-{{ $ls->id }}-tuntutbaki" role="tabpanel" aria-labelledby="tuntutbaki-tab">
<table class="table text-center" id="tabletuntutbaki-{{ $ls->id }}">
<thead>
<table class="table text-center table-striped table-hover" id="tabletuntutbaki-{{ $ls->id }}">
<thead class="thead-dark">
<tr>
<th>Bil</th>
<th>Tarikh</th>
@@ -562,37 +627,7 @@
<div class="tab-pane fade" id="pills-PetiBesi" role="tabpanel" aria-labelledby="pills-profile-tab">
<table class='table mt-4' id='table-PetiBesi' style="width:100%;">
<thead>
<tr>
<th>bil</th>
<th>Tarikh</th>
<th>Baki Awal Tunai</th>
<th>Keluar</th>
<th>Masuk</th>
<th>Baki EOD</th>
<th>Baki Akhir Tunai</th>
<th>Pendahuluan</th>
<th>Serahan</th>
</tr>
</thead>
<tbody>
{{-- {{ dd($petibesi) }} --}}
@foreach ($petibesi as $tunai)
<tr>
<td>{{ $loop->iteration }}</td>
<td>{{ $tunai['tarikh'] }}</td>
<td>{{ $tunai['bakiawal'] }}</td>
<td>{{ $tunai['keluar'] }}</td>
<td>{{ $tunai['masuk'] }}</td>
<td>{{ $tunai['bakieod'] }}</td>
<td>{{ $tunai['bakiakhir'] }}</td>
<td>{{ $tunai['pendahuluan'] }}</td>
<td>{{ $tunai['serahan'] }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>