Initial commit
This commit is contained in:
meusinfirmary
405
resources/views/app/app.blade.php
Executable file
405
resources/views/app/app.blade.php
Executable file
@ -0,0 +1,405 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="\en">
|
||||
|
||||
<head>
|
||||
<title>Movana Fleet Management | @yield('title', 'App')</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<link rel="icon" type="image/x-icon" href="{{ asset('images/favicon.png') }}">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||
<link href="{{ asset('assets/vendor/bootstrap-5.0.2-dist/css/bootstrap.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('assets/vendor/leaflet-1.7.1/leaflet.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('assets/vendor/ionicons-v2.0-1/css/ionicons.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('assets/vendor/select2-4.1.0-rc.0/dist/css/select2.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('assets/vendor/DataTables/datatables.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('assets/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('assets/css/meus.css') }}" rel="stylesheet">
|
||||
<style>
|
||||
.landscape-photo {
|
||||
max-height: max(21vh, 210px);
|
||||
}
|
||||
|
||||
.thumb-img-table {
|
||||
width: max(4vw, 75px);
|
||||
height: max(4vh, 55px);
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.thumb-img-small {
|
||||
width: max(2vw, 45px);
|
||||
height: max(2vh, 35px);
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.thumb-img-landscape {
|
||||
width: max(6vw, 275px);
|
||||
height: max(5vh, 125px);
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.thumb-img-landscape-med {
|
||||
width: max(4vw, 125px);
|
||||
height: max(2vh, 65px);
|
||||
object-fit: contain;
|
||||
}
|
||||
</style>
|
||||
@yield('customcss')
|
||||
</head>
|
||||
|
||||
<body onload="startTime()">
|
||||
@include('template/navbar')
|
||||
@yield('content')
|
||||
{{-- Toast --}}
|
||||
<div class="position-fixed top-0 end-0 p-3" style="z-index: 99999">
|
||||
<div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
|
||||
<div id="liveToast-type" class="toast-header text-dark">
|
||||
{{-- <img src="..." class="rounded me-2" alt="..."> --}}
|
||||
<strong id="liveToast-title" class="me-auto">Title</strong>
|
||||
<small id="liveToast-time">11 mins ago</small>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div id="liveToast-msg" class="toast-body">
|
||||
Hello, world! This is a toast message.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- End Toast --}}
|
||||
<script src="{{ asset('assets/vendor/jquery-3.6.0/jquery-3.6.0.js') }}"></script>
|
||||
<script src="{{ asset('assets/vendor/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/vendor/select2-4.1.0-rc.0/dist/js/select2.full.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/vendor/DataTables/datatables.js') }}"></script>
|
||||
<script src="{{ asset('https://cdn.datatables.net/fixedcolumns/4.0.1/js/dataTables.fixedColumns.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/moment.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/bootstrap-datepicker.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/helper.js') }}"></script>
|
||||
<script>
|
||||
const AppState = {
|
||||
user_role: {
|
||||
current: "{{ Auth::user()->role }}",
|
||||
admin: "{{ \App\Models\Users::ROLE_ADMIN }}",
|
||||
},
|
||||
route_segment1: "{{ Request::segment(1) }}",
|
||||
route_segment2: "{{ Request::segment(2) }}",
|
||||
current_company: 0, // cptid
|
||||
}
|
||||
|
||||
function startTime() {
|
||||
var today = new Date();
|
||||
var h = today.getHours();
|
||||
var m = today.getMinutes();
|
||||
var s = today.getSeconds();
|
||||
m = checkTime(m);
|
||||
// s = checkTime(s);
|
||||
document.getElementById('time').innerHTML =
|
||||
h + ":" + m + ":" + s;
|
||||
// h + ":" + m;
|
||||
var t = setTimeout(startTime, 1000);
|
||||
}
|
||||
|
||||
function checkTime(i) {
|
||||
if (i < 10) {
|
||||
i = "0" + i
|
||||
};
|
||||
return i;
|
||||
}
|
||||
// check if browser back
|
||||
function browserBack() {
|
||||
if (window.performance && window.performance.navigation.type == window.performance.navigation
|
||||
.TYPE_BACK_FORWARD) {
|
||||
return true;
|
||||
}
|
||||
return false
|
||||
}
|
||||
$('.select2').select2({
|
||||
width: '100%'
|
||||
});
|
||||
|
||||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
||||
var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl)
|
||||
})
|
||||
|
||||
// if ({{ Auth::user()->role }} != {{ \App\Models\Users::ROLE_ADMIN }}) {
|
||||
// $('#subNav').remove();
|
||||
// $('#map, .panel-left, .panel-right').css('height', 'calc(100vh - 97.52px)')
|
||||
// }
|
||||
|
||||
const downloadPackingList = function(fileName, sheetName, data = []) {
|
||||
const listDownload = []
|
||||
const merges = []
|
||||
if (data.length < 1) {
|
||||
data.push({
|
||||
'Item Code': 'AF-213',
|
||||
'Description': 'Penggaris',
|
||||
'Weight (kg)': '0',
|
||||
// 'Qty': '5',
|
||||
'Length (cm)': '10',
|
||||
'Wide (cm)': '4',
|
||||
'Height (cm)': '4',
|
||||
'Volume (m3)': '160',
|
||||
}, {
|
||||
'Item Code': 'AF-214',
|
||||
'Description': 'Burble',
|
||||
'Weight (kg)': '3',
|
||||
// 'Qty': '2',
|
||||
'Length (cm)': '0',
|
||||
'Wide (cm)': '0',
|
||||
'Height (cm)': '0',
|
||||
'Volume (m3)': '0',
|
||||
}, {
|
||||
'Item Code': 'krg-01',
|
||||
'Description': 'Karung 01',
|
||||
'Weight (kg)': '10',
|
||||
// 'Qty': '1',
|
||||
'Length (cm)': '0',
|
||||
'Wide (cm)': '0',
|
||||
'Height (cm)': '0',
|
||||
'Volume (m3)': '1000',
|
||||
}, {
|
||||
'Item Code': 'krg-02',
|
||||
'Description': 'Karung 02',
|
||||
'Weight (kg)': '10',
|
||||
// 'Qty': '3',
|
||||
'Length (cm)': '0',
|
||||
'Wide (cm)': '0',
|
||||
'Height (cm)': '0',
|
||||
'Volume (m3)': '1000',
|
||||
}, {
|
||||
'Item Code': 'Note: jika ingin menggunakan comma silahkan gunakan , bukan . Dan jangan gunakan tanda kutip didepan angka :)',
|
||||
'Description': 'Hapus note ini saat upload file',
|
||||
'Weight (kg)': '0',
|
||||
// 'Qty': '0',
|
||||
'Length (cm)': '0',
|
||||
'Wide (cm)': '0',
|
||||
'Height (cm)': '0',
|
||||
'Volume (m3)': '0',
|
||||
});
|
||||
}
|
||||
|
||||
// set meta header
|
||||
listDownload.push({
|
||||
'Item Code': 'Item Code',
|
||||
'Description': 'Description',
|
||||
'Weight (kg)': 'Weight (kg)',
|
||||
// 'Qty': 'Qty',
|
||||
'Length (cm)': 'Dimension',
|
||||
'Wide (cm)': 'Dimension',
|
||||
'Height (cm)': 'Dimension',
|
||||
'Volume (m3)': 'Volume (m3)',
|
||||
});
|
||||
|
||||
// set data header name
|
||||
listDownload.push({
|
||||
'Item Code': '',
|
||||
'Description': '',
|
||||
'Weight (kg)': '',
|
||||
// 'Qty': '',
|
||||
'Length (cm)': 'Length (cm)',
|
||||
'Wide (cm)': 'Wide (cm)',
|
||||
'Height (cm)': 'Height (cm)',
|
||||
'Volume (m3)': '',
|
||||
});
|
||||
|
||||
const rowHeaderOne = 0;
|
||||
const rowHeaderTwo = 1;
|
||||
// start merge col
|
||||
const merge = [{
|
||||
s: {
|
||||
r: rowHeaderOne,
|
||||
c: 0,
|
||||
},
|
||||
e: {
|
||||
r: rowHeaderTwo,
|
||||
c: 0,
|
||||
}
|
||||
},
|
||||
{
|
||||
s: {
|
||||
r: rowHeaderOne,
|
||||
c: 1,
|
||||
},
|
||||
e: {
|
||||
r: rowHeaderTwo,
|
||||
c: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
s: {
|
||||
r: rowHeaderOne,
|
||||
c: 2,
|
||||
},
|
||||
e: {
|
||||
r: rowHeaderTwo,
|
||||
c: 2,
|
||||
}
|
||||
},
|
||||
// {
|
||||
// s: {
|
||||
// r: rowHeaderOne,
|
||||
// c: 3,
|
||||
// },
|
||||
// e: {
|
||||
// r: rowHeaderTwo,
|
||||
// c: 3,
|
||||
// }
|
||||
// },
|
||||
{
|
||||
s: {
|
||||
r: rowHeaderOne,
|
||||
c: 3,
|
||||
},
|
||||
e: {
|
||||
r: rowHeaderOne,
|
||||
c: 5,
|
||||
}
|
||||
},
|
||||
{
|
||||
s: {
|
||||
r: rowHeaderOne,
|
||||
c: 6,
|
||||
},
|
||||
e: {
|
||||
r: rowHeaderTwo,
|
||||
c: 6,
|
||||
}
|
||||
},
|
||||
];
|
||||
|
||||
// end merge col
|
||||
for (const m of merge) {
|
||||
// m.e.r = rowNumber + 1
|
||||
merges.push(m);
|
||||
}
|
||||
|
||||
let rowNumber = 0;
|
||||
const rowHeaderStartFrom = 2;
|
||||
for (const row of data) {
|
||||
const item = {
|
||||
'Item Code': row['Item Code'],
|
||||
'Description': row['Description'],
|
||||
'Weight (kg)': row['Weight (kg)'],
|
||||
// 'Qty': row['Qty'],
|
||||
'Length (cm)': row['Length (cm)'],
|
||||
'Wide (cm)': row['Wide (cm)'],
|
||||
'Height (cm)': row['Height (cm)'],
|
||||
'Volume (m3)': row['Volume (m3)'],
|
||||
};
|
||||
listDownload.push(item);
|
||||
|
||||
rowNumber++;
|
||||
}
|
||||
|
||||
let ws = XLSX.utils.json_to_sheet(listDownload, {
|
||||
header: [
|
||||
'Item Code',
|
||||
'Description',
|
||||
'Weight (kg)',
|
||||
// 'Qty',
|
||||
'Length (cm)',
|
||||
'Wide (cm)',
|
||||
'Height (cm)',
|
||||
'Volume (m3)',
|
||||
],
|
||||
skipHeader: true
|
||||
});
|
||||
ws['!merges'] = merges
|
||||
// ws['!autofilter'] = { ref: "A1:V1" };
|
||||
|
||||
let wb = XLSX.utils.book_new();
|
||||
XLSX.utils.book_append_sheet(wb, ws, sheetName);
|
||||
XLSX.writeFile(wb, fileName);
|
||||
};
|
||||
|
||||
const FilterOuter = {
|
||||
activate: async function() {
|
||||
FilterOuter.event();
|
||||
const {
|
||||
resp
|
||||
} = await FilterOuter.reqData();
|
||||
FilterOuter.passData(resp.data);
|
||||
},
|
||||
event: function() {
|
||||
$('#filter-company').on('change', function() {
|
||||
const slc = $('#filter-company :selected');
|
||||
AppState.current_company = slc.data('cptid');
|
||||
Filter.triggerFilterCompany();
|
||||
});
|
||||
},
|
||||
reqData: function(params = {}) {
|
||||
return new Promise((resolve, reject) => {
|
||||
let url = "{{ route('api_list_clients') }}?";
|
||||
$.ajax({
|
||||
url,
|
||||
method: 'GET',
|
||||
crossDomain: true,
|
||||
processData: true,
|
||||
headers: {
|
||||
'x-api-key': Helper.getCookie('_trtk'),
|
||||
},
|
||||
data: params,
|
||||
success: (data, textStatus, jqXHR) => {
|
||||
if (data.meta.type != 'success') {
|
||||
resolve({
|
||||
type: 'fail',
|
||||
data: null,
|
||||
});
|
||||
Helper.toast('Warning', 'just now', data.meta.message);
|
||||
return false;
|
||||
}
|
||||
resolve({
|
||||
type: 'success',
|
||||
resp: data,
|
||||
});
|
||||
},
|
||||
error: (jqXHR, textStatus, error) => {
|
||||
if (jqXHR.status >= 500) {
|
||||
Helper.toast('Error', 'just now', 'Cannot get lists trucks');
|
||||
} else {
|
||||
Helper.toast('Error', 'just now', jqXHR.responseJSON.meta
|
||||
.message);
|
||||
}
|
||||
resolve({
|
||||
type: 'error',
|
||||
data: null,
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
passData: function(data) {
|
||||
$('#filter-company').html(`
|
||||
<option value="all" data-cptid="0" data-cptname="Semua Perusahaan">Semua Perusahaan</option>
|
||||
`);
|
||||
for (let iData in data) {
|
||||
$('#filter-company').append(`
|
||||
<option value="${data[iData].client_id}" data-cptid="${data[iData].client_id}" data-cptname="${data[iData].c_name}">${data[iData].c_name}</option>
|
||||
`);
|
||||
}
|
||||
$('#filter-company').select2({
|
||||
width: '100%'
|
||||
});
|
||||
},
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
setTimeout(() => {
|
||||
if (AppState.user_role.current != AppState.user_role.admin) return false;
|
||||
const AllowRouteSegment1 = ['dashboard', 'transactions', 'clients', 'zone', 'users', 'drivers', 'vehicles'];
|
||||
if (!AllowRouteSegment1.includes(AppState.route_segment1)) {
|
||||
const AllowRouteSegment2 = ['pocket'];
|
||||
if (!AllowRouteSegment2.includes(AppState.route_segment2)) {
|
||||
$('#subNav').addClass('d-none');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
FilterOuter.activate();
|
||||
}, 3000);
|
||||
});
|
||||
</script>
|
||||
@yield('customjs')
|
||||
</body>
|
||||
|
||||
</html
|
||||
80
resources/views/app/auth.blade.php
Executable file
80
resources/views/app/auth.blade.php
Executable file
@ -0,0 +1,80 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- CSRF Token -->
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>Trucking | @yield('title', 'App')</title>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="{{ asset('js/app.js') }}" defer></script>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="{{ url('/') }}">
|
||||
{{ config('app.name', 'Laravel') }}
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<!-- Left Side Of Navbar -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
|
||||
</ul>
|
||||
|
||||
<!-- Right Side Of Navbar -->
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<!-- Authentication Links -->
|
||||
@guest
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
|
||||
</li>
|
||||
@if (Route::has('register'))
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
|
||||
</li>
|
||||
@endif
|
||||
@else
|
||||
<li class="nav-item dropdown">
|
||||
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
|
||||
{{ Auth::user()->name }}
|
||||
</a>
|
||||
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="{{ route('logout') }}"
|
||||
onclick="event.preventDefault();
|
||||
document.getElementById('logout-form').submit();">
|
||||
{{ __('Logout') }}
|
||||
</a>
|
||||
|
||||
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
|
||||
@csrf
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
@endguest
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="py-4">
|
||||
@yield('content')
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user