dataTables, analisa
This commit is contained in:
Amir Hamzan
+2212
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 160 B |
Binary file not shown.
|
After Width: | Height: | Size: 148 B |
Binary file not shown.
|
After Width: | Height: | Size: 201 B |
Binary file not shown.
|
After Width: | Height: | Size: 158 B |
Binary file not shown.
|
After Width: | Height: | Size: 146 B |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Vendored
-2
@@ -27232,5 +27232,3 @@ pre[class*="language-"] {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=kit-free.css.map */
|
||||
Vendored
-2
@@ -27232,5 +27232,3 @@ pre[class*="language-"] {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=kit-free.css.map */
|
||||
@@ -15,18 +15,54 @@
|
||||
top: 11px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
@media (min-width:1400px) {
|
||||
.card-title {
|
||||
max-width: 180px;
|
||||
}
|
||||
|
||||
.col-auto {
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:1399px) {
|
||||
.card-title {
|
||||
max-width: 135px;
|
||||
}
|
||||
|
||||
.col-auto {
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:1200px) {
|
||||
.card-title {
|
||||
max-width: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.card-bg {
|
||||
box-shadow: 0rem 1rem 2rem #0000003d !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>Analisa | Customer Portal</title>
|
||||
|
||||
<section class="bg-gradient-dark position-relative overflow-hidden">
|
||||
<section>
|
||||
<img src="{{ asset('assets/img/material-kit/waves-white.svg') }}" alt="pattern-lines" class="position-absolute opacity-1 w-100">
|
||||
<div class="container py-lg-4 py-4">
|
||||
<div class="row mt-6">
|
||||
<nav aria-label="breadcrumb-second">
|
||||
<ol class="breadcrumb-second">
|
||||
<li class="breadcrumb-item text-white opacity-5"><a href="/" style="color: #fff;">Home</a></li>
|
||||
<li class="breadcrumb-item text-white active" aria-current="page">Analisa</li>
|
||||
<li class="breadcrumb-item text-white active" aria-current="page">Ringkasan Transaksi Pembiayaan</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -103,7 +139,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="py-7">
|
||||
<!-- <section class="py-7">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-6 mb-5 mb-xl-0">
|
||||
@@ -115,30 +151,12 @@
|
||||
<h4 class="mb-0 text-primary">Jumlah Bayaran</h4>
|
||||
</div>
|
||||
<div class="col">
|
||||
<!-- <div class="d-flex flex-row-reverse">
|
||||
<button class="btn btn-primary" style="color: #fff;" disabled>Bulanan</button>
|
||||
</div> -->
|
||||
<!-- <ul class="nav nav-pills justify-content-end">
|
||||
<li class="nav-item mr-2 mr-md-0">
|
||||
<a href="#" class="nav-link py-2 px-3 active" data-toggle="tab">
|
||||
<span class="d-none d-md-block">Bulanan</span>
|
||||
<span class="d-md-none">M</span>
|
||||
</a>
|
||||
</li>
|
||||
{{-- <li class="nav-item" data-toggle="chart" data-target="#chart-sales" data-update='{"data":{"datasets":[{"data":[0, 0, 0, 0, 0, 30, 15, 40, 40]}]}}' data-prefix="RM" data-suffix="k">
|
||||
<a href="#" class="nav-link py-2 px-3" data-toggle="tab">
|
||||
<span class="d-none d-md-block">Mingguan</span>
|
||||
<span class="d-md-none">W</span>
|
||||
</a>
|
||||
</li> --}}
|
||||
</ul> -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<!-- Chart -->
|
||||
<div class="chart">
|
||||
<!-- Chart wrapper -->
|
||||
<canvas id="chart-sales" class="chart-canvas" style="height: 265px !important;"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
@@ -155,7 +173,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<!-- Chart -->
|
||||
<div class="chart">
|
||||
<canvas id="chart-orders" class="chart-canvas" style="height: 265px !important;"></canvas>
|
||||
</div>
|
||||
@@ -164,12 +181,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bg-gradient-dark position-relative overflow-hidden">
|
||||
<img src="{{ asset('assets/img/material-kit/waves-white.svg') }}" alt="pattern-lines" class="position-absolute opacity-1 w-100">
|
||||
</section> -->
|
||||
<section class="bg-white">
|
||||
<div class="container py-lg-4 py-4">
|
||||
<div class="row">
|
||||
<div class="col-xl-7 mb-5 mb-xl-0">
|
||||
<div class="row justify-content-center">
|
||||
<!-- <div class="col-xl-7 mb-5 mb-xl-0">
|
||||
<div class="card shadow p-4">
|
||||
<div class="card-header border-0">
|
||||
<div class="row align-items-center">
|
||||
@@ -179,7 +195,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<!-- Projects table -->
|
||||
<table class="table align-items-center table-bordered table-hover border" style="text-align: center; width: 100%" id="sag_aktif">
|
||||
<thead class="thead-light bg-dark text-white text-center">
|
||||
<tr>
|
||||
@@ -194,17 +209,13 @@
|
||||
<td>{{ number_format($bt['pinjaman'],2) }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
<!-- <tr>
|
||||
<td>X0301210901-0009</td>
|
||||
<td>2400.00</td>
|
||||
</tr> -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-5">
|
||||
<div class="card shadow p-4">
|
||||
</div> -->
|
||||
<div class="col-xl-6 col-md-12">
|
||||
<div class="card card-bg shadow p-4">
|
||||
<div class="card-header border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
@@ -274,7 +285,6 @@
|
||||
var hargaemastable = $('#harga_emas').DataTable({
|
||||
"bLengthChange": false,
|
||||
"bFilter": false,
|
||||
"pagingType": "simple",
|
||||
language: {
|
||||
'paginate': {
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
@@ -291,7 +301,6 @@
|
||||
"bFilter": false,
|
||||
"pageLength": 5,
|
||||
"scrollX": true,
|
||||
"pagingType": "simple",
|
||||
language: {
|
||||
'paginate': {
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
@@ -302,18 +311,18 @@
|
||||
|
||||
|
||||
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
|
||||
'use strict';
|
||||
'use strict';
|
||||
|
||||
var Charts = (function() {
|
||||
var Charts = (function() {
|
||||
|
||||
// Variable
|
||||
|
||||
var $toggle = $('[data-toggle="chart"]');
|
||||
var mode = 'light';//(themeMode) ? themeMode : 'light';
|
||||
var mode = 'light'; //(themeMode) ? themeMode : 'light';
|
||||
var fonts = {
|
||||
base: 'Open Sans'
|
||||
}
|
||||
@@ -480,7 +489,7 @@ var Charts = (function() {
|
||||
content += '<span class="badge badge-primary mr-auto">' + label + '</span>';
|
||||
}
|
||||
|
||||
content += '<span class="popover-body-value">' + yLabel + '</span>' ;
|
||||
content += '<span class="popover-body-value">' + yLabel + '</span>';
|
||||
return content;
|
||||
}
|
||||
}
|
||||
@@ -706,44 +715,43 @@ var Charts = (function() {
|
||||
mode: mode
|
||||
};
|
||||
|
||||
})();
|
||||
})();
|
||||
|
||||
|
||||
//
|
||||
// Orders chart
|
||||
//
|
||||
//
|
||||
// Orders chart
|
||||
//
|
||||
|
||||
var OrdersChart = (function() {
|
||||
var OrdersChart = (function() {
|
||||
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
|
||||
var $chart = $('#chart-orders');
|
||||
var $ordersSelect = $('[name="ordersSelect"]');
|
||||
var $chart = $('#chart-orders');
|
||||
var $ordersSelect = $('[name="ordersSelect"]');
|
||||
|
||||
|
||||
//
|
||||
// Methods
|
||||
//
|
||||
//
|
||||
// Methods
|
||||
//
|
||||
|
||||
// Init chart
|
||||
function initChart($chart) {
|
||||
// Init chart
|
||||
function initChart($chart) {
|
||||
|
||||
var PembiayaanBulanan = new Array();
|
||||
var BayaranBulanan = new Array();
|
||||
var NamaBulan = new Array();
|
||||
|
||||
|
||||
$.each(datafin,function(index,finance){
|
||||
$.each(datafin, function(index, finance) {
|
||||
PembiayaanBulanan.push(finance['pembiayaan']);
|
||||
BayaranBulanan.push(finance['bayaran']);
|
||||
NamaBulan.push(finance['namabulan']);
|
||||
});
|
||||
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
});
|
||||
const formatter = new Intl.NumberFormat('en-US', {});
|
||||
|
||||
// Create chart
|
||||
var ordersChart = new Chart($chart, {
|
||||
@@ -790,50 +798,49 @@ function initChart($chart) {
|
||||
|
||||
// Save to jQuery object
|
||||
$chart.data('chart', ordersChart);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Init chart
|
||||
if ($chart.length) {
|
||||
// Init chart
|
||||
if ($chart.length) {
|
||||
initChart($chart);
|
||||
}
|
||||
}
|
||||
|
||||
})();
|
||||
})();
|
||||
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
//
|
||||
// Charts
|
||||
//
|
||||
|
||||
'use strict';
|
||||
'use strict';
|
||||
|
||||
//
|
||||
// Sales chart
|
||||
//
|
||||
//
|
||||
// Sales chart
|
||||
//
|
||||
|
||||
var SalesChart = (function() {
|
||||
var SalesChart = (function() {
|
||||
|
||||
// Variables
|
||||
// Variables
|
||||
|
||||
var $chart = $('#chart-sales');
|
||||
var $chart = $('#chart-sales');
|
||||
|
||||
|
||||
// Methods
|
||||
// Methods
|
||||
|
||||
function init($chart) {
|
||||
function init($chart) {
|
||||
|
||||
var PembiayaanBulanan = new Array();
|
||||
var BayaranBulanan = new Array();
|
||||
var NamaBulan = new Array();
|
||||
|
||||
$.each(datafin,function(index,finance){
|
||||
$.each(datafin, function(index, finance) {
|
||||
PembiayaanBulanan.push(finance['pembiayaan']);
|
||||
BayaranBulanan.push(finance['bayaran']);
|
||||
NamaBulan.push(finance['namabulan']);
|
||||
});
|
||||
|
||||
|
||||
const formatter = new Intl.NumberFormat('en-US', {
|
||||
});
|
||||
const formatter = new Intl.NumberFormat('en-US', {});
|
||||
|
||||
var salesChart = new Chart($chart, {
|
||||
type: 'bar',
|
||||
@@ -883,17 +890,16 @@ function init($chart) {
|
||||
|
||||
$chart.data('chart', salesChart);
|
||||
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
// Events
|
||||
// Events
|
||||
|
||||
if ($chart.length) {
|
||||
if ($chart.length) {
|
||||
init($chart);
|
||||
}
|
||||
|
||||
})();
|
||||
}
|
||||
|
||||
})();
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -6,6 +6,10 @@
|
||||
.not-allowed {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 1rem !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<title>Bayar SAG | Customer Portal</title>
|
||||
@@ -26,7 +30,7 @@
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-12 mb-5">
|
||||
<div class="card shadow">
|
||||
<div class="card-header mb-4 bg-primary border-0">
|
||||
<div class="card-header mb-4 bg-dark border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="d-flex">
|
||||
<h4 class="text-white" style="margin-right: 1%;">Senarai Surat Gadaian</h4>
|
||||
@@ -233,7 +237,7 @@
|
||||
<!-- ===============RINGKASAN BARU============================== -->
|
||||
<div class="col-md-10 col-sm-12">
|
||||
<div class="card shadow">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="card-header bg-dark border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="d-flex">
|
||||
<h4 class="text-white" style="margin-right: 1%;">Ringkasan Pembayaran</h4>
|
||||
|
||||
@@ -59,7 +59,9 @@
|
||||
<div class="card shadow">
|
||||
<div class="card-body">
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<i class="text-danger">Maksimum 3 SAG dibenarkan dalam satu transaksi .</i>
|
||||
</div>
|
||||
<div class="table-responsive table-bordered table-hover">
|
||||
<table class="table align-items-center table-flush border" id="selepas_tawarruq" style="text-align: center; width: 100%">
|
||||
<thead class="thead-light bg-dark text-white text-center">
|
||||
@@ -174,18 +176,15 @@
|
||||
// });
|
||||
|
||||
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
|
||||
"bLengthChange": false,
|
||||
"bFilter": true,
|
||||
"paging" : true,
|
||||
"pagingType": "simple",
|
||||
language: {
|
||||
'paginate': {
|
||||
'previous': '<span class="fas fa-backward"></span>',
|
||||
'previous': '<span class="fas fa-backward fa-1.5x"></span>',
|
||||
'next': '<span class="fas fa-forward"></span>'
|
||||
}
|
||||
},
|
||||
"scrollX": true,
|
||||
"pageLength": 10
|
||||
"pageLength": 10,
|
||||
"scrollX": true
|
||||
});
|
||||
|
||||
$("input[type='checkbox'][name='chkboxsag[]']").click(function() {
|
||||
@@ -193,10 +192,9 @@
|
||||
if ($(this).is(':checked')) {
|
||||
var total = count + 1;
|
||||
|
||||
if(total <= 3)
|
||||
{
|
||||
if (total <= 3) {
|
||||
$('#totalsag').text(total);
|
||||
}else{
|
||||
} else {
|
||||
$(this).prop('checked', false);
|
||||
}
|
||||
} else {
|
||||
|
||||
@@ -0,0 +1,113 @@
|
||||
<div class="col-md-4 mb-4 ms-auto">
|
||||
<div>
|
||||
<img src="{{ asset('argon/img/brand/arrahnlogo.png') }}" alt="logo ar-rahn" width="50px" height="39px">
|
||||
<h6>Ar-Rahn</h6>
|
||||
<h6>Koperasi Permodalan Kelantan Berhad</h6>
|
||||
</div>
|
||||
<div>
|
||||
<!-- <ul class="d-flex flex-row ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link nav-color pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
|
||||
<i class="fab fa-facebook text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text">Alamat</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-link nav-color" style="font-size: 12px;">
|
||||
Permodalan Kelantan Berhad Tingkat 8, Bangunan Kelantan Trade Centre, Jalan Bayam, 15200 Kota Bharu, Kelantan.
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text">Hubungi Kami</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-link nav-color" style="font-size: 12px;">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
09-741 4343
|
||||
</li>
|
||||
<li class="nav-link nav-color" style="font-size: 12px;">
|
||||
<i class="fa fa-phone-square" aria-hidden="true"></i>
|
||||
09-741 4342
|
||||
</li>
|
||||
<li class="nav-link nav-color" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
pkb@pkb.net.my
|
||||
</li>
|
||||
<!-- <li class="nav-item">
|
||||
<a class="nav-link nav-color pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
|
||||
<i class="fab fa-facebook text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text">Khidmat Pelanggan</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-link nav-color" style="font-size: 12px;">
|
||||
Hotline : 1300-22-4343
|
||||
</li>
|
||||
<!-- <li class="nav-link nav-color" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
|
||||
arrahncareline@gmail.com
|
||||
</li>
|
||||
<li class="nav-link nav-color" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
|
||||
arcc@pkb.net.my
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="text-center">
|
||||
<p class="text-dark my-4 text-sm">
|
||||
Hak Milik ©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Koperasi Permodalan Kelantan Berhad
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Core JS Files -->
|
||||
<script src="{{ asset('assets/js/material-kit/core/popper.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/core/bootstrap.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/perfect-scrollbar.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/choices.min.js') }}"></script>
|
||||
|
||||
<!-- Plugin for TypedJS, full documentation here: https://github.com/inorganik/CountUp.js -->
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/countup.min.js') }}"></script>
|
||||
|
||||
<!-- Plugin for Parallax, full documentation here: https://github.com/wagerfield/parallax -->
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/parallax.min.js') }}"></script>
|
||||
|
||||
<!-- Control Center for Material UI Kit: parallax effects, scripts for the example pages etc -->
|
||||
<!-- Google Maps Plugin -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTTfWur0PDbZWPr7Pmq8K3jiDp0_xUziI"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/material-kit.min.js?v=3.0.0') }}" type="text/javascript"></script>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
<script>
|
||||
if (document.getElementsByClassName('page-header')) {
|
||||
window.onscroll = debounce(function() {
|
||||
var scrollPosition = window.pageYOffset;
|
||||
var bgParallax = document.querySelector('.page-header');
|
||||
var oVal = (window.scrollY / 3);
|
||||
// bgParallax.style.transform = 'translate3d(0,' + oVal + 'px,0)';
|
||||
}, 6);
|
||||
}
|
||||
</script>
|
||||
@@ -1,189 +1,22 @@
|
||||
<style>
|
||||
h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-color {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.text-dark {
|
||||
color: white !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<footer class="footer py-5 bg-gradient-dark position-relative overflow-hidden">
|
||||
<img src="{{ asset('assets/img/material-kit/waves-white.svg') }}" alt="pattern-lines" class="position-absolute start-0 top-0 w-100 opacity-1" loading="lazy">
|
||||
<div class="container position-relative">
|
||||
<div class=" row">
|
||||
<div class="col-md-3 mb-4 ms-auto">
|
||||
<div>
|
||||
<h6 class="text-white font-weight-bold text-uppercase mb-2">Ar-Rahn</h6>
|
||||
<p class="text-white">Koperasi Permodalan Kelantan Berhad</p>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="d-flex flex-row ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white pe-1" href="#facebook">
|
||||
<i class="fab fa-facebook text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white pe-1" href="#twitter">
|
||||
<i class="fab fa-twitter text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white pe-1" href="#youtube">
|
||||
<i class="fab fa-youtube text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text-white text-sm mb-1">Company</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#aboutus">
|
||||
About Us
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#freebies">
|
||||
Freebies
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#premiumtools">
|
||||
Premium Tools
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#blog">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text-white text-sm mb-1">Resources</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#illustrations">
|
||||
Illustrations
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#snippets">
|
||||
Bits & Snippets
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#affiliateprogram">
|
||||
Affiliate Program
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text-white text-sm mb-1">Help & Support</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#helpsupport">
|
||||
Contact Us
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#knowdledege">
|
||||
Knowledge Center
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#customer">
|
||||
Custom Development
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#sponsor">
|
||||
Sponsorships
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4 me-auto">
|
||||
<div>
|
||||
<h6 class="text-white text-sm mb-1">Legal</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#termscondtion">
|
||||
Terms & Conditions
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#policy">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-white opacity-8 text-sm pb-0" href="#licenelse">
|
||||
Licenses (EULA)
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="text-center">
|
||||
<p class="text-white my-4 text-sm font-weight-normal">
|
||||
All rights reserved. Copyright ©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Koperasi Permodalan Kelantan Berhad.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@include('includes.main.footercontent')
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Core JS Files -->
|
||||
<script src="{{ asset('assets/js/material-kit/core/popper.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/core/bootstrap.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/perfect-scrollbar.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/choices.min.js') }}"></script>
|
||||
|
||||
<!-- Plugin for TypedJS, full documentation here: https://github.com/inorganik/CountUp.js -->
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/countup.min.js') }}"></script>
|
||||
|
||||
<!-- Plugin for Parallax, full documentation here: https://github.com/wagerfield/parallax -->
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/parallax.min.js') }}"></script>
|
||||
|
||||
<!-- Control Center for Material UI Kit: parallax effects, scripts for the example pages etc -->
|
||||
<!-- Google Maps Plugin -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTTfWur0PDbZWPr7Pmq8K3jiDp0_xUziI"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/material-kit.min.js?v=3.0.0') }}" type="text/javascript"></script>
|
||||
|
||||
<script>
|
||||
// listen for scroll event and call animate function
|
||||
document.addEventListener('scroll', animate);
|
||||
|
||||
|
||||
|
||||
var animateComplete = true;
|
||||
// animate element when it is in view
|
||||
function animate() {}
|
||||
|
||||
if (document.getElementById('typed')) {
|
||||
var typed = new Typed("#typed", {
|
||||
stringsElement: '#typed-strings',
|
||||
typeSpeed: 90,
|
||||
backSpeed: 90,
|
||||
backDelay: 200,
|
||||
startDelay: 500,
|
||||
loop: true
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
if (document.getElementsByClassName('page-header')) {
|
||||
window.onscroll = debounce(function() {
|
||||
var scrollPosition = window.pageYOffset;
|
||||
var bgParallax = document.querySelector('.page-header');
|
||||
var oVal = (window.scrollY / 3);
|
||||
// bgParallax.style.transform = 'translate3d(0,' + oVal + 'px,0)';
|
||||
}, 6);
|
||||
}
|
||||
</script>
|
||||
@@ -1,119 +1,7 @@
|
||||
<footer class="footer pt-5 mt-5">
|
||||
<div class="container">
|
||||
<div class=" row">
|
||||
<div class="col-md-4 mb-4 ms-auto">
|
||||
<div>
|
||||
<img src="{{ asset('argon/img/brand/arrahnlogo.png') }}" alt="logo ar-rahn" width="50px" height="39px">
|
||||
<h6>Ar-Rahn</h6>
|
||||
<h6>Koperasi Permodalan Kelantan Berhad</h6>
|
||||
</div>
|
||||
<div>
|
||||
<!-- <ul class="d-flex flex-row ms-n3 nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
|
||||
<i class="fab fa-facebook text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text">Alamat</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
Permodalan Kelantan Berhad Tingkat 8, Bangunan Kelantan Trade Centre, Jalan Bayam, 15200 Kota Bharu, Kelantan.
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text">Hubungi Kami</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
09-741 4343
|
||||
</li>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-phone-square" aria-hidden="true"></i>
|
||||
09-741 4342
|
||||
</li>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
pkb@pkb.net.my
|
||||
</li>
|
||||
<!-- <li class="nav-item">
|
||||
<a class="nav-link pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
|
||||
<i class="fab fa-facebook text-lg opacity-8"></i>
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6 col-6 mb-4">
|
||||
<div>
|
||||
<h6 class="text">Khidmat Pelanggan</h6>
|
||||
<ul class="flex-column ms-n3 nav">
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
Hotline : 1300-22-4343
|
||||
</li>
|
||||
<!-- <li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
|
||||
arrahncareline@gmail.com
|
||||
</li>
|
||||
<li class="nav-link" style="font-size: 12px;">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
|
||||
arcc@pkb.net.my
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="text-center">
|
||||
<p class="text-dark my-4 text-sm">
|
||||
Hak Milik ©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Koperasi Permodalan Kelantan Berhad
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@include('includes.main.footercontent')
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Core JS Files -->
|
||||
<script src="{{ asset('assets/js/material-kit/core/popper.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/core/bootstrap.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/perfect-scrollbar.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/choices.min.js') }}"></script>
|
||||
|
||||
<!-- Plugin for TypedJS, full documentation here: https://github.com/inorganik/CountUp.js -->
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/countup.min.js') }}"></script>
|
||||
|
||||
<!-- Plugin for Parallax, full documentation here: https://github.com/wagerfield/parallax -->
|
||||
<script src="{{ asset('assets/js/material-kit/plugins/parallax.min.js') }}"></script>
|
||||
|
||||
<!-- Control Center for Material UI Kit: parallax effects, scripts for the example pages etc -->
|
||||
<!-- Google Maps Plugin -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTTfWur0PDbZWPr7Pmq8K3jiDp0_xUziI"></script>
|
||||
<script src="{{ asset('assets/js/material-kit/material-kit.min.js?v=3.0.0') }}" type="text/javascript"></script>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
<script>
|
||||
if (document.getElementsByClassName('page-header')) {
|
||||
window.onscroll = debounce(function() {
|
||||
var scrollPosition = window.pageYOffset;
|
||||
var bgParallax = document.querySelector('.page-header');
|
||||
var oVal = (window.scrollY / 3);
|
||||
// bgParallax.style.transform = 'translate3d(0,' + oVal + 'px,0)';
|
||||
}, 6);
|
||||
}
|
||||
</script>
|
||||
@@ -14,7 +14,7 @@
|
||||
|
||||
<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css" />
|
||||
<link href="{{ asset('argon/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
|
||||
<script src="{{ asset('argon') }}/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<script src="{{ asset('argon') }}/js/ifvisible.js"></script>
|
||||
@@ -59,7 +59,7 @@
|
||||
|
||||
|
||||
<script>
|
||||
ifvisible.setIdleDuration(100);
|
||||
ifvisible.setIdleDuration(100000);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="col-xl-12">
|
||||
<div class="card d-flex blur justify-content-center shadow-lg my-sm-0 my-sm-6 mt-5 mb-5">
|
||||
<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2 bg-transparent">
|
||||
<div class="bg-gradient-primary shadow-primary border-radius-lg p-3">
|
||||
<div class="bg-dark shadow-primary border-radius-lg p-3">
|
||||
<h3 class="text-white text-primary mb-0">Profil</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -9,8 +9,11 @@
|
||||
</head>
|
||||
|
||||
@include('includes.main.navigation')
|
||||
@yield('content')
|
||||
@include('includes.main.footerwhite')
|
||||
<section class="bg-gradient-dark position-relative overflow-hidden">
|
||||
@yield('content')
|
||||
</section>
|
||||
@include('includes.main.footerdark')
|
||||
|
||||
<script src="{{ asset('argon') }}/js/argon.js?v=1.0.0"></script>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user