update fronted
parent
c5128c7e49
commit
f556faa508
|
|
@ -7,12 +7,14 @@
|
|||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/Berita/Berita.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/berita/berita.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("Section/_Hero", "Berita")
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Berita")
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
<div class="container mt-5">
|
||||
|
||||
<div class="container mt-5 berita-page">
|
||||
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-6">
|
||||
|
|
@ -40,7 +42,7 @@
|
|||
|
||||
function loadBerita() {
|
||||
|
||||
fetch('/Berita/GetBerita')
|
||||
fetch('/WebNew/Berita/GetBerita')
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
|
||||
|
|
@ -85,7 +87,7 @@
|
|||
${item.deskripsi}
|
||||
</p>
|
||||
|
||||
<a href="/Berita/Detail?id=${item.id}" class="text-primary fw-semibold">
|
||||
<a href="/WebNew/Berita/Detail?id=${item.id}" class="text-primary fw-semibold">
|
||||
Baca Selengkapnya
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,9 +3,12 @@
|
|||
|
||||
}
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/Berita/DetailBerita.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/berita/detailberita.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<div class="rounded-3 container mb-4 mt-5 mt-4 bg-white p-3 px-3">
|
||||
|
||||
<div class="row">
|
||||
|
|
@ -52,7 +55,7 @@
|
|||
|
||||
const id = getQueryParam("id");
|
||||
|
||||
fetch(`/Berita/GetDetail?id=${id}`)
|
||||
fetch(`/WebNew/Berita/GetDetail?id=${id}`)
|
||||
.then(res => {
|
||||
if (!res.ok) throw new Error("Data tidak ditemukan");
|
||||
return res.json();
|
||||
|
|
@ -80,7 +83,7 @@
|
|||
|
||||
function loadSidebar() {
|
||||
|
||||
fetch('/Berita/GetAll')
|
||||
fetch('/WebNew/Berita/GetAll')
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,9 @@
|
|||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/Faq.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
<section class="faq-section">
|
||||
<div class="container text-center">
|
||||
|
||||
|
|
|
|||
|
|
@ -19,9 +19,12 @@
|
|||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/FormReview.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/formreview.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="card form-card mx-auto border-0 shadow-sm">
|
||||
<div class="card-body p-md-5 p-4">
|
||||
|
|
|
|||
|
|
@ -1,11 +1,15 @@
|
|||
@await Html.PartialAsync("~/Views/WebNew/Section/_Hero.cshtml", "Galeri Kegiatan")
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Galeri Kegiatan")
|
||||
@{
|
||||
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
||||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/css/Galeri.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/galeri.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row g-4" id="galeri-list"></div>
|
||||
</div>
|
||||
|
|
@ -80,7 +84,7 @@
|
|||
|
||||
function loadGaleri() {
|
||||
|
||||
fetch('/Galeri/GetAll')
|
||||
fetch('/WebNew/Galeri/GetAll')
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
|
||||
|
|
|
|||
|
|
@ -2,13 +2,22 @@
|
|||
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
||||
ViewData["Title"] = "Beranda";
|
||||
}
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<section class="hero-slider">
|
||||
|
||||
<div class="hero-wrapper" id="hero-wrapper">
|
||||
|
||||
<div class="hero-slide slide-1 active">
|
||||
<!-- Slide 1 -->
|
||||
<div class="hero-slide active"
|
||||
style="background-image:url('/webnew/assets/image/backgroundhero.png');
|
||||
background-size: cover;
|
||||
background-position:center;
|
||||
background-repeat:no-repeat">
|
||||
|
||||
<div class="hero-content">
|
||||
|
||||
<div class="hero-logo mb-3 bg-white">
|
||||
<img src="~/webnew/assets/image/logo/logo update.png" />
|
||||
<img src="~/webnew/assets/image/logo/Logo-KAN-LLHD.png" />
|
||||
|
|
@ -16,35 +25,65 @@
|
|||
<img src="~/webnew/assets/image/logo/Wilayah_Bebas_dari_Korupsi.png" />
|
||||
<img src="~/webnew/assets/image/logo/logo-dlh.png" />
|
||||
</div>
|
||||
|
||||
<h1>Laboratorium Lingkungan Hidup Daerah</h1>
|
||||
<p>Pemerintah Provinsi DKI Jakarta</p>
|
||||
<a href="/WebNew/Layanan" class="btn btn-light rounded-pill px-4">
|
||||
|
||||
<p>
|
||||
Pemerintah Provinsi DKI Jakarta
|
||||
</p>
|
||||
|
||||
<a href="/WebNew/Layanan"
|
||||
class="btn btn-light rounded-pill px-4">
|
||||
Lihat Layanan
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="hero-slide slide-2">
|
||||
</div>
|
||||
|
||||
<!-- Slide 2 -->
|
||||
<div class="hero-slide"
|
||||
style="background-image:
|
||||
linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
|
||||
url('/webnew/assets/image/foto/llhd.jpeg');
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
background-repeat:no-repeat">
|
||||
|
||||
<div class="hero-content">
|
||||
|
||||
<div class="hero-logo mb-3 bg-white">
|
||||
<img src="~/webnew/assets/image/logo/logo update.png" />
|
||||
<img src="~/webnew/assets/image/logo/Logo-KAN-LLHD.png" />
|
||||
<img src="~/webnew/assets/image/logo/Logo Registrasi LLHD-KLHK.png" />
|
||||
<img src="~/webnew/assets/image/logo/Wilayah_Bebas_dari_Korupsi.png" />
|
||||
<img src="~/webnew/assets/image/logo/logo-dlh.png" />
|
||||
<img src="~/webnew/assets/image/logo/logollhd.png" />
|
||||
<img src="~/webnew/assets/image/logo/logokanllhd.png" />
|
||||
<img src="~/webnew/assets/image/logo/logoregistrasiklhk.png" />
|
||||
<img src="~/webnew/assets/image/logo/wilayahbebaskorupsi.png" />
|
||||
<img src="~/webnew/assets/image/logo/logodlh.png" />
|
||||
</div>
|
||||
|
||||
<h1>Laboratorium Lingkungan Hidup Daerah</h1>
|
||||
<p>Pemerintah Provinsi DKI Jakarta</p>
|
||||
<a href="/WebNew//Layanan" class="btn btn-light rounded-pill px-4">
|
||||
|
||||
<p>
|
||||
Pemerintah Provinsi DKI Jakarta
|
||||
</p>
|
||||
|
||||
<a href="/WebNew/Layanan"
|
||||
class="btn btn-light rounded-pill px-4">
|
||||
Lihat Layanan
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<button class="hero-btn prev" onclick="prevSlide()">‹</button>
|
||||
<button class="hero-btn next" onclick="nextSlide()">›</button>
|
||||
<button class="hero-btn prev" onclick="prevSlide()">
|
||||
‹
|
||||
</button>
|
||||
|
||||
<button class="hero-btn next" onclick="nextSlide()">
|
||||
›
|
||||
</button>
|
||||
|
||||
<div class="hero-dots" id="hero-dots"></div>
|
||||
|
||||
|
|
@ -59,9 +98,6 @@
|
|||
<p class="text-muted">
|
||||
Senin - Jumat, 08:00 - 16:00
|
||||
</p>
|
||||
<a href="https://wa.me/6281511930751" class="btn btn-outline-success rounded-pill bi bi-whatsapp mt-2 px-4">
|
||||
WA DASALEWA (text only) →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row g-4 justify-content-center">
|
||||
|
|
@ -71,7 +107,7 @@
|
|||
|
||||
<div class="service-card">
|
||||
|
||||
<div class="service-bg" style="background-image:url('/webnew/assets/image/foto/1.jpeg')"></div>
|
||||
<div class="service-bg" style="background-image:url('/webnew/assets/image/foto/samplingair.jpeg')"></div>
|
||||
<div class="service-overlay"></div>
|
||||
|
||||
<div class="service-content">
|
||||
|
|
@ -104,7 +140,7 @@
|
|||
<a href="/WebNew/Layanan?jenis=air" class="service-card-link">
|
||||
<div class="service-card">
|
||||
|
||||
<div class="service-bg" style="background-image:url('/webnew/assets/image/foto/2.jpeg')"></div>
|
||||
<div class="service-bg" style="background-image:url('/webnew/assets/image/foto/pengujianair.jpeg')"></div>
|
||||
<div class="service-overlay"></div>
|
||||
|
||||
<div class="service-content" asp-area="WebNew" asp-controller="Layanan" asp-action="Air">
|
||||
|
|
@ -137,7 +173,7 @@
|
|||
<a href="/WebNew/Layanan?jenis=udara" class="service-card-link">
|
||||
<div class="service-card">
|
||||
|
||||
<div class="service-bg" style="background-image:url('/webnew/assets/image/foto/3.jpeg')"></div>
|
||||
<div class="service-bg" style="background-image:url('/webnew/assets/image/foto/pengujianudara.jpeg')"></div>
|
||||
<div class="service-overlay"></div>
|
||||
|
||||
<div class="service-content" asp-area="WebNew" asp-controller="Layanan" asp-action="Udara">
|
||||
|
|
@ -196,11 +232,11 @@
|
|||
<span class="badge-about">Tentang LLHD</span>
|
||||
|
||||
<div class="about-logo mb-3">
|
||||
<img src="~/webnew/assets/image/logo/logo update.png" />
|
||||
<img src="~/webnew/assets/image/logo/Logo-KAN-LLHD.png" />
|
||||
<img src="~/webnew/assets/image/logo/Logo Registrasi LLHD-KLHK.png" />
|
||||
<img src="~/webnew/assets/image/logo/Wilayah_Bebas_dari_Korupsi.png" />
|
||||
<img src="~/webnew/assets/image/logo/logo-dlh.png" />
|
||||
<img src="~/webnew/assets/image/logo/logollhd.png" />
|
||||
<img src="~/webnew/assets/image/logo/logokanllhd.png" />
|
||||
<img src="~/webnew/assets/image/logo/logoregistrasiklhk.png" />
|
||||
<img src="~/webnew/assets/image/logo/wilayahbebaskorupsi.png" />
|
||||
<img src="~/webnew/assets/image/logo/logodlh.png" />
|
||||
</div>
|
||||
|
||||
<h4 class="fw-bold mb-3">
|
||||
|
|
@ -274,14 +310,14 @@
|
|||
<div class="col-md-4 col-sm-6">
|
||||
<div class="stat-item">
|
||||
<h2 class="stat-number counter" data-target="1369">0</h2>
|
||||
<p class="stat-desc">Jumlah Sampel yang Diuji per Tahun</p>
|
||||
<p class="stat-desc">Rata-rata Jumlah Pelanggan per Tahun</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<div class="stat-item">
|
||||
<h2 class="stat-number counter" data-target="171">0</h2>
|
||||
<p class="stat-desc">Jumlah Layanan Uji Sampel Tersedia</p>
|
||||
<p class="stat-desc">Jumlah Parameter Pengujian Tersedia</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -473,7 +509,7 @@
|
|||
<div class="icon">
|
||||
<img src="~/webnew/assets/image/icon/icon user.png" />
|
||||
</div>
|
||||
<p class="title">Pengenalan Mutu</p>
|
||||
<p class="title">Pengendalian Mutu</p>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
|
|
@ -555,7 +591,7 @@
|
|||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h4 class="fw-bold">Berita Laboratorium Lingkungan</h4>
|
||||
|
||||
<a href="/Berita" class="btn btn-outline-secondary rounded-pill px-3">
|
||||
<a asp-area="WebNew" asp-controller="Berita" asp-action="Index" class="btn btn-outline-secondary rounded-pill px-3">
|
||||
Lihat Selengkapnya →
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -794,7 +830,7 @@
|
|||
<div class="row g-6 justify-content-center" id="video-preview"></div>
|
||||
|
||||
<div class="mt-4 text-center">
|
||||
<a href="/WebNew/Video" class="btn btn-outline-dark rounded-pill px-4 py-2">
|
||||
<a asp-area="WebNew" asp-controller="Video" asp-action="Index" class="btn btn-outline-dark rounded-pill px-4 py-2">
|
||||
Lihat Selengkapnya →
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -813,7 +849,7 @@
|
|||
<div class="galeri-scroll" id="galeri-preview"></div>
|
||||
|
||||
<div class="mt-4 text-center">
|
||||
<a href="/WebNew/Galeri" class="btn btn-outline-dark rounded-pill px-4 py-2">
|
||||
<a asp-area="WebNew" asp-controller="Galeri" asp-action="Index" class="btn btn-outline-dark rounded-pill px-4 py-2">
|
||||
Lihat Selengkapnya →
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,11 +4,13 @@
|
|||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/Kontak.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/kontak.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Kontak")
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<section class="kontak-section">
|
||||
<div class="container">
|
||||
|
|
|
|||
|
|
@ -4,9 +4,12 @@
|
|||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/layanan/DetailItem.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/layanan/detailitem.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<div class="container mt-5">
|
||||
|
||||
<h3 class="page-title mb-4">Rincian Analisis</h3>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,8 @@
|
|||
ViewData["Title"] = "Detail Layanan";
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<style>
|
||||
.service-btn.active {
|
||||
|
|
@ -19,6 +21,14 @@
|
|||
<h3 id="judul"></h3>
|
||||
<p id="deskripsi-singkat"></p>
|
||||
<ul id="deskripsi"></ul>
|
||||
<a href="/webnew/assets/document/Parameter Terakreditasi KAN.pdf"
|
||||
target="_blank"
|
||||
class="btn btn-primary rounded-pill px-4">
|
||||
|
||||
<i class="bi bi-file-earmark-pdf-fill me-2"></i>
|
||||
Daftar Parameter Terakreditasi
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5 text-center">
|
||||
|
|
@ -30,7 +40,7 @@
|
|||
|
||||
<div class="table-card mb-4">
|
||||
<div class="table-header">
|
||||
<h5>Info Harga Baku Mutu Air</h5>
|
||||
<h5 id="judul-table1"></h5>
|
||||
<div>
|
||||
<button onclick="exportTableToExcel('table1')" class="btn-export">
|
||||
Download Excel
|
||||
|
|
@ -53,7 +63,7 @@
|
|||
|
||||
<div class="table-card">
|
||||
<div class="table-header">
|
||||
<h5>Info Harga Per Parameter Air</h5>
|
||||
<h5 id="judul-table2"></h5>
|
||||
<div>
|
||||
<button onclick="exportTableToExcel('table2')" class="btn-export">
|
||||
Download Excel
|
||||
|
|
@ -105,17 +115,42 @@
|
|||
.then(res => res.json())
|
||||
.then(data => {
|
||||
|
||||
document.getElementById("judul").innerText = data.judul || "-";
|
||||
document.getElementById("gambar").src = data.gambar || "";
|
||||
document.getElementById("deskripsi-singkat").innerText = data["deskripsi-singkat"] || "";
|
||||
// Informasi layanan
|
||||
document.getElementById("judul").innerText =
|
||||
data.judul || "-";
|
||||
|
||||
document.getElementById("gambar").src =
|
||||
data.gambar || "";
|
||||
|
||||
document.getElementById("deskripsi-singkat").innerText =
|
||||
data["deskripsi-singkat"] || "";
|
||||
|
||||
// Deskripsi list
|
||||
let desc = "";
|
||||
|
||||
(data.deskripsi || []).forEach(d => {
|
||||
desc += `<li>${d}</li>`;
|
||||
});
|
||||
|
||||
document.getElementById("deskripsi").innerHTML = desc;
|
||||
|
||||
|
||||
const judulTable1 =
|
||||
document.getElementById("judul-table1");
|
||||
|
||||
const judulTable2 =
|
||||
document.getElementById("judul-table2");
|
||||
|
||||
if (judulTable1) {
|
||||
judulTable1.innerText =
|
||||
data.judulTable1 || "Info Harga Baku Mutu";
|
||||
}
|
||||
|
||||
if (judulTable2) {
|
||||
judulTable2.innerText =
|
||||
data.judulTable2 || "Info Harga Per Parameter";
|
||||
}
|
||||
|
||||
renderTable("table1", data.table1);
|
||||
renderTable("table2", data.table2);
|
||||
|
||||
|
|
@ -123,11 +158,14 @@
|
|||
setupPagination("table2");
|
||||
|
||||
})
|
||||
.catch(() => {
|
||||
document.getElementById("judul").innerText = "Data tidak ditemukan";
|
||||
.catch(error => {
|
||||
|
||||
console.error(error);
|
||||
|
||||
document.getElementById("judul").innerText =
|
||||
"Data tidak ditemukan";
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
|
||||
let jenis = getQueryParam("jenis") || "air";
|
||||
|
|
|
|||
|
|
@ -4,10 +4,12 @@
|
|||
ViewData["Title"] = "Layanan";
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/layanan/Layanan.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/layanan/DetailLayanan.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/layanan/layanan.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/layanan/detaillayanan.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
<div id="content">
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<h5 class="mb-4 mt-4">Tahap Pengujian Sampel Laboratorium</h5>
|
||||
|
||||
<div class="tahap-image-wrapper">
|
||||
<img src="~/webnew/assets/image/Tahap Pengujian LLHD.png"
|
||||
<img src="~/webnew/assets/image/tahappengujianllhd.png"
|
||||
class="img-fluid tahap-image">
|
||||
</div>
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
<div class="layanan-card">
|
||||
<h6>Pengambilan Contoh Uji (PCU) Air</h6>
|
||||
|
||||
<img src="~/webnew/assets/image/foto/1.jpeg" class="card-img" />
|
||||
<img src="~/webnew/assets/image/foto/Sampling Air.jpeg" class="card-img" />
|
||||
|
||||
<p class="desc">
|
||||
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
<div class="layanan-card">
|
||||
<h6>Pengujian Air</h6>
|
||||
|
||||
<img src="~/webnew/assets/image/foto/2.jpeg" class="card-img" />
|
||||
<img src="~/webnew/assets/image/foto/Pengujian Air.jpeg" class="card-img" />
|
||||
|
||||
<p class="desc">
|
||||
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
<div class="layanan-card">
|
||||
<h6>Pengujian Udara</h6>
|
||||
|
||||
<img src="~/webnew/assets/image/foto/3.jpeg" class="card-img" />
|
||||
<img src="~/webnew/assets/image/foto/Sampling Udara.jpeg" class="card-img" />
|
||||
|
||||
<p class="desc">
|
||||
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian udara yaitu:
|
||||
|
|
|
|||
|
|
@ -4,16 +4,32 @@
|
|||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/Regulasi.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/regulasi.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Regulasi")
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="mb-3 text-center">
|
||||
@*<div class="mb-3 text-center">
|
||||
<button class="btn filter-btn active" data-kategori="peraturan">Peraturan</button>
|
||||
<button class="btn filter-btn" data-kategori="sop">SOP</button>
|
||||
</div>*@
|
||||
|
||||
<div class="regulasi-tabs mb-4">
|
||||
|
||||
<button class="filter-btn active" data-kategori="peraturan">
|
||||
<i class="bi bi-journal-text"></i>
|
||||
<span>Peraturan</span>
|
||||
</button>
|
||||
|
||||
<button class="filter-btn" data-kategori="sop">
|
||||
<i class="bi bi-file-earmark-text"></i>
|
||||
<span>SOP</span>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
|
|
@ -96,34 +112,137 @@
|
|||
}
|
||||
|
||||
function renderData(data) {
|
||||
|
||||
let html = "";
|
||||
|
||||
if (data.length === 0) {
|
||||
html = "<p class='text-muted text-center'>Data tidak ditemukan</p>";
|
||||
html = `
|
||||
<p class="text-muted text-center">
|
||||
Data tidak ditemukan
|
||||
</p>
|
||||
`;
|
||||
}
|
||||
|
||||
data.forEach(item => {
|
||||
html += `
|
||||
<div class="card d-flex justify-content-between align-items-center mb-3 flex-row p-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-file-earmark-pdf fs-2 text-primary"></i>
|
||||
</div>
|
||||
data.forEach((item, index) => {
|
||||
|
||||
let lampiranHtml = "";
|
||||
|
||||
if (item.lampiran && item.lampiran.length > 0) {
|
||||
|
||||
item.lampiran.forEach(l => {
|
||||
|
||||
lampiranHtml += `
|
||||
<div class="lampiran-item">
|
||||
|
||||
<span>
|
||||
<i class="bi bi-paperclip"></i>
|
||||
${l.judul}
|
||||
</span>
|
||||
|
||||
<div>
|
||||
<h6 class="mb-1">${item.judul}</h6>
|
||||
<small class="text-muted">
|
||||
${formatTanggal(item.tanggal)} | Diunduh ${item.download} kali
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<a href="${item.file}" target="_blank" class="btn btn-light btn-sm me-2">
|
||||
<a href="${l.file}"
|
||||
target="_blank"
|
||||
class="btn btn-light btn-sm me-2">
|
||||
|
||||
Lihat
|
||||
|
||||
</a>
|
||||
<a href="${item.file}" download class="btn btn-primary btn-sm">
|
||||
|
||||
<a href="${l.file}"
|
||||
download
|
||||
class="btn btn-primary btn-sm">
|
||||
|
||||
Unduh
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
}
|
||||
|
||||
html += `
|
||||
|
||||
<div class="card regulasi-card mb-3">
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
|
||||
|
||||
<div class="d-flex align-items-center regulasi-toggle"
|
||||
${item.lampiran?.length > 0
|
||||
? `data-bs-toggle="collapse"
|
||||
data-bs-target="#lampiran-${index}"`
|
||||
: ""}>
|
||||
|
||||
<div class="me-3">
|
||||
<i class="bi bi-file-earmark-pdf fs-2 text-primary file-icon"></i>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
<h6 class="mb-1">
|
||||
${item.judul}
|
||||
</h6>
|
||||
|
||||
<small class="text-muted">
|
||||
${formatTanggal(item.tanggal)}
|
||||
|
|
||||
Diunduh ${item.download} kali
|
||||
</small>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
|
||||
<a href="${item.file}"
|
||||
target="_blank"
|
||||
class="btn btn-light btn-sm">
|
||||
|
||||
Lihat
|
||||
|
||||
</a>
|
||||
|
||||
<a href="${item.file}"
|
||||
download
|
||||
class="btn btn-primary btn-sm">
|
||||
|
||||
Unduh
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
${item.lampiran?.length > 0
|
||||
? `
|
||||
<button
|
||||
class="btn btn-outline-primary btn-sm btn-lampiran collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#lampiran-${index}">
|
||||
|
||||
<i class="bi bi-chevron-down"></i>
|
||||
|
||||
</button>
|
||||
`
|
||||
: ""
|
||||
}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
${item.lampiran?.length > 0
|
||||
? `
|
||||
<div class="collapse mt-3"
|
||||
id="lampiran-${index}">
|
||||
|
||||
${lampiranHtml}
|
||||
|
||||
</div>
|
||||
`
|
||||
: ""
|
||||
}
|
||||
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,48 +4,24 @@
|
|||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/Sertifikat.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/sertifikat.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Sertifikat")
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<section class="sertifikat-section">
|
||||
<div class="container">
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="sertifikat-card">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/Registrasi Labling LLHD.pdf" target="_blank">
|
||||
<div class="pdf-preview">
|
||||
<iframe src="~/webnew/assets/document/sertifikat/Registrasi Labling LLHD.pdf"></iframe>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<h6>Registrasi Labling LLHD</h6>
|
||||
|
||||
<div class="sertifikat-action">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/Registrasi Labling LLHD.pdf" target="_blank" class="btn-lihat">
|
||||
<i class="bi bi-eye"></i> Lihat Dokumen
|
||||
</a>
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/Registrasi Labling LLHD.pdf" download class="btn-unduh">
|
||||
<i class="bi bi-download"></i> Unduh
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-6">
|
||||
<div class="sertifikat-card">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/Sertifikat Akreditasi LLHD.pdf" target="_blank">
|
||||
<div class="pdf-preview">
|
||||
<iframe src="~/webnew/assets/document/sertifikat/Sertifikat Akreditasi LLHD.pdf"></iframe>
|
||||
<iframe src="~/webnew/assets/document/sertifikat/sertifikat-akreditasi-llhd.pdf"></iframe>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
|
@ -53,11 +29,11 @@
|
|||
|
||||
<div class="sertifikat-action">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/Sertifikat Akreditasi LLHD.pdf" target="_blank" class="btn-lihat">
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat-akreditasi-llhd.pdf" target="_blank" class="btn-lihat">
|
||||
<i class="bi bi-eye"></i> Lihat Dokumen
|
||||
</a>
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/Sertifikat Akreditasi LLHD.pdf" download class="btn-unduh">
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat-akreditasi-llhd.pdf" download class="btn-unduh">
|
||||
<i class="bi bi-download"></i> Unduh
|
||||
</a>
|
||||
|
||||
|
|
@ -65,12 +41,12 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-6">
|
||||
<div class="sertifikat-card">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat wilayah bebas korupsi wbk.pdf" target="_blank">
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat-wilayah-bebas-korupsi-wbk.pdf" target="_blank">
|
||||
<div class="pdf-preview">
|
||||
<iframe src="~/webnew/assets/document/sertifikat/sertifikat wilayah bebas korupsi wbk.pdf"></iframe>
|
||||
<iframe src="~/webnew/assets/document/sertifikat/sertifikat-wilayah-bebas-korupsi-wbk.pdf"></iframe>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
|
@ -78,11 +54,63 @@
|
|||
|
||||
<div class="sertifikat-action">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat wilayah bebas korupsi wbk.pdf" target="_blank" class="btn-lihat">
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat-wilayah-bebas-korupsi-wbk.pdf" target="_blank" class="btn-lihat">
|
||||
<i class="bi bi-eye"></i> Lihat Dokumen
|
||||
</a>
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat wilayah bebas korupsi wbk.pdf" download class="btn-unduh">
|
||||
<a href="~/webnew/assets/document/sertifikat/sertifikat-wilayah-bebas-korupsi-wbk.pdf" download class="btn-unduh">
|
||||
<i class="bi bi-download"></i> Unduh
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="sertifikat-card">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/registrasi-labling-llhd.pdf" target="_blank">
|
||||
<div class="pdf-preview">
|
||||
<iframe src="~/webnew/assets/document/sertifikat/registrasi-labling-llhd.pdf"></iframe>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<h6>Registrasi Labling LLHD</h6>
|
||||
|
||||
<div class="sertifikat-action">
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/registrasi-labling-llhd.pdf" target="_blank" class="btn-lihat">
|
||||
<i class="bi bi-eye"></i> Lihat Dokumen
|
||||
</a>
|
||||
|
||||
<a href="~/webnew/assets/document/sertifikat/registrasi-labling-llhd.pdf" download class="btn-unduh">
|
||||
<i class="bi bi-download"></i> Unduh
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="sertifikat-card">
|
||||
|
||||
<a href="~/webnew/assets/document/parameter-terakreditasi-kan.pdf" target="_blank">
|
||||
<div class="pdf-preview">
|
||||
<iframe src="~/webnew/assets/document/parameter-terakreditasi-kan.pdf"></iframe>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<h6>RList Parameter Terakreditasi</h6>
|
||||
|
||||
<div class="sertifikat-action">
|
||||
|
||||
<a href="~/webnew/assets/document/parameter-terakreditasi-kan.pdf" target="_blank" class="btn-lihat">
|
||||
<i class="bi bi-eye"></i> Lihat Dokumen
|
||||
</a>
|
||||
|
||||
<a href="~/webnew/assets/document/parameter-terakreditasi-kan.pdf" download class="btn-unduh">
|
||||
<i class="bi bi-download"></i> Unduh
|
||||
</a>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<footer class="footer-section">
|
||||
<footer class="footer-section"
|
||||
style="background-image: url(' /webnew/assets/image/footer.png');">
|
||||
">
|
||||
<div class="container py-5">
|
||||
|
||||
<div class="row">
|
||||
|
|
@ -6,7 +8,7 @@
|
|||
<div class="col-md-5 mb-4">
|
||||
|
||||
<div class="footer-logo mb-4">
|
||||
<img src="~/webnew/assets/image/logo/Logo update bg.png" alt="LLHD">
|
||||
<img src="~/webnew/assets/image/logo/logollhdbg.png" alt="LLHD">
|
||||
</div>
|
||||
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<div class="container">
|
||||
|
||||
<a class="navbar-brand" asp-area="WebNew" asp-controller="Home" asp-action="Index">
|
||||
<img src="~/webnew/assets/image/logo/Logo update.png" width="120" />
|
||||
<img src="~/webnew/assets/image/logo/Logollhd.png" width="120" />
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,12 @@
|
|||
@{
|
||||
var currentController = ViewContext.RouteData.Values["Controller"]?.ToString();
|
||||
var currentAction = ViewContext.RouteData.Values["Action"]?.ToString();
|
||||
}
|
||||
|
||||
|
||||
<a href="https://wa.me/6281511930751"
|
||||
class="helpdesk-floating"
|
||||
target="_blank"
|
||||
title="Hubungi Helpdesk LLHD">
|
||||
<i class="bi bi-whatsapp"></i>
|
||||
</a>
|
||||
|
|
@ -3,6 +3,10 @@
|
|||
<section class="hero-section">
|
||||
<div class="container">
|
||||
<div class="hero-box text-center d-flex align-items-center justify-content-center">
|
||||
<img src="/webnew/assets/image/backgroundhero.png"
|
||||
alt="Hero Background"
|
||||
class="hero-bg" />
|
||||
|
||||
<h2>@Model</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,10 +7,12 @@
|
|||
<link rel="stylesheet" href="~/webnew/lib/bootstrap/dist/css/bootstrap.min.css" />
|
||||
|
||||
<link rel="stylesheet" href="~/webnew/css/site.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/Header.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/Index.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/Footer.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/Hero.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/header.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/index.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/footer.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/hero.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/helpdesk.css" asp-append-version="true" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="~/WebApplication2.styles.css" asp-append-version="true" />
|
||||
<link rel="icon" type="image/png" href="~/webnew/assets/image/logo/icon logo.png" />
|
||||
|
|
|
|||
|
|
@ -4,11 +4,13 @@
|
|||
}
|
||||
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/TentangKami.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/tentangkami.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Hero.cshtml", "Tentang Kami")
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<section class="about-section">
|
||||
<div class="container">
|
||||
|
|
@ -16,7 +18,7 @@
|
|||
<div class="organisasi-card">
|
||||
|
||||
<h3 class="text-center">Struktur Organisasi LLHD</h3>
|
||||
<img src="~/webnew/assets/image/Struktur Organisasi.png" class="about-img rounded-2" />
|
||||
<img src="~/webnew/assets/image/strukturorganisasi.png" class="about-img rounded-2" />
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
|
|
@ -24,7 +26,7 @@
|
|||
<div class="col-md-6">
|
||||
<div class="about-card">
|
||||
|
||||
<img src="~/webnew/assets/image/Visi Misi.png" class="about-img" />
|
||||
<img src="~/webnew/assets/image/visimisi.png" class="about-img" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +34,7 @@
|
|||
<div class="col-md-6">
|
||||
<div class="about-card">
|
||||
|
||||
<img src="~/webnew/assets/image/Sejarah.png" class="about-img" />
|
||||
<img src="~/webnew/assets/image/sejarah.png" class="about-img" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,9 +3,12 @@
|
|||
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
||||
}
|
||||
@section Style {
|
||||
<link rel="stylesheet" href="~/webnew/css/Video.css" asp-append-version="true" />
|
||||
<link rel="stylesheet" href="~/webnew/css/video.css" asp-append-version="true" />
|
||||
}
|
||||
|
||||
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
|
||||
<h3 class="fw-bold mb-4 text-center">Galeri Video</h3>
|
||||
|
|
@ -24,7 +27,7 @@
|
|||
<script>
|
||||
function loadVideo() {
|
||||
|
||||
fetch('/Video/GetAll')
|
||||
fetch('/WebNew/Video/GetAll')
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 252 KiB After Width: | Height: | Size: 252 KiB |
|
Before Width: | Height: | Size: 331 KiB After Width: | Height: | Size: 331 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 279 KiB After Width: | Height: | Size: 279 KiB |
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 94 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 316 KiB After Width: | Height: | Size: 316 KiB |
|
Before Width: | Height: | Size: 203 KiB After Width: | Height: | Size: 203 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 135 KiB |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 93 KiB After Width: | Height: | Size: 93 KiB |
|
Before Width: | Height: | Size: 229 KiB After Width: | Height: | Size: 229 KiB |
|
Before Width: | Height: | Size: 115 KiB After Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 186 KiB After Width: | Height: | Size: 186 KiB |
|
Before Width: | Height: | Size: 829 KiB After Width: | Height: | Size: 829 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
|
@ -2,8 +2,7 @@ body {
|
|||
background: #f5f7fa;
|
||||
}
|
||||
|
||||
.container {
|
||||
/* width: 90%;*/
|
||||
.berita-page {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
|
@ -16,65 +15,78 @@ body {
|
|||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.filter {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.filter input {
|
||||
.berita-page #search,
|
||||
.berita-page #filterDate {
|
||||
padding: 12px;
|
||||
border-radius: 10px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #ddd;
|
||||
flex: 1;
|
||||
transition: all .2s ease;
|
||||
}
|
||||
|
||||
.berita-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 25px;
|
||||
.berita-page #search:focus,
|
||||
.berita-page #filterDate:focus {
|
||||
border-color: #3b82f6;
|
||||
box-shadow: 0 0 0 3px rgba(59,130,246,.15);
|
||||
}
|
||||
|
||||
.card {
|
||||
.berita-page .card {
|
||||
background: white;
|
||||
border: none;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
|
||||
transition: 0.3s;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
.berita-page .card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 24px rgba(0,0,0,.08);
|
||||
}
|
||||
|
||||
.card img {
|
||||
.berita-page .card-img-top {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
.berita-page .card-body {
|
||||
padding: 15px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.date {
|
||||
.berita-page small.text-muted {
|
||||
font-size: 12px;
|
||||
color: gray;
|
||||
color: gray !important;
|
||||
}
|
||||
|
||||
.card h3 {
|
||||
.berita-page .card h6 {
|
||||
font-size: 16px;
|
||||
margin: 10px 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.card p {
|
||||
.berita-page .card p {
|
||||
font-size: 14px;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.card a {
|
||||
.berita-page .card a {
|
||||
color: #2563eb;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.berita-page .card a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.berita-page .card-img-top {
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.berita-page .card-body {
|
||||
padding: 14px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
.footer-section {
|
||||
background: url('/webnew/assets/image/Background_Footer.png') no-repeat center center;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
min-height: 300px;
|
||||
color: white;
|
||||
|
|
|
|||
|
|
@ -3,29 +3,25 @@
|
|||
}
|
||||
|
||||
.hero-box {
|
||||
background: url('/webnew/assets/image/Background Hero.png') no-repeat center;
|
||||
background-size: cover;
|
||||
border-radius: 20px;
|
||||
padding: 60px 20px;
|
||||
color: white;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
.hero-box::after {
|
||||
width: 40%;
|
||||
.hero-bg {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('/assets/image/Background Hero.png') no-repeat center;
|
||||
background-size: cover;
|
||||
opacity: 0.2;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.hero-box h2 {
|
||||
font-weight: 600;
|
||||
font-size: 32px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-weight: 600;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,24 +14,12 @@
|
|||
.hero-slide {
|
||||
min-width: 100%;
|
||||
height: 500px;
|
||||
/* background: url('/webnew/assets/image/Background Hero.png') no-repeat center center;
|
||||
background-size: cover;*/
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 40px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.slide-1 {
|
||||
background: url('/webnew/assets/image/Background Hero.png') no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.slide-2 {
|
||||
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/webnew/assets/image/foto/gedung LLHD.webp') no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.hero-content h1 {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
|
|
|
|||
|
|
@ -2,25 +2,60 @@ body {
|
|||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.regulasi-tabs {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 14px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.filter-btn {
|
||||
border-radius: 999px !important;
|
||||
padding: 8px 22px;
|
||||
font-weight: 500;
|
||||
min-width: 180px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
border: 1px solid #e5e7eb;
|
||||
background: #f8fafc;
|
||||
color: #374151;
|
||||
transition: all 0.25s ease;
|
||||
border-radius: 18px;
|
||||
padding: 14px 24px;
|
||||
background: #ffffff;
|
||||
color: #64748b;
|
||||
font-weight: 600;
|
||||
transition: all .25s ease;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,.04);
|
||||
}
|
||||
|
||||
.filter-btn i {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.filter-btn:hover {
|
||||
background: #f1f5f9;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 20px rgba(0,0,0,.08);
|
||||
}
|
||||
|
||||
.filter-btn.active {
|
||||
background: #ffffff;
|
||||
color: #111827;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
||||
border: 1px solid #e5e7eb;
|
||||
background: linear-gradient(135deg,#2563eb,#3b82f6);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: 0 10px 25px rgba(37,99,235,.25);
|
||||
}
|
||||
|
||||
.filter-btn.active i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width:768px) {
|
||||
|
||||
.regulasi-tabs {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.filter-btn {
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -55,7 +90,7 @@ body {
|
|||
}
|
||||
|
||||
|
||||
#list-regulasi i {
|
||||
.file-icon {
|
||||
background: #e8f0ff;
|
||||
padding: 10px;
|
||||
border-radius: 12px;
|
||||
|
|
@ -99,6 +134,54 @@ body {
|
|||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.lampiran-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12px 16px;
|
||||
border-radius: 12px;
|
||||
background: #f8fafc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.lampiran-item span {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.lampiran-item i {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.btn-lampiran {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.btn-lampiran i {
|
||||
transition: transform .25s ease;
|
||||
}
|
||||
|
||||
.btn-lampiran:not(.collapsed) i {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.regulasi-toggle {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.regulasi-toggle:hover h6 {
|
||||
color: #2563eb;
|
||||
}
|
||||
|
||||
.regulasi-toggle:hover .file-icon {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.file-icon {
|
||||
transition: all .2s ease;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#list-regulasi .card {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,79 @@
|
|||
|
||||
|
||||
.helpdesk-floating {
|
||||
position: fixed;
|
||||
right: 24px;
|
||||
bottom: 24px;
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #25D366;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
text-decoration: none;
|
||||
z-index: 99999;
|
||||
box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);
|
||||
transition: all .3s ease;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.helpdesk-floating:hover {
|
||||
color: #fff;
|
||||
transform: translateY(-3px) scale(1.05);
|
||||
box-shadow: 0 12px 30px rgba(37, 211, 102, 0.55);
|
||||
}
|
||||
|
||||
.helpdesk-floating i {
|
||||
font-size: 34px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* Pulse Animation */
|
||||
.helpdesk-floating::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid rgba(37, 211, 102, 0.4);
|
||||
animation: helpdeskPulse 2s infinite;
|
||||
}
|
||||
|
||||
@keyframes helpdeskPulse {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: scale(1.4);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media (max-width: 768px) {
|
||||
.helpdesk-floating {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
}
|
||||
|
||||
.helpdesk-floating::before {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
}
|
||||
|
||||
.helpdesk-floating i {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
{
|
||||
"judul": "Pengujian Air",
|
||||
"judulTable1": "Info Harga Baku Mutu Air",
|
||||
"judulTable2": "Info Harga Per Parameter Air",
|
||||
"deskripsi-singkat": "Kegiatan laboratorium untuk menganalisis dan menilai kualitas air berdasarkan parameter fisika, kimia, maupun mikrobiologi pada air minum, air limbah, maupun air tanah, yang dilakukan oleh tenaga profesional dengan metode tervalidasi serta peralatan terkalibrasi. Sebanyak 72 parameter air milik LLHD telah terakreditasi oleh KAN, dan jumlah tersebut akan terus bertambah seiring dengan pengembangan layanan dan peningkatan mutu laboratorium untuk mendukung pengambilan keputusan, pemenuhan regulasi, serta perlindungan lingkungan. Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:",
|
||||
"deskripsi": [
|
||||
"Air Limbah",
|
||||
|
|
@ -8,7 +10,7 @@
|
|||
"Air Tanah, dan",
|
||||
"Air Perpipaan."
|
||||
],
|
||||
"gambar": "/webnew/assets/image/foto/2.jpeg",
|
||||
"gambar": "/webnew/assets/image/foto/pengujianair.jpeg",
|
||||
|
||||
"table1": {
|
||||
"columns": [ "No", "Kode", "Output Hasil Uji", "Jenis Baku Mutu", "Tipe Pengujian", "Total Parameter", "Total Harga", "Aksi" ],
|
||||
|
|
|
|||
|
|
@ -1,8 +1,10 @@
|
|||
{
|
||||
"judul": "Pengambilan Contoh Uji (PCU) Air",
|
||||
"judulTable1": "Info Harga Baku Mutu Air",
|
||||
"judulTable2": "Info Harga Per Parameter Air",
|
||||
"deskripsi-singkat": "Kegiatan laboratorium untuk memperoleh sampel air secara representatif dari sumber tertentu, seperti air permukaan, air tanah, air limbah, maupun air minum sesuai dengan standar dan prosedur yang berlaku oleh personel yang kompeten. Berdasarkan Permen LH No. 23 Tahun 2020, pengambilan contoh uji wajib dilakukan oleh laboratorium lingkungan sebagai bagian integral dari proses pengujian yang menentukan validitas, akurasi, ketertelusuran, ketidakberpihakan, serta menjamin keabsahan hasil uji laboratorium. Pengambilan contoh uji air di LLHD merupakan salah satu layanan yang telah terakreditasi oleh KAN. Beberapa pengujian laboratorium yang dapat dilakukan pada PCU air yaitu:",
|
||||
"deskripsi": [ "Air Limbah", "Air Tanah, maupun ", "Air Minum." ],
|
||||
"gambar": "/webnew/assets/image/foto/1.jpeg",
|
||||
"gambar": "/webnew/assets/image/foto/samplingair.jpeg",
|
||||
|
||||
"table1": {
|
||||
"columns": [ "No", "Kode", "Output Hasil Uji", "Jenis Baku Mutu", "Tipe Pengujian", "Total Parameter", "Total Harga", "Aksi" ],
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
{
|
||||
"judul": "Pengujian Udara",
|
||||
"judulTable1": "Info Harga Baku Mutu Udara",
|
||||
"judulTable2": "Info Harga Per Parameter Udara",
|
||||
"deskripsi-singkat": "Kegiatan laboratorium untuk mengetahui kualitas udara ambien maupun udara emisi dari suatu sumber, seperti industri, kendaraan, atau lingkungan kerja. Selain itu, pengujian udara juga melayani pengujian kualitas udara dalam ruang, kebisingan lingkungan, serta stasiun pemantau kualitas udara. Sebanyak 24 parameter udara milik LLHD telah terakreditasi oleh KAN, dan jumlah tersebut akan terus bertambah seiring dengan pengembangan layanan dan peningkatan mutu laboratorium. Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian udara, yaitu:",
|
||||
"deskripsi": [
|
||||
"KUDR (kualitas udara dalam ruang)",
|
||||
|
|
@ -9,7 +11,7 @@
|
|||
"Emisi Bergerak (kendaraan)",
|
||||
"SPKU (stasiun pemantau kualitas udara)"
|
||||
],
|
||||
"gambar": "/webnew/assets/image/foto/3.jpeg",
|
||||
"gambar": "/webnew/assets/image/foto/pengujianudara.jpeg",
|
||||
|
||||
"table1": {
|
||||
"columns": [ "Kode", "Output", "Jenis", "Tipe", "Total Parameter", "Total Harga", "Aksi" ],
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"judul": "Komitmen LLHD Terhadap Pemenuhan Permen LHK No.23 Tahun 2020",
|
||||
"tanggal": "2026-02-10",
|
||||
"gambar": [
|
||||
"/webnew/assets/image/foto/Berita komitmen llhd.png",
|
||||
"/webnew/assets/image/foto/beritakomitmenllhd.png",
|
||||
"/webnew/assets/image/foto/1.jpeg",
|
||||
"/webnew/assets/image/foto/2.jpeg"
|
||||
],
|
||||
|
|
|
|||
|
|
@ -2,37 +2,37 @@
|
|||
{
|
||||
"direction": "right",
|
||||
"logos": [
|
||||
"/webnew/assets/image/logo/mitra/AEON_MALL_corporate_logo.png",
|
||||
"/webnew/assets/image/logo/mitra/Ascott.webp",
|
||||
"/webnew/assets/image/logo/mitra/Astra_International-Logo.wine.png",
|
||||
"/webnew/assets/image/logo/mitra/customer-service-1609157206.jpg",
|
||||
"/webnew/assets/image/logo/mitra/Image_9C8114FA_85F2_4999_418B_62B69DAA69D3.png",
|
||||
"/webnew/assets/image/logo/mitra/Kalbe_Farma.svg.png",
|
||||
"/webnew/assets/image/logo/mitra/khong_guan-brand-color.png"
|
||||
"/webnew/assets/image/logo/mitra/aeonmall.png",
|
||||
"/webnew/assets/image/logo/mitra/ascott.webp",
|
||||
"/webnew/assets/image/logo/mitra/astra.png",
|
||||
"/webnew/assets/image/logo/mitra/pramita.jpg",
|
||||
"/webnew/assets/image/logo/mitra/pakubuwono.png",
|
||||
"/webnew/assets/image/logo/mitra/kalbe.png",
|
||||
"/webnew/assets/image/logo/mitra/khongguan.png"
|
||||
]
|
||||
},
|
||||
{
|
||||
"direction": "left",
|
||||
"logos": [
|
||||
"/webnew/assets/image/logo/mitra/Logo Paljaya.png",
|
||||
"/webnew/assets/image/logo/mitra/Logo-Bio-medika.png",
|
||||
"/webnew/assets/image/logo/mitra/logo-rspp.png",
|
||||
"/webnew/assets/image/logo/mitra/Logo_LRT_Jakarta.png",
|
||||
"/webnew/assets/image/logo/mitra/Logo_Mayapada_Hospital.png",
|
||||
"/webnew/assets/image/logo/mitra/McDonald_s_1968_logo.png",
|
||||
"/webnew/assets/image/logo/mitra/MOI_LOGO-red-01.svg.png"
|
||||
"/webnew/assets/image/logo/mitra/paljaya.png",
|
||||
"/webnew/assets/image/logo/mitra/biomedika.png",
|
||||
"/webnew/assets/image/logo/mitra/logorspp.png",
|
||||
"/webnew/assets/image/logo/mitra/lrt.png",
|
||||
"/webnew/assets/image/logo/mitra/mayapada.png",
|
||||
"/webnew/assets/image/logo/mitra/mcdonals.png",
|
||||
"/webnew/assets/image/logo/mitra/moi.png"
|
||||
]
|
||||
},
|
||||
{
|
||||
"direction": "right",
|
||||
"logos": [
|
||||
"/webnew/assets/image/logo/mitra/MRT_Jakarta_logo.svg.png",
|
||||
"/webnew/assets/image/logo/mitra/Prodia.jpg",
|
||||
"/webnew/assets/image/logo/mitra/Rscm_new.png",
|
||||
"/webnew/assets/image/logo/mitra/Sarinah.png",
|
||||
"/webnew/assets/image/logo/mitra/UT.png",
|
||||
"/webnew/assets/image/logo/mitra/Yamaha.png",
|
||||
"/webnew/assets/image/logo/mitra/960px-Bank_Central_Asia.svg.png"
|
||||
"/webnew/assets/image/logo/mitra/mrt.png",
|
||||
"/webnew/assets/image/logo/mitra/prodia.jpg",
|
||||
"/webnew/assets/image/logo/mitra/rscm.png",
|
||||
"/webnew/assets/image/logo/mitra/sarinah.png",
|
||||
"/webnew/assets/image/logo/mitra/ut.png",
|
||||
"/webnew/assets/image/logo/mitra/yamaha.png",
|
||||
"/webnew/assets/image/logo/mitra/bcapng"
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/PERGUB_NO._57_TAHUN_2022.pdf",
|
||||
"file": "/webnew/assets/document/Peraturan/pergub-no-57-tahun-2022.pdf",
|
||||
"download": 200
|
||||
},
|
||||
{
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/PERGUB_NO_69_TAHUN_2013.pdf",
|
||||
"file": "/webnew/assets/document/Peraturan/pergub-no-69-tahun-2013.pdf",
|
||||
"download": 120
|
||||
},
|
||||
{
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/PERMENLH NOMOR 11 TAHUN 2021.pdf",
|
||||
"file": "/webnew/assets/document/Peraturan/permenlh-no-11-tahun-2021.pdf",
|
||||
"download": 200
|
||||
},
|
||||
{
|
||||
|
|
@ -32,143 +32,70 @@
|
|||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
},
|
||||
"file": "/webnew/assets/document/Peraturan/salinan-pp-nomor-22-tahun-2021.pdf",
|
||||
"download": 120,
|
||||
"lampiran": [
|
||||
{
|
||||
"id": 5,
|
||||
"judul": "Lampiran I PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/2. Lampiran I PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 200
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-I-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"judul": "Lampiran II PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/3. Lampiran II PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-II-pp-nomor-22-ahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"judul": "Lampiran III PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/4. Lampiran III PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 200
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-III-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"judul": "Lampiran IV PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/5. Lampiran IV PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-IV-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"judul": "Lampiran V PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/6. Lampiran V PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 200
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-V-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"judul": "Lampiran VI Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/7. Lampiran VI Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-VI-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"judul": "Lampiran VI Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/7. Lampiran VI Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 200
|
||||
"judul": "Lampiran VII Salinan PP Nomor 22 Tahun 2021",
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-VII-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"judul": "Lampiran VIII Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/9. Lampiran VIII Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-VIII-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"judul": "Lampiran IX Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/10. Lampiran IX Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 200
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-IX-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"judul": "Lampiran X Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/11. Lampiran X Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-X-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"judul": "Lampiran XI Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/12. Lampiran XI Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 200
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-XI-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"judul": "Lampiran XII Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/13. Lampiran XII Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-XII-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 17,
|
||||
"judul": "Lampiran XIII Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/14. Lampiran XIII Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-XIII-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 18,
|
||||
"judul": "Lampiran XIV Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2025-02-27",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/Peraturan/15. Lampiran XIV Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 200
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-XIV-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
},
|
||||
{
|
||||
"id": 19,
|
||||
"judul": "Lampiran XV Salinan PP Nomor 22 Tahun 2021",
|
||||
"kategori": "peraturan",
|
||||
"tanggal": "2026-01-10",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/Peraturan/16. Lampiran XV Salinan PP Nomor 22 Tahun 2021.pdf",
|
||||
"download": 120
|
||||
"file": "/webnew/assets/document/Peraturan/lampiran-XV-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 20,
|
||||
|
|
@ -176,7 +103,7 @@
|
|||
"kategori": "sop",
|
||||
"tanggal": "2026-03-01",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/SOP/114671.OT.05.00 Penanganan Pengaduan Pelanggan.pdf",
|
||||
"file": "/webnew/assets/document/SOP/penanganan-pengaduan-pelanggan.pdf",
|
||||
"download": 90
|
||||
},
|
||||
{
|
||||
|
|
@ -185,7 +112,7 @@
|
|||
"kategori": "sop",
|
||||
"tanggal": "2026-03-01",
|
||||
"tahun": 2026,
|
||||
"file": "/webnew/assets/document/SOP/114672.OT.05.00 Pengajuan Pengujian Contoh Uji Air.pdf",
|
||||
"file": "/webnew/assets/document/SOP/pengajuan-pengujian-contoh-uji-air.pdf",
|
||||
"download": 90
|
||||
},
|
||||
{
|
||||
|
|
@ -194,7 +121,7 @@
|
|||
"kategori": "sop",
|
||||
"tanggal": "2025-08-15",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/SOP/114673.OT.05.00 Pembuatan Akun Pelanggan.pdf",
|
||||
"file": "/webnew/assets/document/SOP/pembuatan-akun-pelanggan.pdf",
|
||||
"download": 70
|
||||
},
|
||||
{
|
||||
|
|
@ -203,7 +130,7 @@
|
|||
"kategori": "sop",
|
||||
"tanggal": "2025-08-15",
|
||||
"tahun": 2025,
|
||||
"file": "/webnew/assets/document/SOP/114675.OT.05.00 Tanggap Darurat.pdf",
|
||||
"file": "/webnew/assets/document/SOP/tanggap-darurat.pdf",
|
||||
"download": 70
|
||||
}
|
||||
]
|
||||
Loading…
Reference in New Issue