e41220949
/
TIF_NGANJUK_E41220949
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

baru tgl 2 feb

This commit is contained in:
rahmagustin 2026-02-02 21:45:29 +07:00
parent a1abb3fd2d
commit d54ab1258e
10 changed files with 99 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/Http/Controllers/AboutController.php
View File

@ -2,19 +2,24 @@
namespace App\Http\Controllers; namespace App\Http\Controllers;
use Illuminate\Http\Request; use App\Models\KategoriTps;
class AboutController extends Controller class AboutController extends Controller
{ {
public function index() public function index()
{ {
$title = 'User About'; $title = 'Tentang';
return view('user.about', compact('title')); $kategoriTps = KategoriTps::all();
return view('user.about', compact('title', 'kategoriTps'));
} }
public function tps() public function show($id)
{ {
$title = 'User About TPS'; // Ambil kategori berdasarkan id
return view('user.about-tps', compact('title')); $kategori = \App\Models\KategoriTps::findOrFail($id);
$title = 'Tentang ' . $kategori->nama_kategori;
return view('user.about-tps', compact('title', 'kategori'));
} }
} }

5
app/Providers/AppServiceProvider.php
View File

@ -3,6 +3,8 @@
namespace App\Providers; namespace App\Providers;
use Illuminate\Support\ServiceProvider; use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\View; // wajib
use App\Models\KategoriTps; // wajib
class AppServiceProvider extends ServiceProvider class AppServiceProvider extends ServiceProvider
{ {
@ -19,6 +21,7 @@ public function register(): void
*/ */
public function boot(): void public function boot(): void
{ {
// // Share semua kategori TPS ke semua view
View::share('kategoriTps', KategoriTps::all());
} }
} }

BIN
public/assets/user/img/tentang-lg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
public/assets/user/img/tentang.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

101
resources/views/user/about-tps.blade.php
View File

@ -3,60 +3,71 @@
@section('content') @section('content')
<!-- Page Title --> <!-- Page Title -->
<div class="page-title"> <div class="page-title">
<div class="container d-lg-flex justify-content-between align-items-center"> <div class="container d-lg-flex justify-content-between align-items-center">
<h1 class="mb-2 mb-lg-0">Tempat Pembuangan Sampah</h1> <h1 class="mb-2 mb-lg-0">{{ $kategori->kepanjangan_kategori }}</h1>
<nav class="breadcrumbs"> <nav class="breadcrumbs">
<ol> <ol>
<li><a href="index.html">Beranda</a></li> <li><a href="{{ route('user.index') }}">Beranda</a></li>
<li class="current">Tentang</li> <li><a href="{{ route('user.about') }}">Tentang</a></li>
<li class="current">TPS</li> <li class="current">{{ $kategori->nama_kategori }}</li>
</ol> </ol>
</nav> </nav>
</div> </div>
</div><!-- End Page Title --> </div>
<!-- End Page Title -->
<!-- Service Details Section -->
<section id="service-details" class="service-details section">
<div class="container">
<!-- Service Details Section -->
<section id="service-details" class="service-details section">
<div class="container">
<div class="row gy-4"> <div class="row gy-4">
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100"> <!-- Sidebar Kategori -->
<div class="services-list"> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<a href="#" class="active">TPS</a> <div class="services-list">
<a href="#">TPS 3R</a> @foreach ($kategoriTps as $kat)
<a href="#">TPA</a> <a href="{{ route('user.about.kategori', ['id' => $kat->id_kategori_tps]) }}"
class="{{ $kat->id_kategori_tps == $kategori->id_kategori_tps ? 'active' : '' }}">
{{ $kat->nama_kategori }}
</a>
@endforeach
</div>
{{-- Deskripsi singkat satu kalimat --}}
<h4>{{ $kategori->kepanjangan_kategori }}</h4>
<p>
{{ Str::before($kategori->deskripsi, '.') }}.
</p>
</div> </div>
<h4>Enim qui eos rerum in delectus</h4> <!-- Konten Kategori -->
<p>Nam voluptatem quasi numquam quas fugiat ex temporibus quo est. Quia aut quam quod facere ut non occaecati ut aut. Nesciunt mollitia illum tempore corrupti sed eum reiciendis. Maxime modi rerum.</p> <div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">
</div> {{-- Judul --}}
<h3>{{ $kategori->kepanjangan_kategori }}</h3>
<div class="col-lg-8" data-aos="fade-up" data-aos-delay="200"> {{-- Foto --}}
<img src="{{ asset('assets/user/img/services.jpg') }}" alt="" class="img-fluid services-img"> @if($kategori->foto_kategori)
<h3>Tempat Pembuangan Sampah</h3> <img src="{{ asset('storage/' . $kategori->foto_kategori) }}"
<p> alt="{{ $kategori->nama_kategori }}" class="mb-3 img-fluid services-img">
Blanditiis voluptate odit ex error ea sed officiis deserunt. Cupiditate non consequatur et doloremque consequuntur. Accusantium labore reprehenderit error temporibus saepe perferendis fuga doloribus vero. Qui omnis quo sit. Dolorem architecto eum et quos deleniti officia qui. @else
</p> <img src="{{ asset('assets/user/img/services.jpg') }}"
<ul> alt="{{ $kategori->nama_kategori }}" class="mb-3 img-fluid services-img">
<li><i class="bi bi-check-circle"></i> <span>Aut eum totam accusantium voluptatem.</span></li> @endif
<li><i class="bi bi-check-circle"></i> <span>Assumenda et porro nisi nihil nesciunt voluptatibus.</span></li>
<li><i class="bi bi-check-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea</span></li> {{-- Deskripsi lengkap --}}
</ul> <p>{{ $kategori->deskripsi }}</p>
<p>
Est reprehenderit voluptatem necessitatibus asperiores neque sed ea illo. Deleniti quam sequi optio iste veniam repellat odit. Aut pariatur itaque nesciunt fuga. {{-- Contoh list poin --}}
</p> <ul>
<p> <li><i class="bi bi-check-circle"></i> <span>Informasi lengkap tentang {{ $kategori->nama_kategori }}.</span></li>
Sunt rem odit accusantium omnis perspiciatis officia. Laboriosam aut consequuntur recusandae mollitia doloremque est architecto cupiditate ullam. Quia est ut occaecati fuga. Distinctio ex repellendus eveniet velit sint quia sapiente cumque. Et ipsa perferendis ut nihil. Laboriosam vel voluptates tenetur nostrum. Eaque iusto cupiditate et totam et quia dolorum in. Sunt molestiae ipsum at consequatur vero. Architecto ut pariatur autem ad non cumque nesciunt qui maxime. Sunt eum quia impedit dolore alias explicabo ea. <li><i class="bi bi-check-circle"></i> <span>Menyediakan data dan layanan terkait kategori ini.</span></li>
</p> <li><i class="bi bi-check-circle"></i> <span>Fasilitas atau prosedur yang berlaku.</span></li>
</div> </ul>
</div>
</div> </div>
</div>
</div> </section>
<!-- /Service Details Section -->
</section><!-- /Service Details Section -->
@endsection @endsection

