KoPKB/admin-erahn
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix skit2

Browse Source
This commit is contained in:
hafifierahman
2021-12-15 18:01:00 +08:00
parent ced04a4f68
commit 8e46b80150
15 changed files with 11536 additions and 548 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Http/Controllers/HomeController.php
+12 -6
View File
@@ -33,9 +33,9 @@ class HomeController extends Controller
$harini = Carbon::now();
$harini = new Carbon;
$arrayPembiayaan = array();
$arrayPembiayaan = array(['name' => 'Pembiayaan (RM)','data' => []]);
$arrayPenyelesaian = array(['name' => 'Penebusan (RM)','data' => []]);
$arrayKeuntungan = array(['name' => 'Keuntungan (RM)','data' => []]);
$arrayKeuntungan = array(['name' => 'Actual','data' => []]);
//Hari Ini
$ringkasanharian = Http::get(config('api.url'). '/api/gadai/laporan/ringkasanharian/'. $auth_user['cawangan'],['tarikh' => $harini->toDateString()])->json();
@@ -45,15 +45,21 @@ class HomeController extends Controller
$financeMonth = Http::get(config('api.url'). '/admin/financeMonth',['kodcaw' => $auth_user['cawangan']])->json();
$goals = [['name' => 'Expected','value' => 200000,'strokeHeight' => 5, 'strokeColor' => '#e74c3c']];
for($i = 11;$i >= 0; $i--)
{
array_push($arrayPembiayaan,$financeMonth[$i]['pembiayaan']);
array_push($arrayPenyelesaian[0]['data'],$financeMonth[$i]['penebusan']);
array_push($arrayKeuntungan[0]['data'],$financeMonth[$i]['keuntungan']);
$goals[0]['value'] = $financeMonth[$i]['bajetgadai'];
// array_push($arrayPembiayaan,$financeMonth[$i]['pembiayaan']);
array_push($arrayPembiayaan[0]['data'],['x' => $financeMonth[$i]['namabulan'],'y' => $financeMonth[$i]['pembiayaan'],'goals' => (array) $goals]);
$goals[0]['value'] = $financeMonth[$i]['bajettebus'];
// array_push($arrayPenyelesaian[0]['data'],$financeMonth[$i]['penebusan']);
array_push($arrayPenyelesaian[0]['data'],['x' => $financeMonth[$i]['namabulan'],'y' => $financeMonth[$i]['penebusan'],'goals' => (array) $goals]);
$goals[0]['value'] = $financeMonth[$i]['bajetkeuntungan'];
array_push($arrayKeuntungan[0]['data'],['x' => $financeMonth[$i]['namabulan'],'y' => $financeMonth[$i]['keuntungan'],'goals' => (array) $goals]);
}
return view('home',compact('ringkasanharian','keseluruhanupahharian','arrayPembiayaan','arrayPenyelesaian','arrayKeuntungan'));
}
package-lock.json
Generated
+10469 -35
View File
File diff suppressed because it is too large Load Diff
public/js/app.js
Vendored
+370 -66
View File
@@ -17547,6 +17547,7 @@ var _formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
var self = undefined;
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
name: 'Chart',
props: {
@@ -17555,28 +17556,147 @@ var _formatter = new Intl.NumberFormat('en-US', {
},
data: function data() {
return {
options: {
series: [{
name: 'Actual',
data: [{
x: 'Jan',
y: 1292,
// goals:[{name:'Expected',value:1700}]
goals: [{
name: 'Expected',
value: 1400,
strokeHeight: 5,
strokeColor: '#e74c3c'
}]
}, {
x: 'Feb',
y: 4432 // goals: [
// {
// name: 'Expected',
// value: 5400,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Mar',
y: 5423 // goals: [
// {
// name: 'Expected',
// value: 5200,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Apr',
y: 6653 // goals: [
// {
// name: 'Expected',
// value: 6500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'May',
y: 8133 // goals: [
// {
// name: 'Expected',
// value: 6600,
// strokeHeight: 13,
// strokeWidth: 0,
// strokeLineCap: 'round',
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Jun',
y: 7132 // goals: [
// {
// name: 'Expected',
// value: 7500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Jul',
y: 7332 // goals: [
// {
// name: 'Expected',
// value: 8700,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Ogos',
y: 6553 // goals: [
// {
// name: 'Expected',
// value: 7300,
// strokeHeight: 2,
// strokeDashArray: 2,
// strokeColor: '#e74c3c'
// }
// ]
}]
}],
chartOptions: {
chart: {
id: 'keuntungan-bulanan',
zoom: {
enabled: false
}
},
xaxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
height: 350,
type: 'bar'
},
yaxis: {
labels: {
formatter: function formatter(value) {
// console.log(value)
return 'RM ' + _formatter.format(value);
}
}
},
plotOptions: {
bar: {
columnWidth: '60%',
dataLabels: {
position: 'top'
}
}
},
series: [{
name: 'Keuntungan (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
colors: ['#3498db'],
dataLabels: {
enabled: true,
// enabledOnSeries: [0],
style: {
colors: ['#333']
},
offsetY: -30,
formatter: function formatter(val, opt) {
// console.log(this.series.data)
// console.log(keun)
// console.log(opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value'])
var total = (val - opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) / opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value'] * 100; // console.log(total.toFixed(0))
return total.toFixed(2); // return opt.w.globals.labels[opt.dataPointIndex] + ": " + val
}
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}
}
};
}
});
@@ -17613,19 +17733,109 @@ var _formatter = new Intl.NumberFormat('en-US', {
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
name: 'Chart',
props: {
kodcaw: String
kodcaw: String,
pemb: Array
},
data: function data() {
return {
options: {
series: [{
name: 'Actual',
data: [{
x: 'Jan',
y: 1292,
// goals:[{name:'Expected',value:1700}]
goals: [{
name: 'Expected',
value: 1400,
strokeHeight: 5,
strokeColor: '#e74c3c'
}]
}, {
x: 'Feb',
y: 4432 // goals: [
// {
// name: 'Expected',
// value: 5400,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Mar',
y: 5423 // goals: [
// {
// name: 'Expected',
// value: 5200,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Apr',
y: 6653 // goals: [
// {
// name: 'Expected',
// value: 6500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'May',
y: 8133 // goals: [
// {
// name: 'Expected',
// value: 6600,
// strokeHeight: 13,
// strokeWidth: 0,
// strokeLineCap: 'round',
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Jun',
y: 7132 // goals: [
// {
// name: 'Expected',
// value: 7500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Jul',
y: 7332 // goals: [
// {
// name: 'Expected',
// value: 8700,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Ogos',
y: 6553 // goals: [
// {
// name: 'Expected',
// value: 7300,
// strokeHeight: 2,
// strokeDashArray: 2,
// strokeColor: '#e74c3c'
// }
// ]
}]
}],
chartOptions: {
chart: {
id: 'pembiayaan-bulanan',
zoom: {
enabled: false
}
},
xaxis: {
categories: ["Jan", "Feb", "Mac", "Apr", "Mei", "Jun", "Jul", "Ogo", "Sep", "Okt", "Nov", "Dis"]
height: 350,
type: 'bar'
},
yaxis: {
labels: {
@@ -17633,33 +17843,26 @@ var _formatter = new Intl.NumberFormat('en-US', {
return 'RM ' + _formatter.format(value);
}
}
},
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
name: 'Pembiayaan (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
colors: ['#3498db'],
dataLabels: {
enabled: false
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}
}
};
},
created: function created() {
var _this = this;
this.axios.get('http://localhost:8000/admin/financeMonth', {
params: {
kodcaw: this.kodcaw
}
}).then(function (response) {
var pembiayaan = [];
response.data.map(function (value, key) {
pembiayaan.push(value.pembiayaan);
});
_this.$apexcharts.exec('pembiayaan-bulanan', 'updateSeries', [{
data: pembiayaan.reverse()
}]);
})["catch"](function (error) {
console.log(error);
});
}
});
@@ -17700,15 +17903,104 @@ var _formatter = new Intl.NumberFormat('en-US', {
},
data: function data() {
return {
options: {
series: [{
name: 'Actual',
data: [{
x: 'Jan',
y: 1292,
// goals:[{name:'Expected',value:1700}]
goals: [{
name: 'Expected',
value: 1400,
strokeHeight: 5,
strokeColor: '#e74c3c'
}]
}, {
x: 'Feb',
y: 4432 // goals: [
// {
// name: 'Expected',
// value: 5400,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Mar',
y: 5423 // goals: [
// {
// name: 'Expected',
// value: 5200,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Apr',
y: 6653 // goals: [
// {
// name: 'Expected',
// value: 6500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'May',
y: 8133 // goals: [
// {
// name: 'Expected',
// value: 6600,
// strokeHeight: 13,
// strokeWidth: 0,
// strokeLineCap: 'round',
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Jun',
y: 7132 // goals: [
// {
// name: 'Expected',
// value: 7500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Jul',
y: 7332 // goals: [
// {
// name: 'Expected',
// value: 8700,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
}, {
x: 'Ogos',
y: 6553 // goals: [
// {
// name: 'Expected',
// value: 7300,
// strokeHeight: 2,
// strokeDashArray: 2,
// strokeColor: '#e74c3c'
// }
// ]
}]
}],
chartOptions: {
chart: {
id: 'penyelesaian-bulanan',
zoom: {
enabled: false
}
},
xaxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
height: 350,
type: 'bar'
},
yaxis: {
labels: {
@@ -17716,12 +18008,25 @@ var _formatter = new Intl.NumberFormat('en-US', {
return 'RM ' + _formatter.format(value);
}
}
},
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
name: 'Tebus (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
colors: ['#3498db'],
dataLabels: {
enabled: false
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}
}
};
}
});
@@ -63370,8 +63675,8 @@ var render = function () {
_c("apexchart", {
attrs: {
width: "550",
type: "line",
options: _vm.options,
type: "bar",
options: _vm.chartOptions,
series: this.keun,
},
}),
@@ -63408,11 +63713,10 @@ var render = function () {
[
_c("apexchart", {
attrs: {
id: "pembchart",
width: "550",
type: "line",
options: _vm.options,
series: _vm.series,
type: "bar",
options: _vm.chartOptions,
series: this.pemb,
},
}),
],
@@ -63449,8 +63753,8 @@ var render = function () {
_c("apexchart", {
attrs: {
width: "550",
type: "line",
options: _vm.options,
type: "bar",
options: _vm.chartOptions,
series: this.peny,
},
}),
@@ -89673,7 +89977,7 @@ if (typeof window !== 'undefined' && window.Vue) {
/***/ ((module) => {
"use strict";
module.exports = JSON.parse('{"_from":"axios@^0.21","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"range","registry":true,"raw":"axios@^0.21","name":"axios","escapedName":"axios","rawSpec":"^0.21","saveSpec":null,"fetchSpec":"^0.21"},"_requiredBy":["#DEV:/","#USER"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_shasum":"c67b90dc0568e5c1cf2b0b858c43ba28e2eda575","_spec":"axios@^0.21","_where":"C:\\\\laragon\\\\www\\\\adminpkb","author":{"name":"Matt Zabriskie"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"bugs":{"url":"https://github.com/axios/axios/issues"},"bundleDependencies":false,"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"deprecated":false,"description":"Promise based HTTP client for the browser and node.js","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"homepage":"https://axios-http.com","jsdelivr":"dist/axios.min.js","keywords":["xhr","http","ajax","promise","node"],"license":"MIT","main":"index.js","name":"axios","repository":{"type":"git","url":"git+https://github.com/axios/axios.git"},"scripts":{"build":"NODE_ENV=production grunt build","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","examples":"node ./examples/server.js","fix":"eslint --fix lib/**/*.js","postversion":"git push && git push --tags","preversion":"npm test","start":"node ./sandbox/server.js","test":"grunt test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json"},"typings":"./index.d.ts","unpkg":"dist/axios.min.js","version":"0.21.4"}');
module.exports = JSON.parse('{"_args":[["axios@0.21.4","C:\\\\laragon\\\\www\\\\adminpkb"]],"_development":true,"_from":"axios@0.21.4","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"version","registry":true,"raw":"axios@0.21.4","name":"axios","escapedName":"axios","rawSpec":"0.21.4","saveSpec":null,"fetchSpec":"0.21.4"},"_requiredBy":["#DEV:/"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_spec":"0.21.4","_where":"C:\\\\laragon\\\\www\\\\adminpkb","author":{"name":"Matt Zabriskie"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"bugs":{"url":"https://github.com/axios/axios/issues"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"description":"Promise based HTTP client for the browser and node.js","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"homepage":"https://axios-http.com","jsdelivr":"dist/axios.min.js","keywords":["xhr","http","ajax","promise","node"],"license":"MIT","main":"index.js","name":"axios","repository":{"type":"git","url":"git+https://github.com/axios/axios.git"},"scripts":{"build":"NODE_ENV=production grunt build","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","examples":"node ./examples/server.js","fix":"eslint --fix lib/**/*.js","postversion":"git push && git push --tags","preversion":"npm test","start":"node ./sandbox/server.js","test":"grunt test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json"},"typings":"./index.d.ts","unpkg":"dist/axios.min.js","version":"0.21.4"}');
/***/ })
resources/js/components/Chart/KeuntunganChart copy.vue
+63
View File
@@ -0,0 +1,63 @@
<template>
<div class="mx-auto rounded-lg">
<apexchart
width="550" type="bar"
:options="options" :series="this.keun">
</apexchart>
</div>
</template>
<script>
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
export default {
name: 'Chart',
props:{
kodcaw: String,
keun: Array
},
data: () => ({
options: {
chart: {
id: 'keuntungan-bulanan',
zoom: {
enabled: false
}
},
xaxis: {
categories: [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
]
},
yaxis: {
labels: {
formatter: function (value) {
return 'RM ' + formatter.format(value);
}
},
},
},
series: [{
name: 'Keuntungan (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
})
}
</script>
resources/js/components/Chart/KeuntunganChart.vue
+149 -26
View File
@@ -2,8 +2,8 @@
<div class="mx-auto rounded-lg">
<apexchart
width="550" type="line"
:options="options" :series="this.keun">
width="550" type="bar"
:options="chartOptions" :series="this.keun">
</apexchart>
</div>
@@ -16,6 +16,7 @@ const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
let self = this;
export default {
name: 'Chart',
props:{
@@ -23,41 +24,163 @@ export default {
keun: Array
},
data: () => ({
options: {
chart: {
id: 'keuntungan-bulanan',
zoom: {
enabled: false
series: [
{
name: 'Actual',
data: [
{
x: 'Jan',
y: 1292,
// goals:[{name:'Expected',value:1700}]
goals: [
{
name: 'Expected',
value: 1400,
strokeHeight: 5,
strokeColor: '#e74c3c'
}
},
xaxis: {
categories: [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
]
},
{
x: 'Feb',
y: 4432,
// goals: [
// {
// name: 'Expected',
// value: 5400,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Mar',
y: 5423,
// goals: [
// {
// name: 'Expected',
// value: 5200,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Apr',
y: 6653,
// goals: [
// {
// name: 'Expected',
// value: 6500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'May',
y: 8133,
// goals: [
// {
// name: 'Expected',
// value: 6600,
// strokeHeight: 13,
// strokeWidth: 0,
// strokeLineCap: 'round',
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Jun',
y: 7132,
// goals: [
// {
// name: 'Expected',
// value: 7500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Jul',
y: 7332,
// goals: [
// {
// name: 'Expected',
// value: 8700,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Ogos',
y: 6553,
// goals: [
// {
// name: 'Expected',
// value: 7300,
// strokeHeight: 2,
// strokeDashArray: 2,
// strokeColor: '#e74c3c'
// }
// ]
}
]
}
],
chartOptions: {
chart: {
height: 350,
type: 'bar'
},
yaxis: {
labels: {
formatter: function (value) {
// console.log(value)
return 'RM ' + formatter.format(value);
}
},
},
plotOptions: {
bar: {
columnWidth: '60%',
dataLabels: {
position: 'top',
},
}
},
colors: ['#3498db'],
dataLabels: {
enabled: true,
// enabledOnSeries: [0],
style: {
colors: ['#333']
},
offsetY: -30,
formatter: function (val, opt) {
// console.log(this.series.data)
// console.log(keun)
// console.log(opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value'])
let total = ((val - opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) / opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) * 100
// console.log(total.toFixed(0))
return total.toFixed(2)
// return opt.w.globals.labels[opt.dataPointIndex] + ": " + val
},
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}
},
series: [{
name: 'Keuntungan (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
})
}
</script>
resources/js/components/Chart/PembiayaanChart copy.vue
+85
View File
@@ -0,0 +1,85 @@
<template>
<div class="mx-auto rounded-lg">
<apexchart id="pembchart"
width="550" type="line"
:options="options" :series="series">
</apexchart>
</div>
</template>
<script>
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
export default {
name: 'Chart',
props:{
kodcaw: String
},
data: () => ({
options: {
chart: {
id: 'pembiayaan-bulanan',
zoom: {
enabled: false
}
},
xaxis: {
categories: [
"Jan",
"Feb",
"Mac",
"Apr",
"Mei",
"Jun",
"Jul",
"Ogo",
"Sep",
"Okt",
"Nov",
"Dis"
]
},
yaxis: {
labels: {
formatter: function (value) {
return 'RM ' + formatter.format(value);
}
},
},
},
series: [{
name: 'Pembiayaan (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
}),
created() {
this.axios.get('http://localhost:8000/admin/financeMonth', {
params: {
kodcaw: this.kodcaw
}
}).then(response => {
let pembiayaan = [];
response.data.map(function(value, key) {
pembiayaan.push(value.pembiayaan)
});
this.$apexcharts.exec('pembiayaan-bulanan', 'updateSeries', [{
data: pembiayaan.reverse()
}])
}).catch(error => {
console.log(error)
})
}
}
</script>
resources/js/components/Chart/PembiayaanChart.vue
+131 -50
View File
@@ -1,9 +1,9 @@
<template>
<div class="mx-auto rounded-lg">
<apexchart id="pembchart"
width="550" type="line"
:options="options" :series="series">
<apexchart
width="550" type="bar"
:options="chartOptions" :series="this.pemb">
</apexchart>
</div>
@@ -19,32 +19,123 @@ const formatter = new Intl.NumberFormat('en-US', {
export default {
name: 'Chart',
props:{
kodcaw: String
kodcaw: String,
pemb: Array
},
data: () => ({
options: {
chart: {
id: 'pembiayaan-bulanan',
zoom: {
enabled: false
series: [
{
name: 'Actual',
data: [
{
x: 'Jan',
y: 1292,
// goals:[{name:'Expected',value:1700}]
goals: [
{
name: 'Expected',
value: 1400,
strokeHeight: 5,
strokeColor: '#e74c3c'
}
},
xaxis: {
categories: [
"Jan",
"Feb",
"Mac",
"Apr",
"Mei",
"Jun",
"Jul",
"Ogo",
"Sep",
"Okt",
"Nov",
"Dis"
]
},
{
x: 'Feb',
y: 4432,
// goals: [
// {
// name: 'Expected',
// value: 5400,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Mar',
y: 5423,
// goals: [
// {
// name: 'Expected',
// value: 5200,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Apr',
y: 6653,
// goals: [
// {
// name: 'Expected',
// value: 6500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'May',
y: 8133,
// goals: [
// {
// name: 'Expected',
// value: 6600,
// strokeHeight: 13,
// strokeWidth: 0,
// strokeLineCap: 'round',
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Jun',
y: 7132,
// goals: [
// {
// name: 'Expected',
// value: 7500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Jul',
y: 7332,
// goals: [
// {
// name: 'Expected',
// value: 8700,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Ogos',
y: 6553,
// goals: [
// {
// name: 'Expected',
// value: 7300,
// strokeHeight: 2,
// strokeDashArray: 2,
// strokeColor: '#e74c3c'
// }
// ]
}
]
}
],
chartOptions: {
chart: {
height: 350,
type: 'bar'
},
yaxis: {
labels: {
formatter: function (value) {
@@ -52,34 +143,24 @@ export default {
}
},
},
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
name: 'Pembiayaan (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
}),
created() {
this.axios.get('http://localhost:8000/admin/financeMonth', {
params: {
kodcaw: this.kodcaw
colors: ['#3498db'],
dataLabels: {
enabled: false
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}).then(response => {
let pembiayaan = [];
response.data.map(function(value, key) {
pembiayaan.push(value.pembiayaan)
});
this.$apexcharts.exec('pembiayaan-bulanan', 'updateSeries', [{
data: pembiayaan.reverse()
}])
}).catch(error => {
console.log(error)
}
},
})
}
}
</script>
resources/js/components/Chart/PenyelesaianChart copy.vue
+63
View File
@@ -0,0 +1,63 @@
<template>
<div class="mx-auto rounded-lg">
<apexchart
width="550" type="line"
:options="options" :series="this.peny">
</apexchart>
</div>
</template>
<script>
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
export default {
name: 'Chart',
props:{
kodcaw: String,
peny: Array
},
data: () => ({
options: {
chart: {
id: 'penyelesaian-bulanan',
zoom: {
enabled: false
}
},
xaxis: {
categories: [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
]
},
yaxis: {
labels: {
formatter: function (value) {
return 'RM ' + formatter.format(value);
}
},
},
},
series: [{
name: 'Tebus (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
}),
}
</script>
resources/js/components/Chart/PenyelesaianChart.vue
+130 -27
View File
@@ -2,8 +2,8 @@
<div class="mx-auto rounded-lg">
<apexchart
width="550" type="line"
:options="options" :series="this.peny">
width="550" type="bar"
:options="chartOptions" :series="this.peny">
</apexchart>
</div>
@@ -23,29 +23,119 @@ export default {
peny: Array
},
data: () => ({
options: {
chart: {
id: 'penyelesaian-bulanan',
zoom: {
enabled: false
series: [
{
name: 'Actual',
data: [
{
x: 'Jan',
y: 1292,
// goals:[{name:'Expected',value:1700}]
goals: [
{
name: 'Expected',
value: 1400,
strokeHeight: 5,
strokeColor: '#e74c3c'
}
},
xaxis: {
categories: [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
]
},
{
x: 'Feb',
y: 4432,
// goals: [
// {
// name: 'Expected',
// value: 5400,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Mar',
y: 5423,
// goals: [
// {
// name: 'Expected',
// value: 5200,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Apr',
y: 6653,
// goals: [
// {
// name: 'Expected',
// value: 6500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'May',
y: 8133,
// goals: [
// {
// name: 'Expected',
// value: 6600,
// strokeHeight: 13,
// strokeWidth: 0,
// strokeLineCap: 'round',
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Jun',
y: 7132,
// goals: [
// {
// name: 'Expected',
// value: 7500,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Jul',
y: 7332,
// goals: [
// {
// name: 'Expected',
// value: 8700,
// strokeHeight: 5,
// strokeColor: '#e74c3c'
// }
// ]
},
{
x: 'Ogos',
y: 6553,
// goals: [
// {
// name: 'Expected',
// value: 7300,
// strokeHeight: 2,
// strokeDashArray: 2,
// strokeColor: '#e74c3c'
// }
// ]
}
]
}
],
chartOptions: {
chart: {
height: 350,
type: 'bar'
},
yaxis: {
labels: {
formatter: function (value) {
@@ -53,11 +143,24 @@ export default {
}
},
},
plotOptions: {
bar: {
columnWidth: '60%'
}
},
series: [{
name: 'Tebus (RM)',
data: [55, 62, 89, 66, 98, 72, 101, 75, 94, 120, 117, 139]
}]
}),
colors: ['#3498db'],
dataLabels: {
enabled: false
},
legend: {
show: true,
showForSingleSeries: true,
customLegendItems: ['Actual', 'Expected'],
markers: {
fillColors: ['#3498db', '#e74c3c']
}
}
},
})
}
</script>
resources/views/akaunhome.blade.php
+1 -35
View File
@@ -14,39 +14,5 @@
</div>
</main>
<footer class="bg-white md:flex md:items-center md:justify-between shadow rounded-lg p-4 md:p-6 xl:p-8 my-6 mx-4">
<ul class="flex items-center flex-wrap mb-6 md:mb-0">
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Terms and conditions</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Privacy Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Licensing</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Cookie Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline">Contact</a></li>
</ul>
<div class="flex sm:justify-center space-x-6">
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd" />
</svg>
</a>
</div>
@include('layouts.footer')
@endsection
resources/views/cashflow/tunai.blade.php
-173
View File
@@ -16,177 +16,4 @@
</div>
</main>
</div>
{{-- <script>
var api_url = "<?php echo $api_url ?>";
var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
$(listu).each(function(index,element) {
window['tabletunai'+element] = $('#table-' + element).DataTable({
"columnDefs": [
{
"targets": [ 0 ],
"visible": false,
"searchable": false
}
],
responsive: true
});
// console.log(window['tabletunai'+element]);
});
// var tele = "{{ $auth_user['name'] }}";
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
function periksaalirantunai(e)
{
// $('#SemakanAliranTunai').modal('show');
var tarikhteller = $(e).data('tarikh');
var kodcawteller = $(e).data('kodcaw');
var teller = $(e).data('teller');
Swal.fire({
title: 'Memuatkan...',
allowEscapeKey : false,
allowOutsideClick: false,
didOpen: function () {
Swal.showLoading();
}
});
// return ;
$.ajax({
type: 'get',
url: "{{ route('periksa.alirantunai') }}",
data: { 'tarikh' : tarikhteller,'kodcaw' : kodcawteller,'teller' : teller },
success: function(balasbalik){
if(balasbalik == 'sama')
{
Swal.fire({
icon: 'warning',
title: 'Peringatan',
text: 'Aliran tunai selari dengan sistem!'
}).then(function() {
location.reload();
Swal.fire({
title: 'Memuatkan...',
allowEscapeKey : false,
allowOutsideClick: false,
didOpen: function () {
Swal.showLoading();
}
});
});
}else{
$('#semakbakiawal').text('RM ' + formatter.format(balasbalik['bakiawal']));
$('#semakbakisemasa').text('RM ' + formatter.format(balasbalik['bakisemasa']));
$('#semakserahan').text('RM ' + formatter.format(balasbalik['serahan']));
$('#semakpendahuluan').text('RM ' + formatter.format(balasbalik['pendahuluan']));
$('#semakgadaian').text('RM ' + formatter.format(balasbalik['gadaian']));
$('#semakpenebusan').text('RM ' + formatter.format(balasbalik['penebusan']));
$('#semakbakiawal').data('bakiawal', balasbalik['bakiawal']);
$('#semakbakisemasa').data('bakisemasa', balasbalik['bakisemasa']);
$('#semakserahan').data('serahan', balasbalik['serahan']);
$('#semakpendahuluan').data('pendahuluan', balasbalik['pendahuluan']);
$('#semakgadaian').data('gadaian', balasbalik['gadaian']);
$('#semakpenebusan').data('penebusan', balasbalik['penebusan']);
$('#tarikhsemak').val(tarikhteller);
$('#kodcawsemak').val(kodcawteller);
$('#tellersemak').val(teller);
Swal.close();
$('#SemakanAliranTunai').modal();
}
}
});
}
terimafunc = () => {
let bakisemasa = $('#semakbakisemasa').data('bakisemasa');
let serahan = $('#semakserahan').data('serahan');
let pendahuluan = $('#semakpendahuluan').data('pendahuluan');
let gadaian = $('#semakgadaian').data('gadaian');
let penebusan = $('#semakpenebusan').data('penebusan');
let tarikh = $('#tarikhsemak').val();
let kodcaw = $('#kodcawsemak').val();
let teller = $('#tellersemak').val();
$('#SemakanAliranTunai').modal('hide');
$.ajax({
type: 'get',
url: "{{ route('kemaskini.alirantunai') }}",
data: { "bakiakhir" : bakisemasa,
"pendahuluan" : pendahuluan,
"serahan" : serahan,
"gadaian" : gadaian,
"penebusan" : penebusan,
"tarikh" : tarikh,
"kodcaw" : kodcaw,
"teller" : teller
},
success: function(balas){
if(balas == 'berjaya')
{
Swal.fire({
icon: 'success',
title: 'Berjaya',
text: 'Kemaskini Berjaya!',
closeOnClickOutside: false
}).then(function() {
location.reload();
Swal.fire({
title: 'Memuatkan...',
allowEscapeKey : false,
allowOutsideClick: false,
didOpen: function () {
Swal.showLoading();
}
});
});
}else{
Swal.fire({
icon: 'danger',
title: 'Tidak Berjaya',
text: 'Kemaskini tidak berjaya!',
closeOnClickOutside: false
}).then(function() {
location.reload();
Swal.fire({
title: 'Memuatkan...',
allowEscapeKey : false,
allowOutsideClick: false,
didOpen: function () {
Swal.showLoading();
}
});
});
}
}
});
}
</script> --}}
@endsection
resources/views/home.blade.php
+2 -36
View File
@@ -68,7 +68,7 @@
</svg>
</div> --}}
</div>
<div class="mx-auto mt-10"><pemb-chart kodcaw={{ Auth::user()->cawangan }}></pemb-chart></div>
<div class="mx-auto mt-10"><pemb-chart :pemb='{!! json_encode($arrayPembiayaan) !!}' kodcaw={{ Auth::user()->cawangan }}></pemb-chart></div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 2xl:col-span-1">
<div class="flex items-center justify-between mb-4">
@@ -105,39 +105,5 @@
</div>
</div>
</main>
<footer class="bg-white md:flex md:items-center md:justify-between shadow rounded-lg p-4 md:p-6 xl:p-8 my-6 mx-4">
<ul class="flex items-center flex-wrap mb-6 md:mb-0">
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Terms and conditions</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Privacy Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Licensing</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Cookie Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline">Contact</a></li>
</ul>
<div class="flex sm:justify-center space-x-6">
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd" />
</svg>
</a>
</div>
@include('layouts.footer')
@endsection
resources/views/layouts/footer.blade.php
+36
View File
@@ -0,0 +1,36 @@
<footer class="bg-white md:flex md:items-center md:justify-between shadow rounded-lg p-4 md:p-6 xl:p-8 my-6 mx-4">
<ul class="flex items-center flex-wrap mb-6 md:mb-0">
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Terms and conditions</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Privacy Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Licensing</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Cookie Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline">Contact</a></li>
</ul>
<div class="flex sm:justify-center space-x-6">
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd" />
</svg>
</a>
</div>
</footer>
resources/views/pelanggan/detailspelanggan.blade.php
+2 -36
View File
@@ -13,41 +13,7 @@
</div>
</main>
<footer class="bg-white md:flex md:items-center md:justify-between shadow rounded-lg p-4 md:p-6 xl:p-8 my-6 mx-4">
<ul class="flex items-center flex-wrap mb-6 md:mb-0">
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Terms and conditions</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Privacy Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Licensing</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Cookie Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline">Contact</a></li>
</ul>
<div class="flex sm:justify-center space-x-6">
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd" />
</svg>
</a>
</div>
</footer>
@include('layouts.footer')
</div>
@endsection
resources/views/pelanggan/pelanggan.blade.php
+1 -36
View File
@@ -13,40 +13,5 @@
<searchpelanggan-component :route="'{{ route('admin.detailspelanggan', [""]) }}'"></searchpelanggan-component>
</div>
</main>
<footer class="bg-white md:flex md:items-center md:justify-between shadow rounded-lg p-4 md:p-6 xl:p-8 my-6 mx-4">
<ul class="flex items-center flex-wrap mb-6 md:mb-0">
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Terms and conditions</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Privacy Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Licensing</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline mr-4 md:mr-6">Cookie Policy</a></li>
<li><a href="#" class="text-sm font-normal text-gray-500 hover:underline">Contact</a></li>
</ul>
<div class="flex sm:justify-center space-x-6">
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900">
<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd" />
</svg>
</a>
</div>
</footer>
@include('layouts.footer')
@endsection