<!DOCTYPE html>
<html lang="en">
<head>
<!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Responsive Admin Dashboard Template">
<meta name="keywords" content="admin,dashboard">
<meta name="author" content="stacks">
<!-- Title -->
<title>{{ $title }} | DBON Keuangan</title>
<link rel="shortcut icon" href="{{ asset('images') }}/favicon.png" />
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
rel="stylesheet">
<link href="{{ asset('template') }}/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ asset('template') }}/plugins/font-awesome/css/all.min.css" rel="stylesheet">
<link href="{{ asset('template') }}/plugins/DataTables/datatables.min.css" rel="stylesheet">
<!-- Theme Styles -->
<link href="{{ asset('template') }}/css/connect.min.css" rel="stylesheet">
{{-- <link href="{{ asset('template') }}/css/dark_theme.css" rel="stylesheet"> --}}
<link href="{{ asset('template') }}/css/custom.css" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('template') }}/css/sweetalert2.min.css">
<link href="{{ asset('template') }}/css/select2.min.css" id="app-style" rel="stylesheet" type="text/css" />
</head>
<body
class="{{ Request()->segment(1) == 'transaksi' || Request()->segment(1) == 'rincian-biaya' || Request()->segment(1) == 'rincian-anggaran' || Request()->segment(1) == 'rincian-kas' || Request()->segment(1) == 'rincian-bank' || Request()->segment(1) == 'rincian-uang-muka' ? 'compact-sidebar' : '' }}">
<?php
use Illuminate\Http\Request;
use App\Models\Company;
$request = Request();
?>
<div class='loader'>
<div class='spinner-grow text-primary' role='status'>
<span class='sr-only'>Loading...</span>
</div>
</div>
<div class="connect-container align-content-stretch d-flex flex-wrap">
<div class="page-sidebar">
<div class="logo-box">
<a href="#" class="logo-text">
LOGO
{{-- <img src="{{ asset('images') }}/{{ Company::first()->photo }}" alt="" style="width: 70%;"> --}}
</a>
<a href="#" id="sidebar-close"><i class="material-icons">close</i></a>
<a href="#" id="sidebar-state"><i class="material-icons">adjust</i><i
class="material-icons compact-sidebar-icon">panorama_fish_eye</i></a>
</div>
<div class="page-sidebar-inner slimscroll">
<ul class="accordion-menu">
<li class="{{ request()->is('dashboard*') ? 'active-page' : '' }}">
<a href="{{ route('dashboard') }}"
class="waves-effect {{ request()->is('dashboard*') ? 'active' : '' }}">
<i class="material-icons-outlined" style="font-size: 30px;">home</i>
<span> Dashboard</span>
</a>
</li>
<li class="sidebar-title">
Menu
</li>
@if (Auth::user()->role_id == 1 ||
Helpers::hakAkses('User', 'view') ||
Helpers::hakAkses('Tahun Rekening', 'view') ||
Helpers::hakAkses('Rekening', 'view'))
<li
class="{{ request()->is('role*') || request()->is('group-user*') || request()->is('manajemen-user*') || request()->is('kode-rekening*') || request()->is('rekening*') || request()->is('tahun-rekening*') ? 'active-page' : '' }}">
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="material-icons-outlined" style="font-size: 30px;">folder_open</i>
<span>Data Dasar</span>
</a>
<ul class="sub-menu" aria-expanded="false">
@if (Auth::user()->role_id == 1)
{{-- <li>
<a href="/role" style="color: white;">Role</a>
<a href="{{ route('kelurahan.index') }}" class="{{ (request()->is('kelurahan*')) ? 'mm-active' : '' }}">Kelurahan</a>
</li> --}}
<li>
<a href="/group-user" class="sub_sidebar" style="color: white;">Group User</a>
</li>
@endif
@if (Helpers::hakAkses('User', 'view'))
<li>
<a href="/manajemen-user" class="sub_sidebar" style="color: white;">Manajemen
User</a>
</li>
@endif
@if (Helpers::hakAkses('Aktiva', 'view'))
<li>
<a href="/aktiva" style="color: white;" class="sub_sidebar">Aktiva</a>
</li>
@endif
@if (Helpers::hakAkses('Kewajiban dan Ekuitas', 'view'))
<li>
<a href="/ekuitas" style="color: white;" class="sub_sidebar">Kewajiban dan
Ekuitas</a>
</li>
@endif
@if (Helpers::hakAkses('Tahun Rekening', 'view'))
<li>
<a href="/tahun-rekening" class="sub_sidebar" style="color: white;">Tahun
Rekening</a>
</li>
@endif
@if (Helpers::hakAkses('Rekening', 'view'))
<li>
<a href="/rekening" class="sub_sidebar" style="color: white;">Rekening</a>
</li>
@endif
</ul>
</li>
@endif
{{-- <li class="{{ (request()->is('kwitansi*')) ? 'active-page' : '' }}">
<a href="/kwitansi" class="waves-effect {{ (request()->is('kwitansi*')) ? 'active' : '' }}">
<i class="material-icons-outlined" style="font-size: 30px;">receipt</i>
<span>Kwitansi</span>
</a>
</li> --}}
@if (Helpers::hakAkses('Transaksi', 'view'))
<li class="{{ request()->is('transaksi*') ? 'active-page' : '' }}">
<a href="/transaksi"
class="waves-effect {{ request()->is('transaksi*') ? 'active' : '' }}">
<i class="material-icons-outlined" style="font-size: 30px;">paid</i>
<span>Transaksi</span>
</a>
</li>
@endif
@if (Helpers::hakAkses('Laporan', 'view rincian biaya') || Helpers::hakAkses('Laporan', 'view rincian anggaran'))
{{-- class="{{ request()->is('rincian-biaya*') || request()->is('rincian-anggaran*') ? 'active-page' : '' }}" --}}
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="material-icons-outlined" style="font-size: 30px;">summarize</i>
<span> Laporan</span>
</a>
<ul class="sub-menu" aria-expanded="false">
@if (Helpers::hakAkses('Laporan', 'view rincian biaya'))
<li>
<a href="/rincian-biaya" class="sub_sidebar" style="color: white;">Rincian
Biaya</a>
</li>
@endif
@if (Helpers::hakAkses('Laporan', 'view rincian anggaran'))
<li>
<a href="/rincian-anggaran" class="sub_sidebar" style="color: white;">Rencana
Anggaran</a>
</li>
@endif
@if (Helpers::hakAkses('Laporan', 'view neraca anggaran'))
<li>
<a href="/neraca-anggaran" class="sub_sidebar" style="color: white;">Neraca
Anggaran</a>
</li>
@endif
@if (Helpers::hakAkses('Laporan', 'view rincian Kas'))
<li>
<a href="/rincian-kas" class="sub_sidebar" style="color: white;">Rincian
Kas</a>
</li>
@endif
@if (Helpers::hakAkses('Laporan', 'view rincian Bank'))
<li>
<a href="/rincian-bank" class="sub_sidebar" style="color: white;">Rincian
Bank</a>
</li>
@endif
@if (Helpers::hakAkses('Laporan', 'view rincian Uang Muka'))
<li>
<a href="/rincian-uang-muka" class="sub_sidebar"
style="color: white;">Rincian Uang Muka</a>
</li>
@endif
</ul>
</li>
@endif
{{-- @if (Helpers::hakAkses('Laporan', 'view rincian biaya') || Helpers::hakAkses('Laporan', 'view rincian anggaran'))
<li class="{{ (request()->is('laporan-rincian-biaya*') || request()->is('laporan-rincian-anggaran*')) ? 'active-page' : '' }}" >
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="material-icons-outlined" style="font-size: 30px;">summarize</i>
<span> Laporan Cetak</span>
</a>
<ul class="sub-menu" aria-expanded="false">
@if (Helpers::hakAkses('Laporan', 'view rincian biaya'))
<li>
<a href="/laporan-rincian-biaya" style="color: white;">Rincian Biaya</a>
</li>
@endif
@if (Helpers::hakAkses('Laporan', 'view rincian anggaran'))
<li>
<a href="/laporan-rincian-anggaran" style="color: white;">Rencana Anggaran</a>
</li>
@endif
</ul>
</li>
@endif --}}
{{-- <li class="{{ (request()->is('manajemen-user*')) ? 'active-page' : '' }}">
<a href="/manajemen-user" class="waves-effect {{ (request()->is('manajemen-user*')) ? 'active' : '' }}">
<i class="material-icons-outlined" style="font-size: 30px;">person</i>
<span>User</span>
</a>
</li> --}}
{{-- <li class="sidebar-title">
Apps
</li>
<li class="{{ $request->segment(1) == 'dashboard' ? 'active-page' : '' }}">
<a href="/dashboard" class="{{ $request->segment(1) == 'dashboard' ? 'active' : '' }}"><i
class="material-icons-outlined">dashboard</i>Dashboard</a>
</li>
@if (Auth::user()->level == 1)
<li class="{{ $request->segment(1) == 'transaction' ? 'active-page' : '' }}">
<a href="/transaction" class="{{ $request->segment(1) == 'transaction' ? 'active' : '' }}"><i
class="material-icons-outlined">paid</i>Transaction</a>
</li>
<li class="{{ $request->segment(1) == 'report' ? 'active-page' : '' }}">
<a href="{{ route('report') }}"
class="{{ $request->segment(1) == 'report' ? 'active-page' : '' }}"><i
class="material-icons-outlined">description</i>Report</a>
</li>
<li class="{{ $request->segment(1) == 'users' ? 'active-page' : '' }}">
<a href="{{ route('users.index') }}"
class="{{ $request->segment(1) == 'users' ? 'active-page' : '' }}"><i
class="material-icons-outlined">person</i>User</a>
</li>
<li class="{{ $request->segment(1) == 'company' ? 'active-page' : '' }}">
<a href="/company"
class="{{ $request->segment(1) == 'company' ? 'active-page' : '' }}"><i
class="material-icons-outlined">apartment</i>Company's Info</a>
</li>
@else
<li class="{{ $request->segment(1) == 'report' ? 'active-page' : '' }}">
<a href="{{ route('report') }}"
class="{{ $request->segment(1) == 'report' ? 'active-page' : '' }}"><i
class="material-icons-outlined">description</i>Report</a>
</li>
@endif --}}
</ul>
</div>
</div>
<div class="page-container">
<div class="page-header">
<nav class="navbar navbar-expand">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="navbar-nav">
<li class="nav-item small-screens-sidebar-link">
<a href="#" class="nav-link"><i class="material-icons-outlined">menu</i></a>
</li>
<li class="nav-item nav-profile dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@if (Auth::user()->photo != '')
<img src="{{ Auth::user()->photo }}" alt="profile image">
@else
<img src="{{ asset('images/default.png') }}" alt="profile image">
@endif
<span>{{ Auth::user()->name }}</span><i
class="material-icons dropdown-icon">keyboard_arrow_down</i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ route('profile') }}">Profile</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-toggle="modal"
data-target="#modalLogout">Log out</a>
</div>
</li>
</ul>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
{{-- <li class="nav-item">
<a href="#" class="nav-link" id="dark-theme-toggle"><i
class="material-icons-outlined">brightness_2</i><i
class="material-icons">brightness_2</i></a>
</li> --}}
<div class="collapse navbar-collapse" id="navbarNav">
<div id="clock"></div>
</div>
</ul>
</div>
</nav>
</div>
<script src="{{ asset('template') }}/plugins/jquery/jquery-3.4.1.min.js"></script>
<div class="page-content">
@yield('content')
</div>
<div class="page-footer">
<div class="row">
<div class="col-md-12">
<span class="footer-text">{{ date('Y') }} || GreenNusa</span>
</div>
</div>
</div>
</div>
</div>
{{-- Modal Log Out --}}
<div class="modal fade" id="modalLogout" tabindex="-1" role="dialog" aria-labelledby="modalLogoutLabel" Add
Users="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalLogoutLabel">Warning</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="material-icons">close</i>
</button>
</div>
<div class="modal-body">
<p>Sure you want to log out?</p>
</div>
<div class="modal-footer">
<a href="{{ route('logout') }}" class="btn btn-primary" autofocus>Yes</a>
<button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
</div>
</div>
</div>
</div>
<!-- Javascripts -->
<script src="{{ asset('template') }}/js/chart.js"></script>
<script src="{{ asset('template') }}/plugins/bootstrap/popper.min.js"></script>
<script src="{{ asset('template') }}/plugins/DataTables/datatables.min.js"></script>
<script src="{{ asset('template') }}/plugins/apexcharts/dist/apexcharts.min.js"></script>
<script src="{{ asset('template') }}/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="{{ asset('template') }}/js/connect.min.js"></script>
<script src="{{ asset('template') }}/js/pages/dashboard.js"></script>
<script src="{{ asset('template') }}/js/jquery.min.js"></script>
<script src="{{ asset('template') }}/js/select2.min.js"></script>
<script src="{{ asset('template') }}/js/sweetalert2.min.js"></script>
@if (session()->has('success'))
<script>
let message = '{{ session('success') }}';
Swal.fire({
icon: 'success',
title: 'Succes!',
text: message,
})
</script>
@endif
@if (session()->has('gagal'))
<script>
let message = '{{ session('gagal') }}';
Swal.fire({
icon: 'error',
title: 'Gagal!',
text: message,
})
</script>
@endif
<script type="text/javascript">
$(document).ready(function() {
// Jquery Dependency
$("input[data-type='currency']").on({
keyup: function() {
formatCurrency($(this));
},
blur: function() {
formatCurrency($(this), "blur");
}
});
function formatNumber(n) {
// format number 1000000 to 1,234,567
return n.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",")
}
function backformatNumber(n) {
// format number 1000000 to 1,234,567
return n.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, "")
}
function formatCurrency(input, blur) {
// appends $ to value, validates decimal side
// and puts cursor back in right position.
// get input value
var input_val = input.val();
// don't validate empty input
if (input_val === "") {
return;
}
// original length
var original_len = input_val.length;
// initial caret position
var caret_pos = input.prop("selectionStart");
// check for decimal
if (input_val.indexOf(".") >= 0) {
// get position of first decimal
// this prevents multiple decimals from
// being entered
var decimal_pos = input_val.indexOf(".");
// split number by decimal point
var left_side = input_val.substring(0, decimal_pos);
var right_side = input_val.substring(decimal_pos);
// add commas to left side of number
left_side = formatNumber(left_side);
// validate right side
right_side = formatNumber(right_side);
// On blur make sure 2 numbers after decimal
if (blur === "blur") {
right_side += "00";
}
// Limit decimal to only 2 digits
right_side = right_side.substring(0, 2);
// join number by .
input_val = "$" + left_side + "." + right_side;
} else {
// no decimal entered
// add commas to number
// remove all non-digits
input_val = formatNumber(input_val);
input_val = input_val;
// final formatting
// if (blur === "blur") {
// input_val += ".00";
// }
}
// send updated string to input
input.val(input_val);
// put caret back in the right position
var updated_len = input_val.length;
caret_pos = updated_len - original_len + caret_pos;
input[0].setSelectionRange(caret_pos, caret_pos);
}
@yield('jquery')
@if (Request()->segment(1) == 'transaksi' ||
Request()->segment(1) == 'rincian-biaya' ||
Request()->segment(1) == 'rincian-anggaran' ||
Request()->segment(1) == 'rincian-kas' ||
Request()->segment(1) == 'rincian-bank' ||
Request()->segment(1) == 'rincian-uang-muka')
$(".sub_sidebar").css("color", "black");
@endif
var toggle = 1;
$('#sidebar-state').click(function() {
if ($('body').attr('class') == "no-loader compact-sidebar") {
$(".sub_sidebar").css("color", "black");
} else {
$(".sub_sidebar").css("color", "white");
}
// if (toggle == 1) {
// toggle = 0;
// $(".sub_sidebar").css("color", "black");
// } else {
// toggle = 1;
// $(".sub_sidebar").css("color", "white");
// }
});
// var toggles = 0;
$('.nav-link').click(function() {
$(".sub_sidebar").css("color", "white");
});
@yield('chart')
});
function showTime() {
var months = ['January', 'February', 'March', 'April', 'Mei', 'June', 'July', 'August', 'September', 'October',
'November', 'December'
];
var myDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thusrday', 'Friday', 'Saturday'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var a_p = "";
var today = new Date();
var curr_hour = today.getHours();
var curr_minute = today.getMinutes();
var curr_second = today.getSeconds();
if (curr_hour < 12) {
a_p = "AM";
} else {
a_p = "PM";
}
if (curr_hour == 0) {
curr_hour = 12;
}
if (curr_hour > 12) {
curr_hour = curr_hour - 12;
}
curr_hour = checkTime(curr_hour);
curr_minute = checkTime(curr_minute);
curr_second = checkTime(curr_second);
document.getElementById('clock').innerHTML = thisDay + ', ' + day + ' ' + months[
month] +
' ' +
year + ' ' + curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
setInterval(showTime, 500);
</script>
<script>
setTimeout(function() {
document.querySelector('.alert').style.display = 'none';
}, 3000);
</script>
<script>
$(document).ready(function() {
$('#zero-conf').DataTable();
});
</script>
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell