ilham
/
dikplhd
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

main
Ilham Wara Nugroho 2025-09-19 09:09:48 +07:00
parent f14583404e
commit 8f9971f656
10 changed files with 435 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
app/Http/Controllers/FrontController.php
View File

@ -7,19 +7,73 @@ use App\Models\Master\Template;
use App\Models\Master\Topik;
use App\Models\Master\Instansi;
use App\Models\Dataset;
use App\Models\DatasetTambahan;
class FrontController extends Controller
{
function index() {
$data = [];
$data['topik'] = Topik::all();
$data['template'] = Template::all();
$data['dataset'] = Dataset::orderBy('DatasetId','DESC')->limit(5)->get();
$data['template'] = Template::where('show_dashboard',1)->limit(4)->inRandomOrder()->get();
$data['dataset'] = Dataset::orderBy('DatasetId','DESC')->limit(4)->get();
$data['count'] = [
'dataset' => Dataset::count(),
'resource' => Template::count(),
'instansi' => Instansi::count(),
];
return view('index',$data);
}
function resource() {
$data = [];
$data['template'] = Template::simplePaginate(12);
return view('resource',$data);
}
function dataset_detail($id) {
$keyId = decode_id($id);
$data['dataset'] = Dataset::find($keyId);
$data['lainnya'] = Dataset::with(['instansi'])->where('DatasetId','!=',$keyId)->limit(4)->get();
$data['keyId'] = $keyId;
return view('dataset-detail',$data);
}
public function gridDetail(Request $request)
{
$id = $request->query('id');
$keyId = $id;
$item = Dataset::find($keyId); // atau pakai ->pluck(), ->find(), dll
$json = json_decode($item->data, true);
$limit = $request->input('limit', 10);
$offset = $request->input('offset', 0);
$rows = array_slice($json, $offset, $limit);
return response()->json([
'total' => count($json),
'rows' => $rows
]);
}
function datasetTambahan_detail($id) {
$keyId = decode_id($id);
$data['dataset'] = DatasetTambahan::find($keyId);
$data['keyId'] = $keyId;
return view('dataset-detail',$data);
}
function dataset() {
$data = [];
$data['template'] = Template::simplePaginate(12);
$data['instansi'] = Instansi::all();
$data['dataset'] = Dataset::orderBy('DatasetId','DESC')->paginate(10);
return view('dataset',$data);
}
function datasetTambahan() {
$data = [];
$data['dataset'] = DatasetTambahan::orderBy('DatasetTambahanId','DESC')->paginate(10);
$data['instansi'] = Instansi::all();
return view('dataset-tambahan',$data);
}
function search() {
$data['topik'] = Topik::all();
$data['template'] = Template::all();

BIN
public/assets/.DS_Store vendored
View File

Binary file not shown.

BIN
public/assets/Background2.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

92
resources/views/dataset-detail.blade.php 100644
View File

@ -0,0 +1,92 @@
@extends('layouts.app')
@section('css')
@endsection
@section('content')
<section class="container relative pt-30 py-20 pb-0 px-5 flex flex-col gap-5">
<div class="relative flex justify-between items-center content-center mb-10">
<div>
<h1 class="">Home / <a href="{{ url('dataset') }}">Dataset</a> / <span class="bold">{{ $dataset->name }}</span></h1>
</div>
</div>
</section>
<section class="container pb-10 pt-10 px-5">
<div class="flex flex-col gap-6">
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
<div class="flex flex-col gap-3 items-center text-center w-1/4">
<img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
<h1 class="font-bold">{{ $dataset->instansi->name }}</h1>
<a href="{{asset('uploads/'.$dataset->file)}}" class="rounded-full text-[12px] bg-success text-white px-2 py-1">Download <i class="ri-download-line"></i></a>
</div>
<div class="flex items-center justify-between w-3/4">
<div class="flex flex-col gap-3">
<div class="">
<h5 class="font-bold">{{ $dataset->name }}</h5>
</div>
<div>
<p>{{ $dataset->deskripsi }}</p>
</div>
<div class="mt-1 flex flex-row gap-2 items-center">
<span class="rounded-full text-[10px] bg-[#103760] text-white px-2 py-1">{{$dataset->tahun}}</span>
<span class="rounded-full text-[10px] hidden lg:block bg-[#103760] text-white px-2 py-1">{{$dataset->template->name}}</span>
</div>
<div class="flex gap-1">
<span>Bagikan : </span>
<a href=""><i class="p-1 rounded-full bg-[#aaa] text-white ri-facebook-line"></i></a>
<a href=""><i class="p-1 rounded-full bg-[#aaa] text-white ri-whatsapp-line"></i></a>
<a href=""><i class="p-1 rounded-full bg-[#aaa] text-white ri-twitter-line"></i></a>
</div>
</div>
</div>
</div>
<?php
$data = json_decode($dataset->data);
?>
@if(@$data)
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
<div style="overflow-x:auto;">
<table id="table"
data-toggle="table"
data-search="false"
data-pagination="true"
data-side-pagination="server"
data-url="{{ url('dataset/Griddetail?id='.@$keyId) }}"
>
<thead>
<tr class="bg-primary-light text-primary">
@if (!empty($data))
@foreach ($data[0] as $k => $key)
<th data-field="{{$k}}" class="gridjs-td gridjs-th text-xs">{{ ucwords(str_replace('_', ' ', $k)) }}</th>
@endforeach
@endif
</tr>
</thead>
</table>
</div>
</div>
@endif
</div>
</section>
<section class="relative bg-[#F0F0F0] ">
<div class="container px-10 py-10">
<div class="relative flex justify-between items-center content-center mb-10">
<div>
<h1 class="font-bold poppins-bold text-xl">Dataset Terbaru</h1>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
@foreach($lainnya as $dataSet)
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10">
<div class="flex flex-col gap-3 mx-auto items-center text-center">
<img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
<h1 class="font-bold">{{ @$dataSet->instansi->name }}</h1>
<h5 class="">{{ $dataSet->name }}</h5>
<a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
</div>
</div>
@endforeach
</div>
</div>
</section>
@endsection

92
resources/views/dataset-tambahan.blade.php 100644
View File

@ -0,0 +1,92 @@
@extends('layouts.app')
@section('css')
@endsection
@section('content')
<section class="container relative pt-30 py-20 pb-0 px-5 flex flex-col gap-5">
<div class="relative flex justify-between items-center content-center mb-10">
<div>
<h1 class="">Home / <span class="bold">Dataset Tambahan</span></h1>
</div>
</div>
<div>
<form action="">
<div class="relative w-full">
<input type="text" placeholder="Data Apa yang kamu cari ?" style="border:none;" class="w-full placeholder-[#eee] pr-16 py-5 px-5 shadow-lg rounded-full focus:outline-none"/>
<button class="absolute top-15.5 right-0 text-white -translate-y-1/2 px-6 py-5 rounded-full" style="background: #E9811A;">
<i class="ri-search-line"></i>
</button>
</div>
</form>
</div>
</section>
<section class="container relative py-20 px-5">
<div class="flex md:flex-row gap-6">
<div class="bg-white text-center h-full rounded-[20px] shadow-lg p-5 py-10 gap-3 md:w-1/4">
<div class="flex justify-between">
<div>
<h1 class="bold">Filter</h1>
</div>
<div>
<i class="ri-filter-line text-lg"></i>
</div>
</div>
<div class="flex flex-col gap-6 mt-6">
<div class="w-full">
<h1 class="mb-3 text-left">Instansi</h1>
<select class="form-input select2 rounded-[20px] w-full" name="" id="">
<option value="">-- Pilih Instansi --</option>
@foreach ($instansi as $dataInstansi)
<option value="{{encode_id($dataInstansi->MsInstansiId)}}">{{$dataInstansi->name}}</option>
@endforeach
</select>
</div>
<div class="w-full">
<h1 class="mb-3 text-left">Tahun</h1>
<select class="form-input select2 rounded-[20px] w-full" name="" id="">
<option value="">-- Pilih Tahun --</option>
@for($i = date('Y'); $i >= (date('Y')-10); $i--)
<option value="">{{$i}}</option>
@endfor
</select>
</div>
</div>
</div>
<div class="flex flex-col gap-6 w-full">
@forelse($dataset as $dataSet)
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
<div class="flex flex-col gap-3 items-center text-center">
<img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
<h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
</div>
<div class="flex items-center justify-between w-full">
<div class="flex flex-col gap-3">
<div class="">
<h5 class="font-bold">{{ $dataSet->name }}</h5>
</div>
<div>
<p>{{ substr($dataSet->deskripsi,0,50) }}</p>
</div>
<div class="mt-1 flex flex-row gap-2 items-center">
<span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
<span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{$dataSet->template->name}}</span>
</div>
</div>
<a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="p-2 bg-[#103760] rounded-full flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
@empty
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex items-center justify-center ">
<h2 class="text-2xl">Data Tidak Ada</h2>
</div>
@endforelse
{{ $dataset->links() }}
</div>
</div>
</section>
@endsection

101
resources/views/dataset.blade.php 100644
View File

@ -0,0 +1,101 @@
@extends('layouts.app')
@section('css')
@endsection
@section('content')
<section class="container relative pt-30 py-20 pb-0 px-5 flex flex-col gap-5">
<div class="relative flex justify-between items-center content-center mb-10">
<div>
<h1 class="">Home / <span class="bold">Dataset</span></h1>
</div>
</div>
<div>
<form action="">
<div class="relative w-full">
<input type="text" placeholder="Data Apa yang kamu cari ?" style="border:none;" class="w-full placeholder-[#eee] pr-16 py-5 px-5 shadow-lg rounded-full focus:outline-none"/>
<button class="absolute top-15.5 right-0 text-white -translate-y-1/2 px-6 py-5 rounded-full" style="background: #E9811A;">
<i class="ri-search-line"></i>
</button>
</div>
</form>
</div>
</section>
<section class="container py-20 px-5">
<div class="flex md:flex-row gap-6">
<div class="bg-white text-center h-full rounded-[20px] shadow-lg p-5 py-10 gap-3 md:w-1/2">
<div class="flex justify-between">
<div>
<h1 class="bold">Filter</h1>
</div>
<div>
<i class="ri-filter-line text-lg"></i>
</div>
</div>
<div class="flex flex-col gap-6 mt-6">
<div class="w-full">
<h1 class="mb-3 text-left">Instansi</h1>
<select class="form-input select2 rounded-[20px] w-full" name="" id="">
<option value="">-- Pilih Instansi --</option>
@foreach ($instansi as $dataInstansi)
<option value="{{encode_id($dataInstansi->MsInstansiId)}}">{{$dataInstansi->name}}</option>
@endforeach
</select>
</div>
<div class="w-full">
<h1 class="mb-3 text-left">Resource Data</h1>
<select class="form-input select2 rounded-[20px] w-full" name="" id="">
<option value="">-- Pilih Resource Data --</option>
@foreach ($template as $dataTemp)
<option value="{{encode_id($dataTemp->MsTemplateId)}}">{{$dataTemp->name}}</option>
@endforeach
</select>
</div>
<div class="w-full">
<h1 class="mb-3 text-left">Tahun</h1>
<select class="form-input select2 rounded-[20px] w-full" name="" id="">
<option value="">-- Pilih Tahun --</option>
@for($i = date('Y'); $i >= (date('Y')-10); $i--)
<option value="">{{$i}}</option>
@endfor
</select>
</div>
</div>
</div>
<div class="flex flex-col gap-6 w-full">
@forelse($dataset as $dataSet)
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
<div class="flex flex-col gap-3 items-center text-center">
<img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
<h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
</div>
<div class="flex items-center justify-between w-full">
<div class="flex flex-col gap-3">
<div class="">
<h5 class="font-bold">{{ $dataSet->name }}</h5>
</div>
<div>
<p>{{ substr($dataSet->deskripsi,0,50) }}</p>
</div>
<div class="mt-1 flex flex-row gap-2 items-center">
<span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
<span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{$dataSet->template->name}}</span>
</div>
</div>
<a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="p-2 bg-[#103760] rounded-full flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
</div>
@empty
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex items-center justify-center ">
<h2 class="text-2xl">Data Tidak Ada</h2>
</div>
@endforelse
{{ $dataset->links() }}
</div>
</div>
</section>
@endsection