8
resources/views/user/about.blade.php
View File

@ -21,7 +21,7 @@
<div class="col-lg-5"> <div class="col-lg-5">
<div class="about-img"> <div class="about-img">
<img src="{{ asset('assets/user/img/about-portrait.jpg') }}" class="img-fluid" alt=""> <img src="{{ asset('assets/user/img/tentang-lg.png') }}" class="img-fluid" alt="">
</div> </div>
</div> </div>
@ -36,21 +36,21 @@
<p class="fst-italic">Sistem Informasi Geografis yang menampilkan visualisasi lokasi Tempat <p class="fst-italic">Sistem Informasi Geografis yang menampilkan visualisasi lokasi Tempat
Pembuangan Sampah di Kabupaten Nganjuk secara mudah, cepat, dan interaktif.</p> Pembuangan Sampah di Kabupaten Nganjuk secara mudah, cepat, dan interaktif.</p>
<div class="d-flex align-items-center mt-4"> <div class="mt-4 d-flex align-items-center">
<i class="bi bi-check2"></i> <i class="bi bi-check2"></i>
<h4>Peta Interaktif Lokasi TPS</h4> <h4>Peta Interaktif Lokasi TPS</h4>
</div> </div>
<p>Peta digital yang memudahkan pengguna menemukan lokasi TPS terdekat, lengkap dengan tampilan <p>Peta digital yang memudahkan pengguna menemukan lokasi TPS terdekat, lengkap dengan tampilan
yang intuitif sehingga informasi dapat diakses dengan cepat dan jelas.</p> yang intuitif sehingga informasi dapat diakses dengan cepat dan jelas.</p>
<div class="d-flex align-items-center mt-4"> <div class="mt-4 d-flex align-items-center">
<i class="bi bi-check2"></i> <i class="bi bi-check2"></i>
<h4>Informasi TPS Lengkap</h4> <h4>Informasi TPS Lengkap</h4>
</div> </div>
<p>Menyajikan berbagai informasi penting seperti kapasitas, kondisi, status, hingga jenis <p>Menyajikan berbagai informasi penting seperti kapasitas, kondisi, status, hingga jenis
pengelolaan TPS, sehingga pengguna dapat memahami keadaan TPS secara menyeluruh.</p> pengelolaan TPS, sehingga pengguna dapat memahami keadaan TPS secara menyeluruh.</p>
<div class="d-flex align-items-center mt-4"> <div class="mt-4 d-flex align-items-center">
<i class="bi bi-check2"></i> <i class="bi bi-check2"></i>
<h4>Layanan Aduan TPS</h4> <h4>Layanan Aduan TPS</h4>
</div> </div>

2
resources/views/user/index.blade.php
View File

