73 lines
4.5 KiB
PHP
73 lines
4.5 KiB
PHP
<!-- base layout -->
|
|
@extends('layouts.vertical', ['subtitle' => 'Dashboards'])
|
|
<!-- style -->
|
|
@section('css')
|
|
@vite(['resources/scss/dashboards/potentials/_outside_system.scss'])
|
|
@endsection
|
|
<!-- content -->
|
|
@section('content')
|
|
@include('layouts.partials.page-title', ['title' => 'Dashboards', 'subtitle' => 'Luar Sistem'])
|
|
<div class="outside-system-wrapper" id="outside-system-wrapper">
|
|
<div class="row">
|
|
<div class="d-flex justify-content-between align-items-center mt-3 ms-2">
|
|
<h2 class="text-danger m-0">
|
|
ANALISA BIG DATA MELALUI APLIKASI <br>
|
|
SIBEDAS PBG LUAR SISTEM
|
|
</h2>
|
|
<div class="text-black text-end d-flex flex-column align-items-end me-3">
|
|
<input type="text" class="form-control mt-2" style="max-width: 125px;" id="datepicker-outside-system" placeholder="Filter Date" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="outside-system-fixed-container" class="" style="width:880px;height:770px;position:relative;margin:auto;z-index:1;">
|
|
<div style="position: absolute; top: 70px; left: 50px; width: 200px; height: 500px;">
|
|
@component('components.circle', [
|
|
'document_title' => 'Non Usaha',
|
|
'document_color' => '#399787',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'outside-system-non-business',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:10px;'
|
|
])
|
|
@endcomponent
|
|
<div class="square dia-top-right-bottom-left" style="top:10px;left:180px;width:230px;height:120px;"></div>
|
|
@component('components.circle', [
|
|
'document_title' => 'Usaha',
|
|
'document_color' => '#5e7c89',
|
|
'document_type' => 'Berkas',
|
|
'document_id' => 'outside-system-business',
|
|
'visible_small_circle' => true,
|
|
'style' => 'top:300px;'
|
|
])
|
|
@endcomponent
|
|
<div class="square dia-top-right-bottom-left" style="top:320px;left:170px;width:200px;height:100px;"></div>
|
|
|
|
<div class="square dia-top-left-bottom-right" style="top:120px;left:180px;width:500px;height:120px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:410px;left:180px;width:500px;height:160px;"></div>
|
|
</div>
|
|
<div style="position: absolute; top: 50px; left: 350px; width: 200px; height: 550px;">
|
|
<div class="square" style="width:200px;height:2px;background-color:black;left:100px;top:70px;"></div>
|
|
<x-custom-circle title="Keterangan Rencana Kota (KRK)" size="large" style="background-color: #306364;position: absolute;" />
|
|
<x-custom-circle title="Keterangan Rencana Kota (KRK)" size="large" style="background-color: #38b64b;position: absolute; top: 320px;" />
|
|
<div class="square" style="width:200px;height:2px;background-color:black;left:100px;top:390px;"></div>
|
|
</div>
|
|
<div style="position: absolute; top: 50px; left: 600px; width: 200px; height: 650px;">
|
|
<x-custom-circle title="Samirindu DPMPTSP" size="large" style="background-color: #0e4753;position: absolute; top: 0px;" />
|
|
<x-custom-circle title="RAB dan Gambar" size="large" style="background-color: #f0195b;position: absolute; top: 160px;" />
|
|
<x-custom-circle title="OSS RBA (Nasional)" size="large" style="background-color: #38b64b;position: absolute; top: 320px;" />
|
|
<x-custom-circle title="Dokumen Lingkungan (DLH)" size="large" style="background-color: #393536;position: absolute; top: 480px;" />
|
|
<div class="square dia-top-left-bottom-right" style="top:50px;left:120px;width:250px;height:250px;"></div>
|
|
<div class="square dia-top-left-bottom-right" style="top:230px;left:120px;width:220px;height:100px;"></div>
|
|
<div class="square dia-top-right-bottom-left" style="top:320px;left:120px;width:200px;height:100px;"></div>
|
|
<div class="square dia-top-right-bottom-left" style="top:350px;left:120px;width:250px;height:200px;"></div>
|
|
</div>
|
|
<div style="position: absolute; top: 50px; left: 900px; width: 200px; height: 550px;">
|
|
<x-custom-circle title="Pemohon" size="large" style="background-color: #393536;position: absolute; top: 250px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
<!-- javascripts -->
|
|
@section('scripts')
|
|
@vite(['resources/js/dashboards/potentials/outside_system.js'])
|
|
@endsection |