101
resources/views/index.blade.php
View File

@ -9,15 +9,7 @@
<section
class="relative h-[90vh] mb-10 md:h-screen bg-cover bg-center flex items-center bg-[#1E4D8B] md:bg-white md:bg-[url({{ $asset }})]"
style="">
{{-- <div class="absolute md:hidden bottom-0 left-0 w-full">
<svg viewBox="0 0 1440 320">
<path fill="#ffffff" fill-opacity="1"
d="M0,224L60,224C120,224,240,224,360,202.7C480,181,600,139,720,128C840,117,960,139,1080,160C1200,181,1320,203,1380,213.3L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z">
</path>
</svg>
</div> --}}
<div class="container relative z-10 mx-auto px-6">
<h2 class="text-3xl md:text-4xl active font-bold text-white mb-4">Dokumen Informasi Kinerja</h2>
<h3 class="text-3xl md:text-4xl font-bold text-white mb-6">Pengelolaan Lingkungan Hidup Daerah</h3>
@ -65,7 +57,7 @@
</div>
<div class="text-left card-content-info opacity-0 pointer-events-none" style="opacity: 1;">
<div class="flex items-end gap-2" style="translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px);">
<div class="text-5xl md:text-7xl font-bold rolling-number" data-target="367">367</div>
<div class="text-5xl md:text-7xl font-bold rolling-number" data-target="{{ $count['dataset'] }}">{{ $count['dataset'] }}</div>
</div>
</div>
</div>
@ -88,7 +80,7 @@
</div>
<div class="text-left card-content-info opacity-0 pointer-events-none" style="opacity: 1;">
<div class="flex items-end gap-2" style="translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px);">
<div class="text-5xl md:text-7xl font-bold rolling-number" data-target="60">60</div>
<div class="text-5xl md:text-7xl font-bold rolling-number" data-target="{{ $count['resource'] }}">{{ $count['resource'] }}</div>
</div>
</div>
</div>
@ -98,7 +90,7 @@
<div class="relative z-10 flex flex-col gap-6 justify-between h-full">
<div class="flex justify-between items-start">
<div>
<h3 class="text-lg md:text-xl leading-tight text-white">Jumlah Total Organisasi Terintegrasi</h3>
<h3 class="text-lg md:text-xl leading-tight text-white">Jumlah Total Instansi Terintegrasi</h3>
</div>
<div class="icon-container relative" style="translate: none; rotate: none; scale: none; transform: translate(5px, -5px) scale(1.2);">
<svg width="45" height="45" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -113,7 +105,7 @@
</div>
<div class="text-left card-content-info opacity-0 pointer-events-none" style="opacity: 1;">
<div class="flex items-end gap-2" style="translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px);">
<div class="text-5xl md:text-7xl font-bold rolling-number" data-target="60">60</div>
<div class="text-5xl md:text-7xl font-bold rolling-number" data-target="{{ $count['instansi'] }}">{{ $count['instansi'] }}</div>
</div>
</div>
</div>
@ -129,26 +121,14 @@
<h3 class="text-3xl poppins-bold active">Resource Data Terbaru</h3>
<p class="lg:w-150">Temukan informasi terbaru dan terpercaya dari koleksi 60 resource data kami. Berikut beberapa data pilihan yang dapat Anda akses langsung. Untuk melihat semua data, silakan kunjungi halaman penuh</p>
<div class="flex flex-col mt-10 gap-5">
@foreach($template as $dataTemp)
<div class="flex">
<div class="bg-[#1E4D8B] p-3 rounded-[10px] text-white">
<a href="">Curah Hujan Rata-Rata Bulanan &nbsp;<i class="ri-arrow-right-line ml-10"></i></a>
</div>
</div>
<div class="flex">
<div class="bg-[#1E4D8B] p-3 rounded-[10px] text-white">
<a href="">Jumlah Rumah Tangga dan Fasilitas Tempat Buang Air Besar&nbsp;<i class="ri-arrow-right-line ml-10"></i></a>
</div>
</div>
<div class="flex">
<div class="bg-[#1E4D8B] p-3 rounded-[10px] text-white">
<a href="">Jumlah Rumah Tangga Miskin&nbsp;<i class="ri-arrow-right-line ml-10"></i></a>
</div>
</div>
<div class="flex">
<div class="bg-[#1E4D8B] p-3 rounded-[10px] text-white">
<a href="">Jumlah Kendaraan Bermotor dan Jenis Bahan Bakar yang digunakan&nbsp;<i class="ri-arrow-right-line ml-10"></i></a>
<a href="">{{ $dataTemp->name }} &nbsp;<i class="ri-arrow-right-line ml-10"></i></a>
</div>
</div>
@endforeach
</div>
</div>
</div>
@ -206,78 +186,29 @@
<h1 class="font-bold poppins-bold text-xl">Dataset Terbaru</h1>
</div>
<div>
<a href="" class="p-3 bg-[#FFAD5C] text-white rounded-full">Lihat Semua Dataset</a>
<a href="{{ url('dataset') }}" class="p-3 bg-[#FFAD5C] text-white rounded-full">Lihat Semua Dataset</a>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
@foreach($dataset as $dataSet)
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-3 flex">
<div class="flex flex-col gap-3 mx-auto items-center">
<img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
<h1 class="font-bold">Dinas Lingkungan Hidup</h1>
<h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
</div>
<div class="flex flex-col gap-3 w-1/2">
<div>
<h5 class="font-bold">Jumlah Rumah Tangga Miskin</h5>
<h5 class="font-bold">{{ $dataSet->name }}</h5>
</div>
<div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
<p>{{ substr($dataSet->deskripsi,0,50) }}</p>
</div>
<div class="mt-4">
<a href="" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
</div>
</div>
</div>
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-3 flex">
<div class="flex flex-col gap-3 mx-auto items-center">
<img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
<h1 class="font-bold">Dinas Lingkungan Hidup</h1>
</div>
<div class="flex flex-col gap-3 w-1/2">
<div>
<h5 class="font-bold">Curah Hujan Rata-Rata Bulanan</h5>
</div>
<div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
</div>
<div class="mt-4">
<a href="" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
</div>
</div>
</div>
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-3 flex">
<div class="flex flex-col gap-3 mx-auto items-center">
<img src="{{ asset('assets/logo/dishub.png') }}" alt="" width="50" class="">
<h1 class="font-bold">Dinas Perhubungan</h1>
</div>
<div class="flex flex-col gap-3 w-1/2">
<div>
<h5 class="font-bold">Jumlah Kendaraan Bermotor dan Jenis Bahan Bakar yang digunakan</h5>
</div>
<div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
</div>
<div class="mt-4">
<a href="" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
</div>
</div>
</div>
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-3 flex">
<div class="flex flex-col gap-3 mx-auto items-center">
<img src="{{ asset('assets/logo/pam.png') }}" alt="" width="100%" class="">
<h1 class="font-bold">PAM JAYA</h1>
</div>
<div class="flex flex-col gap-3 w-1/2">
<div>
<h5 class="font-bold">Jumlah Rumah Tangga dan Fasilitas Tempat Buang Air Besar</h5>
</div>
<div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
</div>
<div class="mt-4">
<a href="" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
<a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="rounded-full text-[10px] bg-[#E9811A] text-white px-6 py-3">Lihat Detail</a>
</div>
</div>
</div>
@endforeach
</div>
</section>

