164 lines
7.6 KiB
PHP
164 lines
7.6 KiB
PHP
@extends('indexlayout')
|
|
|
|
@section('title', 'Dashboard')
|
|
@push('style')
|
|
@endpush
|
|
@section('content')
|
|
<div class="row">
|
|
<main id="js-page-content" role="main" class="page-content">
|
|
<ol class="breadcrumb page-breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
|
|
<li class="breadcrumb-item active">Dashboard</li>
|
|
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
|
|
</ol>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xl-3">
|
|
<div class="p-1 card border-yellow border position-relative mb-g">
|
|
<div class="card-body">
|
|
<h3 class="display-4 d-block l-h-n m-0 fw-500" style="color:#fd7e14;">
|
|
13.563
|
|
<small class="m-1 l-h-n">Jumlah Pegawai</small>
|
|
</h3>
|
|
<i class="fal fa-user position-absolute pos-right pos-bottom mb-2 m-3 p-sm-3"
|
|
style="font-size: 4rem; color:#fd7e14;"></i>
|
|
{{-- <div class="float-end">
|
|
<i class="ri-account-box-fill widget-icon" style="color:pink"></i>
|
|
</div> --}}
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
</div> <!-- end col-->
|
|
<div class="col-sm-6 col-xl-3">
|
|
<div class="p-1 card border-yellow border position-relative mb-g ">
|
|
<div class="card-body">
|
|
<h3 class="display-4 d-block l-h-n m-0 fw-500" style="color:#2f74f5;">
|
|
3,518
|
|
<small class="m-1 l-h-n"> Jumlah Bank Sampah</small>
|
|
</h3>
|
|
<i class="fa fa-laptop-house position-absolute pos-right pos-bottom mb-2 m-3 p-sm-3"
|
|
style="font-size: 4rem; color:#2f74f5;"></i>
|
|
|
|
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
</div>
|
|
<div class="col-sm-6 col-xl-3">
|
|
<div class="p-1 card border-yellow border position-relative mb-g ">
|
|
<div class="card-body">
|
|
<h3 class="display-4 d-block l-h-n m-0 fw-500" style="color:#faab00;">
|
|
2,665
|
|
<small class="m-1 l-h-n"> Jumlah KDO/KDOK</small>
|
|
</h3>
|
|
<i class="fal fa-truck position-absolute pos-right pos-bottom mb-2 m-3 p-sm-3"
|
|
style="font-size: 4rem; color:#faab00;"></i>
|
|
|
|
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
</div>
|
|
<div class="col-sm-6 col-xl-3">
|
|
<div class="p-1 card border-yellow border position-relative mb-g ">
|
|
<div class="card-body">
|
|
<h3 class="display-4 d-block l-h-n m-0 fw-500" style="color:#3bc0c3;">
|
|
216,504
|
|
<small class="m-1 l-h-n"> Jumlah Rumah Memilah</small>
|
|
</h3>
|
|
<i class="fal fa-home position-absolute pos-right pos-bottom mb-2 m-3 p-sm-3"
|
|
style="font-size: 4rem; color:#3bc0c3;"></i>
|
|
|
|
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
</div>
|
|
|
|
{{-- <div class="col-sm-6 col-xl-3">
|
|
<div class="p-1 card border-light border position-relative mb-g">
|
|
<div class="card-body">
|
|
<h3 class="card-title" style="color:#FFA500">Jumlah KDO</h3>
|
|
<h1 class="card-text" style="color:#FFA500">2,500</h1>
|
|
<div class="col-md-4">
|
|
<i class=" ri-truck-fill widget-icon md-" style="color:#FFA500"></i>
|
|
</div>
|
|
<div class="float-end">
|
|
<i class="ri-account-box-fill widget-icon" style="color:pink"></i>
|
|
</div>
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
</div>
|
|
<div class="col-sm-6 col-xl-3">
|
|
<div class="p-1 card border-light border position-relative mb-g">
|
|
<div class="card-body">
|
|
<h3 class="card-title" style="color:#3bc0c3">Jumlah Rumah Memilah</h3>
|
|
<h1 class="card-text" style="color:#3bc0c3">350</h1>
|
|
<div class="col-md-4">
|
|
<i class=" ri-home-8-fill widget-icon md-" style="color:#3bc0c3"></i>
|
|
</div>
|
|
<div class="float-end">
|
|
<i class="ri-account-box-fill widget-icon" style="color:pink"></i>
|
|
</div>
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
</div> --}}
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-lg-7">
|
|
<div id="panel-6" class="panel">
|
|
<div class="panel-hdr">
|
|
<h2>
|
|
Total Realisasi Anggaran Dinas, Sudin dan UPT
|
|
</h2>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div id="linechart">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="panel-6" class="panel col-lg-5">
|
|
<div class="panel-hdr">
|
|
<h2>Postur Anggaran </h2>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div class="panel-content p-0 mb-1 m-3">
|
|
|
|
</div>
|
|
<div class="panel-content">
|
|
<div id="chartpie">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div id="panel-6" class="panel">
|
|
<div class="panel-hdr">
|
|
<h2>
|
|
Realisasi dan SPS Update Per Entitas
|
|
</h2>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div id="anggarands">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@push('script')
|
|
<script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
|
|
{{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
|
|
<script src="{{ asset('layout/dist/js/tabel.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/linechart.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/chartpie.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/anggarands.js') }}"></script>
|
|
@endpush
|