@ -103,7 +103,7 @@
<div class="col-lg-5"> <div class="col-lg-5">
<div class="about-img"> <div class="about-img">
<img src="{{ asset('assets/user/img/about-portrait.jpg') }}" class="img-fluid" alt=""> <img src="{{ asset('assets/user/img/tentang-lg.png') }}" class="img-fluid" alt="">
</div> </div>
</div> </div>

21
resources/views/user/kontak.blade.php
View File

@ -24,31 +24,30 @@
<div class="col-lg-12"> <div class="col-lg-12">
<div class="info"> <div class="info">
<h3>Get in touch</h3> <h3>Dinas Lingkungan Hidup Kabupaten Nganjuk</h3>
<p>Et id eius voluptates atque nihil voluptatem enim in tempore minima sit ad mollitia commodi <p>Merupakan kantor DLH yang bertugas mengelola informasi lingkungan, monitoring, dan evaluasi pengendalian lingkungan hidup.</p>
minus.</p>
<div class="info-item d-flex"> <div class="info-item d-flex">
<i class="bi bi-geo-alt flex-shrink-0"></i> <i class="flex-shrink-0 bi bi-geo-alt"></i>
<div> <div>
<h4>Location:</h4> <h4>Alamat:</h4>
<p>A108 Adam Street, New York, NY 535022</p> <p>Jl. Raya Kedondong No.01, Sanggrahan, Kedondong, Kec. Bagor, Kabupaten Nganjuk, Jawa Timur 64461, Indonesia</p>
</div> </div>
</div><!-- End Info Item --> </div><!-- End Info Item -->
<div class="info-item d-flex"> <div class="info-item d-flex">
<i class="bi bi-envelope flex-shrink-0"></i> <i class="flex-shrink-0 bi bi-envelope"></i>
<div> <div>
<h4>Email:</h4> <h4>Email:</h4>
<p>info@example.com</p> <p><a href="http://www.nganjukkab.go.id/" target="_blank">www.nganjukkab.go.id</a></p>
</div> </div>
</div><!-- End Info Item --> </div><!-- End Info Item -->
<div class="info-item d-flex"> <div class="info-item d-flex">
<i class="bi bi-phone flex-shrink-0"></i> <i class="flex-shrink-0 bi bi-phone"></i>
<div> <div>
<h4>Call:</h4> <h4>Telepon:</h4>
<p>+1 5589 55488 55</p> <p>(0358) 328380</p>
</div> </div>
</div><!-- End Info Item --> </div><!-- End Info Item -->

26
resources/views/user/template.blade.php
View File

@ -52,27 +52,25 @@ class="{{ Request::routeIs('user.index') ? 'active' : '' }}">
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="{{ route('user.about') }}" <a href="{{ route('user.about') }}" class="{{ Request::is('about*') ? 'active' : '' }}">
class="{{ Request::routeIs('user.about*') ? 'active' : '' }}">
<span>Tentang</span> <span>Tentang</span>
<i class="bi bi-chevron-down toggle-dropdown"></i> <i class="bi bi-chevron-down toggle-dropdown"></i>
</a> </a>
<ul> <ul>
<li> @foreach ($kategoriTps as $kategori)
<a href="{{ route('user.about-tps') }}" <li>
class="{{ Request::routeIs('user.about-tps') ? 'active' : '' }}">TPS</a> <a href="{{ route('user.about.kategori', ['id' => $kategori->id_kategori_tps]) }}"
</li> class="{{ Request::is('about/' . $kategori->id_kategori_tps) ? 'active' : '' }}">
<li> {{ $kategori->nama_kategori }}
<a href="{{ route('user.about-tps') }}" </a>
class="{{ Request::routeIs('user.about-tps') ? 'active' : '' }}">TPS 3R</a> </li>
</li> @endforeach
<li>
<a href="{{ route('user.about-tps') }}"
class="{{ Request::routeIs('user.about-tps') ? 'active' : '' }}">TPA</a>
</li>
</ul> </ul>
</li> </li>
<li> <li>
<a href="{{ route('user.sig-tps') }}" <a href="{{ route('user.sig-tps') }}"
class="{{ Request::routeIs('user.sig-tps') ? 'active' : '' }}"> class="{{ Request::routeIs('user.sig-tps') ? 'active' : '' }}">

2
routes/web.php
View File

@ -27,7 +27,7 @@
Route::get('/index', [IndexController::class, 'index'])->name('user.index'); Route::get('/index', [IndexController::class, 'index'])->name('user.index');
Route::get('/about', [AboutController::class, 'index'])->name('user.about'); Route::get('/about', [AboutController::class, 'index'])->name('user.about');
Route::get('/about-tps', [AboutController::class, 'tps'])->name('user.about-tps'); Route::get('/about/{id}', [AboutController::class, 'show'])->name('user.about.kategori');
Route::get('/sig-tps', [SigController::class, 'index'])->name('user.sig-tps'); Route::get('/sig-tps', [SigController::class, 'index'])->name('user.sig-tps');
Route::get('/tps/{id}', [SigController::class, 'show'])->name('user.detail-tps'); Route::get('/tps/{id}', [SigController::class, 'show'])->name('user.detail-tps');