78
resources/views/layouts/app.blade.php
View File

@ -6,7 +6,8 @@
<title>DIKPLHD | Dinas Lingkungan Hidup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="{{asset('assets/logo-dlh.png')}}">
<link rel="apple-touch-icon" sizes="180x180" href="{{asset('assets/logo-dinas.ico')}}">
<link rel="icon" type="image/png" sizes="32x32" href="{{asset('assets/logo-dinas.ico')}}">
<link href="{{asset('assets/libs/jsvectormap/css/jsvectormap.min.css')}}" rel="stylesheet" type="text/css">
<link href="{{asset('assets/css/app.min.css')}}" rel="stylesheet" type="text/css">
<link href="{{asset('assets/css/icons.min.css')}}" rel="stylesheet" type="text/css">
@ -139,24 +140,26 @@
</head>
<body class="poppins-regular bg-white">
<header class="absolute w-full z-20">
<header class="absolute w-full z-20 {{ Request::is('/') || Request::is('resource-data') ? '' : 'bg-[#103760]'}}">
<div class="container mx-auto flex justify-between items-center px-6 py-4">
<!-- Logo -->
<div class="flex items-center gap-3">
<img src="{{ asset('assets/logo-dlh.png') }}" class="w-12 h-12 rounded-full bg-white p-1" alt="logo">
<div class="">
<a href="{{ url('/') }}" class="flex items-center gap-3">
<img src="{{ asset('assets/logo-dlh.png') }}" class="w-12 h-12 rounded-full bg-white p-1" alt="logo">
<div>
<h1 class="text-accent poppins-bold font-bold text-lg active">DIKPLHD</h1>
<p class="text-white text-sm">Dinas Lingkungan Hidup Jakarta</p>
<h1 class="text-accent poppins-bold font-bold text-lg active">DIKPLHD</h1>
<p class="text-white text-sm">Dinas Lingkungan Hidup Jakarta</p>
</div>
</a>
</div>
<!-- Menu Desktop -->
<nav class="hidden lg:flex gap-8">
<a href="#" class="active font-bold">Home</a>
<a href="#" class="text-white hover:text-accent">Resource Data</a>
<a href="#" class="text-white hover:text-accent">Dataset</a>
<a href="#" class="text-white hover:text-accent">Dataset Tambahan</a>
<a href="#" class="text-white hover:text-accent">Bantuan</a>
<a href="{{ url('/') }}" class="{{ Request::is('/*') ? 'active font-bold' : 'text-white'}} ">Home</a>
<a href="{{ url('resource-data') }}" class="{{ Request::is('resource-data*') ? 'active font-bold' : 'text-white'}} hover:text-accent">Resource Data</a>
<a href="{{ url('dataset') }}" class="{{ Request::is('dataset') ? 'active font-bold' : 'text-white'}} hover:text-accent">Dataset</a>
<a href="{{ url('dataset-tambahan') }}" class="{{ Request::is('dataset-tambahan*') ? 'active font-bold' : 'text-white'}} hover:text-accent">Dataset Tambahan</a>
<a href="{{ url('help') }}" class="{{ Request::is('help*') ? 'active font-bold' : 'text-white'}} hover:text-accent">Bantuan</a>
</nav>
<!-- Tombol Mobile -->
@ -170,53 +173,16 @@
<!-- Menu Mobile -->
<div id="mobile-menu" class="hidden flex flex-col bg-white px-6 py-4 md:hidden">
<a href="#" class="py-2 text-[#103760] hover:text-[#E9811A]">Home</a>
<a href="#" class="py-2 text-[#103760] hover:text-[#E9811A]">Resource Data</a>
<a href="#" class="py-2 text-[#103760] hover:text-[#E9811A]">Dataset</a>
<a href="#" class="py-2 text-[#103760] hover:text-[#E9811A]">Dataset Tambahan</a>
<a href="#" class="py-2 text-[#103760] hover:text-[#E9811A]">Bantuan</a>
<a href="{{ url('/') }}" class="py-2 text-[#103760] hover:text-[#E9811A]">Home</a>
<a href="{{ url('resource-data') }}" class="py-2 text-[#103760] hover:text-[#E9811A]">Resource Data</a>
<a href="{{ url('/dataset') }}" class="py-2 text-[#103760] hover:text-[#E9811A]">Dataset</a>
<a href="{{ url('/dataset-tambahan') }}" class="py-2 text-[#103760] hover:text-[#E9811A]">Dataset Tambahan</a>
<a href="{{ url('/help') }}" class="py-2 text-[#103760] hover:text-[#E9811A]">Bantuan</a>
</div>
</header>
@yield('content')
<div class="p-12 text-white hidden" style="background:#333;">
<div class="container">
<div class="flex flex-row justify-between items-center gap-6 mb-5">
<div>
<p>
Kontak Kami : <br>
Jl. Mandala V No. 67 Jakarta Timur <br>
Telp: (021) 8092744 <br>
Email:dinaslh@jakarta.go.id
</p>
</div>
<div class="flex flex-row justify-center items-center gap-2">
<div class="p-1 bg-white rounded-full">
<img src="https://lingkunganhidup.jakarta.go.id/images/weblink/logo_klhk.png" width="40" alt="">
</div>
<div class="p-1 bg-white rounded-full">
<img src="https://lingkunganhidup.jakarta.go.id/images/weblink/logoaja-jsc.png" width="40" alt="">
</div>
<div class="p-1 bg-white rounded-full">
<img src="https://lingkunganhidup.jakarta.go.id/images/weblink/UPsbadanaer.jpg" width="40" alt="">
</div>
<div class="p-1 bg-white rounded-full">
<img src="https://lingkunganhidup.jakarta.go.id/images/weblink/sipepeng1.jpg" width="40" alt="">
</div>
<div class="p-1 bg-white rounded-full">
<img src="https://lingkunganhidup.jakarta.go.id/images/weblink/logo-jca2.png" width="40" alt="">
</div>
<div class="p-1 bg-white rounded-full">
<img src="https://lingkunganhidup.jakarta.go.id/images/weblink/logo-dlh.png" width="40" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="w-full p-4 bg-[#103760]">
<div class="flex px-10 text-white">
<p>Copyright © {{date('Y')}} Dinas Lingkungan Hidup Provinsi DKI Jakarta</p>
@ -267,6 +233,12 @@
btn.addEventListener('click', () => {
menu.classList.toggle('hidden');
});
const btn = document.getElementById('filter');
const menu = document.getElementById('filter-menu');
btn.addEventListener('click', () => {
menu.classList.toggle('hidden');
});
</script>
<!-- Dashboard App js -->

45
resources/views/resource.blade.php 100644
View File

@ -0,0 +1,45 @@
@extends('layouts.app')
@section('css')
@endsection
@section('content')
<!-- Navbar -->
<!-- Navbar -->
<?php $asset = asset('assets/Background2.png'); ?>
<section
class="relative h-[90vh] md:h-screen bg-cover bg-center flex items-center bg-[#1E4D8B] md:bg-white md:bg-[url({{ $asset }})]"
style="">
<div class="container relative text-right z-10 px-6">
<h2 class="text-3xl md:text-4xl active font-bold text-white mb-4">Pusat Data & Informasi</h2>
<h3 class="text-3xl md:text-4xl font-bold text-white mb-6">Semua Informasi dalam Satu Tempat</h3>
<p class="text-white float-right md:w-130">
Jelajahi kumpulan 60 resource data kami. Berikut beberapa pilihan yang kami tampilkan untuk mempermudah akses Anda
</p>
</div>
</section>
<section class="container relative pt-0 pb-10 px-5 flex flex-col gap-5">
<div class="relative flex justify-between items-center content-center mb-10">
<div>
<h1 class="font-bold poppins-bold text-xl">Resource Data</h1>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
@foreach($template as $dataTemplate)
<div class="bg-white text-center rounded-[20px] shadow-lg p-5 py-10 gap-3 flex">
<div class="flex flex-col gap-3 mx-auto items-center">
<img src="{{ asset('assets/logo/dinas.png') }}" alt="" width="50" class="">
<h1 class="font-bold">{{ $dataTemplate->name }}</h1>
</div>
</div>
@endforeach
</div>
<div class="mt-15 text-center">
{{ $template->render() }}
{{-- <a href="" class="p-3 bg-[#FFAD5C] text-white rounded-full">Lihat Lainnya</a> --}}
</div>
</section>
@endsection

6
routes/web.php
View File

@ -19,6 +19,12 @@ use App\Http\Controllers\AjaxController;
*/
Route::get('/', [FrontController::class,'index'])->name('index');
Route::get('/resource-data', [FrontController::class,'resource'])->name('resource');
Route::get('/dataset', [FrontController::class,'dataset'])->name('dataset');
Route::get('/dataset/detail/{id}', [FrontController::class,'dataset_detail'])->name('dataset_detail');
Route::get('/dataset/Griddetail', [FrontController::class,'Griddetail'])->name('Griddetail');
Route::get('/dataset-tambahan', [FrontController::class,'datasetTambahan'])->name('datasetTambahan');
Route::get('/dataset-tambahan/detail/{id}', [FrontController::class,'datasetTambahan_detail'])->name('datasetTambahan');
Route::get('/search', [FrontController::class,'search'])->name('search');
Route::get('/login', [CustomLoginController::class,'index'])->name('login');
Route::post('login',[CustomLoginController::class,'post_login'])->name('post_login');