update fronted
parent
c5128c7e49
commit
f556faa508
|
|
@ -7,12 +7,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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="row mb-4">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
|
|
@ -40,7 +42,7 @@
|
||||||
|
|
||||||
function loadBerita() {
|
function loadBerita() {
|
||||||
|
|
||||||
fetch('/Berita/GetBerita')
|
fetch('/WebNew/Berita/GetBerita')
|
||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
|
|
||||||
|
|
@ -70,29 +72,29 @@
|
||||||
|
|
||||||
list.forEach(item => {
|
list.forEach(item => {
|
||||||
html += `
|
html += `
|
||||||
<div class="col-md-4 mb-4">
|
<div class="col-md-4 mb-4">
|
||||||
<div class="card h-100 shadow-sm">
|
<div class="card h-100 shadow-sm">
|
||||||
|
|
||||||
<img src="${Array.isArray(item.gambar) ? item.gambar[0] : item.gambar}"
|
<img src="${Array.isArray(item.gambar) ? item.gambar[0] : item.gambar}"
|
||||||
class="card-img-top">
|
class="card-img-top">
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<small class="text-muted">${formatTanggal(item.tanggal)}</small>
|
<small class="text-muted">${formatTanggal(item.tanggal)}</small>
|
||||||
|
|
||||||
<h6 class="fw-bold mt-2">${item.judul}</h6>
|
<h6 class="fw-bold mt-2">${item.judul}</h6>
|
||||||
|
|
||||||
<p class="text-muted small">
|
<p class="text-muted small">
|
||||||
${item.deskripsi}
|
${item.deskripsi}
|
||||||
</p>
|
</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
|
Baca Selengkapnya
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
`;
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById("beritaList").innerHTML = html;
|
document.getElementById("beritaList").innerHTML = html;
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,11 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
@section Style {
|
@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="rounded-3 container mb-4 mt-5 mt-4 bg-white p-3 px-3">
|
||||||
|
|
||||||
|
|
@ -52,7 +55,7 @@
|
||||||
|
|
||||||
const id = getQueryParam("id");
|
const id = getQueryParam("id");
|
||||||
|
|
||||||
fetch(`/Berita/GetDetail?id=${id}`)
|
fetch(`/WebNew/Berita/GetDetail?id=${id}`)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
if (!res.ok) throw new Error("Data tidak ditemukan");
|
if (!res.ok) throw new Error("Data tidak ditemukan");
|
||||||
return res.json();
|
return res.json();
|
||||||
|
|
@ -80,7 +83,7 @@
|
||||||
|
|
||||||
function loadSidebar() {
|
function loadSidebar() {
|
||||||
|
|
||||||
fetch('/Berita/GetAll')
|
fetch('/WebNew/Berita/GetAll')
|
||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,9 @@
|
||||||
@section Style {
|
@section Style {
|
||||||
<link rel="stylesheet" href="~/webnew/css/Faq.css" asp-append-version="true" />
|
<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">
|
<section class="faq-section">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -19,9 +19,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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="container py-5">
|
||||||
<div class="card form-card mx-auto border-0 shadow-sm">
|
<div class="card form-card mx-auto border-0 shadow-sm">
|
||||||
<div class="card-body p-md-5 p-4">
|
<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";
|
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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="container my-5">
|
||||||
<div class="row g-4" id="galeri-list"></div>
|
<div class="row g-4" id="galeri-list"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -80,7 +84,7 @@
|
||||||
|
|
||||||
function loadGaleri() {
|
function loadGaleri() {
|
||||||
|
|
||||||
fetch('/Galeri/GetAll')
|
fetch('/WebNew/Galeri/GetAll')
|
||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
|
|
||||||
|
|
@ -90,8 +94,8 @@
|
||||||
html += `
|
html += `
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="galeri-card">
|
<div class="galeri-card">
|
||||||
<img src="${item.gambar}"
|
<img src="${item.gambar}"
|
||||||
alt="${item.judul}"
|
alt="${item.judul}"
|
||||||
class="galeri-img"
|
class="galeri-img"
|
||||||
data-judul="${item.judul}"
|
data-judul="${item.judul}"
|
||||||
data-deskripsi="${item.deskripsi}">
|
data-deskripsi="${item.deskripsi}">
|
||||||
|
|
|
||||||
|
|
@ -2,13 +2,22 @@
|
||||||
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
||||||
ViewData["Title"] = "Beranda";
|
ViewData["Title"] = "Beranda";
|
||||||
}
|
}
|
||||||
|
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||||
|
|
||||||
|
|
||||||
<section class="hero-slider">
|
<section class="hero-slider">
|
||||||
|
|
||||||
<div class="hero-wrapper" id="hero-wrapper">
|
<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-content">
|
||||||
|
|
||||||
<div class="hero-logo mb-3 bg-white">
|
<div class="hero-logo mb-3 bg-white">
|
||||||
<img src="~/webnew/assets/image/logo/logo update.png" />
|
<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-KAN-LLHD.png" />
|
||||||
|
|
@ -16,35 +25,65 @@
|
||||||
<img src="~/webnew/assets/image/logo/Wilayah_Bebas_dari_Korupsi.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/logo-dlh.png" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1>Laboratorium Lingkungan Hidup Daerah</h1>
|
<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
|
Lihat Layanan
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="hero-slide slide-2">
|
<!-- 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-content">
|
||||||
|
|
||||||
<div class="hero-logo mb-3 bg-white">
|
<div class="hero-logo mb-3 bg-white">
|
||||||
<img src="~/webnew/assets/image/logo/logo update.png" />
|
<img src="~/webnew/assets/image/logo/logollhd.png" />
|
||||||
<img src="~/webnew/assets/image/logo/Logo-KAN-LLHD.png" />
|
<img src="~/webnew/assets/image/logo/logokanllhd.png" />
|
||||||
<img src="~/webnew/assets/image/logo/Logo Registrasi LLHD-KLHK.png" />
|
<img src="~/webnew/assets/image/logo/logoregistrasiklhk.png" />
|
||||||
<img src="~/webnew/assets/image/logo/Wilayah_Bebas_dari_Korupsi.png" />
|
<img src="~/webnew/assets/image/logo/wilayahbebaskorupsi.png" />
|
||||||
<img src="~/webnew/assets/image/logo/logo-dlh.png" />
|
<img src="~/webnew/assets/image/logo/logodlh.png" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1>Laboratorium Lingkungan Hidup Daerah</h1>
|
<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
|
Lihat Layanan
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="hero-btn prev" onclick="prevSlide()">‹</button>
|
<button class="hero-btn prev" onclick="prevSlide()">
|
||||||
<button class="hero-btn next" onclick="nextSlide()">›</button>
|
‹
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button class="hero-btn next" onclick="nextSlide()">
|
||||||
|
›
|
||||||
|
</button>
|
||||||
|
|
||||||
<div class="hero-dots" id="hero-dots"></div>
|
<div class="hero-dots" id="hero-dots"></div>
|
||||||
|
|
||||||
|
|
@ -59,9 +98,6 @@
|
||||||
<p class="text-muted">
|
<p class="text-muted">
|
||||||
Senin - Jumat, 08:00 - 16:00
|
Senin - Jumat, 08:00 - 16:00
|
||||||
</p>
|
</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>
|
||||||
|
|
||||||
<div class="row g-4 justify-content-center">
|
<div class="row g-4 justify-content-center">
|
||||||
|
|
@ -71,14 +107,14 @@
|
||||||
|
|
||||||
<div class="service-card">
|
<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-overlay"></div>
|
||||||
|
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<div class="top-content">
|
<div class="top-content">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#094f9a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pipette-icon lucide-pipette"><path d="m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12" /><path d="m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3z" /><path d="m2 22 .414-.414" /></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#094f9a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pipette-icon lucide-pipette"><path d="m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12" /><path d="m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3z" /><path d="m2 22 .414-.414" /></svg>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<p class="title">Pengambilan Contoh Uji (PCU) Air</p>
|
<p class="title">Pengambilan Contoh Uji (PCU) Air</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -104,7 +140,7 @@
|
||||||
<a href="/WebNew/Layanan?jenis=air" class="service-card-link">
|
<a href="/WebNew/Layanan?jenis=air" class="service-card-link">
|
||||||
<div class="service-card">
|
<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-overlay"></div>
|
||||||
|
|
||||||
<div class="service-content" asp-area="WebNew" asp-controller="Layanan" asp-action="Air">
|
<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">
|
<a href="/WebNew/Layanan?jenis=udara" class="service-card-link">
|
||||||
<div class="service-card">
|
<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-overlay"></div>
|
||||||
|
|
||||||
<div class="service-content" asp-area="WebNew" asp-controller="Layanan" asp-action="Udara">
|
<div class="service-content" asp-area="WebNew" asp-controller="Layanan" asp-action="Udara">
|
||||||
|
|
@ -196,11 +232,11 @@
|
||||||
<span class="badge-about">Tentang LLHD</span>
|
<span class="badge-about">Tentang LLHD</span>
|
||||||
|
|
||||||
<div class="about-logo mb-3">
|
<div class="about-logo mb-3">
|
||||||
<img src="~/webnew/assets/image/logo/logo update.png" />
|
<img src="~/webnew/assets/image/logo/logollhd.png" />
|
||||||
<img src="~/webnew/assets/image/logo/Logo-KAN-LLHD.png" />
|
<img src="~/webnew/assets/image/logo/logokanllhd.png" />
|
||||||
<img src="~/webnew/assets/image/logo/Logo Registrasi LLHD-KLHK.png" />
|
<img src="~/webnew/assets/image/logo/logoregistrasiklhk.png" />
|
||||||
<img src="~/webnew/assets/image/logo/Wilayah_Bebas_dari_Korupsi.png" />
|
<img src="~/webnew/assets/image/logo/wilayahbebaskorupsi.png" />
|
||||||
<img src="~/webnew/assets/image/logo/logo-dlh.png" />
|
<img src="~/webnew/assets/image/logo/logodlh.png" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 class="fw-bold mb-3">
|
<h4 class="fw-bold mb-3">
|
||||||
|
|
@ -274,14 +310,14 @@
|
||||||
<div class="col-md-4 col-sm-6">
|
<div class="col-md-4 col-sm-6">
|
||||||
<div class="stat-item">
|
<div class="stat-item">
|
||||||
<h2 class="stat-number counter" data-target="1369">0</h2>
|
<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>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-4 col-sm-6">
|
<div class="col-md-4 col-sm-6">
|
||||||
<div class="stat-item">
|
<div class="stat-item">
|
||||||
<h2 class="stat-number counter" data-target="171">0</h2>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -473,7 +509,7 @@
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="~/webnew/assets/image/icon/icon user.png" />
|
<img src="~/webnew/assets/image/icon/icon user.png" />
|
||||||
</div>
|
</div>
|
||||||
<p class="title">Pengenalan Mutu</p>
|
<p class="title">Pengendalian Mutu</p>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
|
|
@ -555,7 +591,7 @@
|
||||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||||
<h4 class="fw-bold">Berita Laboratorium Lingkungan</h4>
|
<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 →
|
Lihat Selengkapnya →
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -794,7 +830,7 @@
|
||||||
<div class="row g-6 justify-content-center" id="video-preview"></div>
|
<div class="row g-6 justify-content-center" id="video-preview"></div>
|
||||||
|
|
||||||
<div class="mt-4 text-center">
|
<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 →
|
Lihat Selengkapnya →
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -813,7 +849,7 @@
|
||||||
<div class="galeri-scroll" id="galeri-preview"></div>
|
<div class="galeri-scroll" id="galeri-preview"></div>
|
||||||
|
|
||||||
<div class="mt-4 text-center">
|
<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 →
|
Lihat Selengkapnya →
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1074,11 +1110,11 @@
|
||||||
data.forEach(row => {
|
data.forEach(row => {
|
||||||
|
|
||||||
html += `
|
html += `
|
||||||
<div class="logo-track move-${row.direction}">
|
<div class="logo-track move-${row.direction}">
|
||||||
${renderGroup(row.logos)}
|
${renderGroup(row.logos)}
|
||||||
${renderGroup(row.logos)}
|
${renderGroup(row.logos)}
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
});
|
});
|
||||||
|
|
||||||
document.querySelector(".logo-slider").innerHTML = html;
|
document.querySelector(".logo-slider").innerHTML = html;
|
||||||
|
|
@ -1119,41 +1155,41 @@
|
||||||
const featured = data[0];
|
const featured = data[0];
|
||||||
|
|
||||||
document.getElementById("featured-berita").innerHTML = `
|
document.getElementById("featured-berita").innerHTML = `
|
||||||
<img src="${Array.isArray(featured.gambar) ? featured.gambar[0] : featured.gambar}" class="featured-img">
|
<img src="${Array.isArray(featured.gambar) ? featured.gambar[0] : featured.gambar}" class="featured-img">
|
||||||
|
|
||||||
<small class="text-muted d-block mt-2">${formatTanggal(featured.tanggal)}</small>
|
<small class="text-muted d-block mt-2">${formatTanggal(featured.tanggal)}</small>
|
||||||
|
|
||||||
<h5 class="fw-bold mt-2">${featured.judul}</h5>
|
<h5 class="fw-bold mt-2">${featured.judul}</h5>
|
||||||
|
|
||||||
<p class="text-muted">
|
<p class="text-muted">
|
||||||
${featured.deskripsi}
|
${featured.deskripsi}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<a href="/Berita/Detail?id=${featured.id}" class="text-primary fw-semibold">
|
<a href="/Berita/Detail?id=${featured.id}" class="text-primary fw-semibold">
|
||||||
Baca Selengkapnya
|
Baca Selengkapnya
|
||||||
</a>
|
</a>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
let sidebarHTML = "";
|
let sidebarHTML = "";
|
||||||
|
|
||||||
data.slice(1, 5).forEach(item => {
|
data.slice(1, 5).forEach(item => {
|
||||||
sidebarHTML += `
|
sidebarHTML += `
|
||||||
<div class="d-flex landing-item mb-3">
|
<div class="d-flex landing-item mb-3">
|
||||||
|
|
||||||
<img src="${Array.isArray(item.gambar) ? item.gambar[0] : item.gambar}" class="landing-img">
|
<img src="${Array.isArray(item.gambar) ? item.gambar[0] : item.gambar}" class="landing-img">
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<small class="text-muted">${formatTanggal(item.tanggal)}</small>
|
<small class="text-muted">${formatTanggal(item.tanggal)}</small>
|
||||||
|
|
||||||
<div class="landing-title">${item.judul}</div>
|
<div class="landing-title">${item.judul}</div>
|
||||||
|
|
||||||
<a href="/Berita/Detail?id=${item.id}" class="text-primary small">
|
<a href="/Berita/Detail?id=${item.id}" class="text-primary small">
|
||||||
Baca Selengkapnya
|
Baca Selengkapnya
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById("sidebar-berita").innerHTML = sidebarHTML;
|
document.getElementById("sidebar-berita").innerHTML = sidebarHTML;
|
||||||
|
|
@ -1172,18 +1208,18 @@
|
||||||
|
|
||||||
data.slice(0, 2).forEach(item => {
|
data.slice(0, 2).forEach(item => {
|
||||||
html += `
|
html += `
|
||||||
<div class="col-md-5">
|
<div class="col-md-5">
|
||||||
|
|
||||||
<div class="video-embed">
|
<div class="video-embed">
|
||||||
<iframe
|
<iframe
|
||||||
src="https://www.youtube.com/embed/${item.youtube}"
|
src="https://www.youtube.com/embed/${item.youtube}"
|
||||||
frameborder="0"
|
frameborder="0"
|
||||||
allowfullscreen>
|
allowfullscreen>
|
||||||
</iframe>
|
</iframe>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById("video-preview").innerHTML = html;
|
document.getElementById("video-preview").innerHTML = html;
|
||||||
|
|
@ -1205,10 +1241,10 @@
|
||||||
data.forEach(item => {
|
data.forEach(item => {
|
||||||
|
|
||||||
html += `
|
html += `
|
||||||
<div class="galeri-item">
|
<div class="galeri-item">
|
||||||
<img src="${item.gambar}" alt="${item.judul}">
|
<img src="${item.gambar}" alt="${item.judul}">
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,11 +4,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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/_Hero.cshtml", "Kontak")
|
||||||
|
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||||
|
|
||||||
|
|
||||||
<section class="kontak-section">
|
<section class="kontak-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
|
||||||
|
|
@ -4,9 +4,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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">
|
<div class="container mt-5">
|
||||||
|
|
||||||
<h3 class="page-title mb-4">Rincian Analisis</h3>
|
<h3 class="page-title mb-4">Rincian Analisis</h3>
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,8 @@
|
||||||
ViewData["Title"] = "Detail Layanan";
|
ViewData["Title"] = "Detail Layanan";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||||
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.service-btn.active {
|
.service-btn.active {
|
||||||
|
|
@ -19,6 +21,14 @@
|
||||||
<h3 id="judul"></h3>
|
<h3 id="judul"></h3>
|
||||||
<p id="deskripsi-singkat"></p>
|
<p id="deskripsi-singkat"></p>
|
||||||
<ul id="deskripsi"></ul>
|
<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>
|
||||||
|
|
||||||
<div class="col-md-5 text-center">
|
<div class="col-md-5 text-center">
|
||||||
|
|
@ -30,7 +40,7 @@
|
||||||
|
|
||||||
<div class="table-card mb-4">
|
<div class="table-card mb-4">
|
||||||
<div class="table-header">
|
<div class="table-header">
|
||||||
<h5>Info Harga Baku Mutu Air</h5>
|
<h5 id="judul-table1"></h5>
|
||||||
<div>
|
<div>
|
||||||
<button onclick="exportTableToExcel('table1')" class="btn-export">
|
<button onclick="exportTableToExcel('table1')" class="btn-export">
|
||||||
Download Excel
|
Download Excel
|
||||||
|
|
@ -53,7 +63,7 @@
|
||||||
|
|
||||||
<div class="table-card">
|
<div class="table-card">
|
||||||
<div class="table-header">
|
<div class="table-header">
|
||||||
<h5>Info Harga Per Parameter Air</h5>
|
<h5 id="judul-table2"></h5>
|
||||||
<div>
|
<div>
|
||||||
<button onclick="exportTableToExcel('table2')" class="btn-export">
|
<button onclick="exportTableToExcel('table2')" class="btn-export">
|
||||||
Download Excel
|
Download Excel
|
||||||
|
|
@ -105,17 +115,42 @@
|
||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
|
|
||||||
document.getElementById("judul").innerText = data.judul || "-";
|
// Informasi layanan
|
||||||
document.getElementById("gambar").src = data.gambar || "";
|
document.getElementById("judul").innerText =
|
||||||
document.getElementById("deskripsi-singkat").innerText = data["deskripsi-singkat"] || "";
|
data.judul || "-";
|
||||||
|
|
||||||
|
document.getElementById("gambar").src =
|
||||||
|
data.gambar || "";
|
||||||
|
|
||||||
|
document.getElementById("deskripsi-singkat").innerText =
|
||||||
|
data["deskripsi-singkat"] || "";
|
||||||
|
|
||||||
|
// Deskripsi list
|
||||||
let desc = "";
|
let desc = "";
|
||||||
|
|
||||||
(data.deskripsi || []).forEach(d => {
|
(data.deskripsi || []).forEach(d => {
|
||||||
desc += `<li>${d}</li>`;
|
desc += `<li>${d}</li>`;
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById("deskripsi").innerHTML = desc;
|
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("table1", data.table1);
|
||||||
renderTable("table2", data.table2);
|
renderTable("table2", data.table2);
|
||||||
|
|
||||||
|
|
@ -123,11 +158,14 @@
|
||||||
setupPagination("table2");
|
setupPagination("table2");
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(error => {
|
||||||
document.getElementById("judul").innerText = "Data tidak ditemukan";
|
|
||||||
|
console.error(error);
|
||||||
|
|
||||||
|
document.getElementById("judul").innerText =
|
||||||
|
"Data tidak ditemukan";
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
|
||||||
let jenis = getQueryParam("jenis") || "air";
|
let jenis = getQueryParam("jenis") || "air";
|
||||||
|
|
|
||||||
|
|
@ -4,10 +4,12 @@
|
||||||
ViewData["Title"] = "Layanan";
|
ViewData["Title"] = "Layanan";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||||
|
|
||||||
|
|
||||||
@section Style {
|
@section Style {
|
||||||
<link rel="stylesheet" href="~/webnew/css/layanan/Layanan.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" />
|
<link rel="stylesheet" href="~/webnew/css/layanan/detaillayanan.css" asp-append-version="true" />
|
||||||
}
|
}
|
||||||
|
|
||||||
<div id="content">
|
<div id="content">
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
<h5 class="mb-4 mt-4">Tahap Pengujian Sampel Laboratorium</h5>
|
<h5 class="mb-4 mt-4">Tahap Pengujian Sampel Laboratorium</h5>
|
||||||
|
|
||||||
<div class="tahap-image-wrapper">
|
<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">
|
class="img-fluid tahap-image">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<div class="layanan-card">
|
<div class="layanan-card">
|
||||||
<h6>Pengambilan Contoh Uji (PCU) Air</h6>
|
<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">
|
<p class="desc">
|
||||||
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
||||||
|
|
@ -50,7 +50,7 @@
|
||||||
<div class="layanan-card">
|
<div class="layanan-card">
|
||||||
<h6>Pengujian Air</h6>
|
<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">
|
<p class="desc">
|
||||||
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
||||||
|
|
@ -77,7 +77,7 @@
|
||||||
<div class="layanan-card">
|
<div class="layanan-card">
|
||||||
<h6>Pengujian Udara</h6>
|
<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">
|
<p class="desc">
|
||||||
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian udara yaitu:
|
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian udara yaitu:
|
||||||
|
|
|
||||||
|
|
@ -4,16 +4,32 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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/_Hero.cshtml", "Regulasi")
|
||||||
|
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<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 active" data-kategori="peraturan">Peraturan</button>
|
||||||
<button class="btn filter-btn" data-kategori="sop">SOP</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>
|
||||||
|
|
||||||
<div class="row mb-3">
|
<div class="row mb-3">
|
||||||
|
|
@ -96,36 +112,139 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderData(data) {
|
function renderData(data) {
|
||||||
|
|
||||||
let html = "";
|
let html = "";
|
||||||
|
|
||||||
if (data.length === 0) {
|
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 => {
|
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>
|
||||||
|
<a href="${l.file}"
|
||||||
|
target="_blank"
|
||||||
|
class="btn btn-light btn-sm me-2">
|
||||||
|
|
||||||
|
Lihat
|
||||||
|
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="${l.file}"
|
||||||
|
download
|
||||||
|
class="btn btn-primary btn-sm">
|
||||||
|
|
||||||
|
Unduh
|
||||||
|
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
html += `
|
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="card regulasi-card mb-3">
|
||||||
<div class="me-3">
|
|
||||||
<i class="bi bi-file-earmark-pdf fs-2 text-primary"></i>
|
<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>
|
||||||
<div>
|
|
||||||
<h6 class="mb-1">${item.judul}</h6>
|
<div class="d-flex align-items-center gap-2">
|
||||||
<small class="text-muted">
|
|
||||||
${formatTanggal(item.tanggal)} | Diunduh ${item.download} kali
|
<a href="${item.file}"
|
||||||
</small>
|
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>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<a href="${item.file}" target="_blank" class="btn btn-light btn-sm me-2">
|
${item.lampiran?.length > 0
|
||||||
Lihat
|
? `
|
||||||
</a>
|
<div class="collapse mt-3"
|
||||||
<a href="${item.file}" download class="btn btn-primary btn-sm">
|
id="lampiran-${index}">
|
||||||
Unduh
|
|
||||||
</a>
|
${lampiranHtml}
|
||||||
</div>
|
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
: ""
|
||||||
|
}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById("list-regulasi").innerHTML = html;
|
document.getElementById("list-regulasi").innerHTML = html;
|
||||||
|
|
@ -153,7 +272,7 @@
|
||||||
for (let i = 1; i <= totalPages; i++) {
|
for (let i = 1; i <= totalPages; i++) {
|
||||||
html += `
|
html += `
|
||||||
<button
|
<button
|
||||||
class="btn btn-sm ${i === currentPage ?"btn-primary" : "btn-outline-primary"} mx-1"
|
class="btn btn-sm ${i === currentPage ? "btn-primary" : "btn-outline-primary"} mx-1"
|
||||||
onclick="changePage(${i})">
|
onclick="changePage(${i})">
|
||||||
${i}
|
${i}
|
||||||
</button>
|
</button>
|
||||||
|
|
|
||||||
|
|
@ -4,48 +4,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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/_Hero.cshtml", "Sertifikat")
|
||||||
|
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||||
|
|
||||||
|
|
||||||
<section class="sertifikat-section">
|
<section class="sertifikat-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div class="row g-4">
|
<div class="row g-4">
|
||||||
|
|
||||||
<div class="col-md-4">
|
<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-4">
|
|
||||||
<div class="sertifikat-card">
|
<div class="sertifikat-card">
|
||||||
|
|
||||||
<a href="~/webnew/assets/document/sertifikat/Sertifikat Akreditasi LLHD.pdf" target="_blank">
|
<a href="~/webnew/assets/document/sertifikat/Sertifikat Akreditasi LLHD.pdf" target="_blank">
|
||||||
<div class="pdf-preview">
|
<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>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
@ -53,11 +29,11 @@
|
||||||
|
|
||||||
<div class="sertifikat-action">
|
<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
|
<i class="bi bi-eye"></i> Lihat Dokumen
|
||||||
</a>
|
</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
|
<i class="bi bi-download"></i> Unduh
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
@ -65,12 +41,12 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-6">
|
||||||
<div class="sertifikat-card">
|
<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">
|
<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>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
@ -78,11 +54,63 @@
|
||||||
|
|
||||||
<div class="sertifikat-action">
|
<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
|
<i class="bi bi-eye"></i> Lihat Dokumen
|
||||||
</a>
|
</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
|
<i class="bi bi-download"></i> Unduh
|
||||||
</a>
|
</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="container py-5">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
@ -6,7 +8,7 @@
|
||||||
<div class="col-md-5 mb-4">
|
<div class="col-md-5 mb-4">
|
||||||
|
|
||||||
<div class="footer-logo 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>
|
</div>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
@ -25,7 +27,7 @@
|
||||||
<ul class="footer-links">
|
<ul class="footer-links">
|
||||||
<li><a href="#">Beranda</a></li>
|
<li><a href="#">Beranda</a></li>
|
||||||
<li><a asp-area="WebNew" asp-controller="Layanan" asp-action="Index">Layanan</a></li>
|
<li><a asp-area="WebNew" asp-controller="Layanan" asp-action="Index">Layanan</a></li>
|
||||||
<li><a href="/WebNew/Layanan?jenis=pcu" >Layanan PCU</a></li>
|
<li><a href="/WebNew/Layanan?jenis=pcu">Layanan PCU</a></li>
|
||||||
<li><a href="/WebNew/Layanan?jenis=air">Layanan Uji Air</a></li>
|
<li><a href="/WebNew/Layanan?jenis=air">Layanan Uji Air</a></li>
|
||||||
<li><a href="/WebNew/Layanan?jenis=udara">Layanan Uji Udara</a></li>
|
<li><a href="/WebNew/Layanan?jenis=udara">Layanan Uji Udara</a></li>
|
||||||
<li><a asp-area="WebNew" asp-controller="Regulasi" asp-action="Index">Regulasi</a></li>
|
<li><a asp-area="WebNew" asp-controller="Regulasi" asp-action="Index">Regulasi</a></li>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<a class="navbar-brand" asp-area="WebNew" asp-controller="Home" asp-action="Index">
|
<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>
|
</a>
|
||||||
|
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
<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">
|
<section class="hero-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="hero-box text-center d-flex align-items-center justify-content-center">
|
<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>
|
<h2>@Model</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -7,10 +7,12 @@
|
||||||
<link rel="stylesheet" href="~/webnew/lib/bootstrap/dist/css/bootstrap.min.css" />
|
<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/site.css" asp-append-version="true" />
|
||||||
<link rel="stylesheet" href="~/webnew/css/Header.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/index.css" asp-append-version="true" />
|
||||||
<link rel="stylesheet" href="~/webnew/css/Footer.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/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="stylesheet" href="~/WebApplication2.styles.css" asp-append-version="true" />
|
||||||
<link rel="icon" type="image/png" href="~/webnew/assets/image/logo/icon logo.png" />
|
<link rel="icon" type="image/png" href="~/webnew/assets/image/logo/icon logo.png" />
|
||||||
|
|
|
||||||
|
|
@ -4,11 +4,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@section Style {
|
@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/_Hero.cshtml", "Tentang Kami")
|
||||||
|
@await Html.PartialAsync("~/Views/WebNew/Shared/Section/_Helpdesk.cshtml")
|
||||||
|
|
||||||
|
|
||||||
<section class="about-section">
|
<section class="about-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
@ -16,7 +18,7 @@
|
||||||
<div class="organisasi-card">
|
<div class="organisasi-card">
|
||||||
|
|
||||||
<h3 class="text-center">Struktur Organisasi LLHD</h3>
|
<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>
|
||||||
|
|
||||||
<div class="row g-4">
|
<div class="row g-4">
|
||||||
|
|
@ -24,7 +26,7 @@
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="about-card">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -32,7 +34,7 @@
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="about-card">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -3,9 +3,12 @@
|
||||||
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
Layout = "~/Views/WebNew/Shared/_Layout.cshtml";
|
||||||
}
|
}
|
||||||
@section Style {
|
@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">
|
<div class="container my-5">
|
||||||
|
|
||||||
<h3 class="fw-bold mb-4 text-center">Galeri Video</h3>
|
<h3 class="fw-bold mb-4 text-center">Galeri Video</h3>
|
||||||
|
|
@ -24,7 +27,7 @@
|
||||||
<script>
|
<script>
|
||||||
function loadVideo() {
|
function loadVideo() {
|
||||||
|
|
||||||
fetch('/Video/GetAll')
|
fetch('/WebNew/Video/GetAll')
|
||||||
.then(res => res.json())
|
.then(res => res.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
|
|
||||||
|
|
@ -34,7 +37,7 @@
|
||||||
html += `
|
html += `
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="youtube-wrapper">
|
<div class="youtube-wrapper">
|
||||||
<iframe
|
<iframe
|
||||||
src="https://www.youtube.com/embed/${item.youtube}"
|
src="https://www.youtube.com/embed/${item.youtube}"
|
||||||
title="${item.judul}"
|
title="${item.judul}"
|
||||||
frameborder="0"
|
frameborder="0"
|
||||||
|
|
|
||||||
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;
|
background: #f5f7fa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.berita-page {
|
||||||
/* width: 90%;*/
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -16,65 +15,78 @@ body {
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter {
|
.berita-page #search,
|
||||||
display: flex;
|
.berita-page #filterDate {
|
||||||
gap: 20px;
|
padding: 12px;
|
||||||
margin-bottom: 30px;
|
border-radius: 12px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
transition: all .2s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter input {
|
.berita-page #search:focus,
|
||||||
padding: 12px;
|
.berita-page #filterDate:focus {
|
||||||
border-radius: 10px;
|
border-color: #3b82f6;
|
||||||
border: 1px solid #ddd;
|
box-shadow: 0 0 0 3px rgba(59,130,246,.15);
|
||||||
flex: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.berita-grid {
|
.berita-page .card {
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
gap: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
background: white;
|
background: white;
|
||||||
|
border: none;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
|
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);
|
transform: translateY(-5px);
|
||||||
|
box-shadow: 0 10px 24px rgba(0,0,0,.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
.card img {
|
.berita-page .card-img-top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 250px;
|
height: 250px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-body {
|
.berita-page .card-body {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.date {
|
.berita-page small.text-muted {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: gray;
|
color: gray !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card h3 {
|
.berita-page .card h6 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card p {
|
.berita-page .card p {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #555;
|
color: #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card a {
|
.berita-page .card a {
|
||||||
color: #2563eb;
|
color: #2563eb;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: none;
|
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 {
|
.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;
|
background-size: cover;
|
||||||
min-height: 300px;
|
min-height: 300px;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
|
||||||
|
|
@ -3,29 +3,25 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-box {
|
.hero-box {
|
||||||
background: url('/webnew/assets/image/Background Hero.png') no-repeat center;
|
|
||||||
background-size: cover;
|
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
padding: 60px 20px;
|
padding: 60px 20px;
|
||||||
color: white;
|
color: white;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
min-height: 250px;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-box::after {
|
.hero-bg {
|
||||||
width: 40%;
|
position: absolute;
|
||||||
height: 100%;
|
inset: 0;
|
||||||
background: url('/assets/image/Background Hero.png') no-repeat center;
|
width: 100%;
|
||||||
background-size: cover;
|
height: 100%;
|
||||||
opacity: 0.2;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-box h2 {
|
.hero-box h2 {
|
||||||
font-weight: 600;
|
position: relative;
|
||||||
font-size: 32px;
|
z-index: 1;
|
||||||
position: relative;
|
font-weight: 600;
|
||||||
z-index: 1;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,24 +14,12 @@
|
||||||
.hero-slide {
|
.hero-slide {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
height: 500px;
|
height: 500px;
|
||||||
/* background: url('/webnew/assets/image/Background Hero.png') no-repeat center center;
|
|
||||||
background-size: cover;*/
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
color: white;
|
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 {
|
.hero-content h1 {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
||||||
|
|
@ -2,27 +2,62 @@ body {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-btn {
|
.regulasi-tabs {
|
||||||
border-radius: 999px !important;
|
display: flex;
|
||||||
padding: 8px 22px;
|
justify-content: center;
|
||||||
font-weight: 500;
|
gap: 14px;
|
||||||
border: 1px solid #e5e7eb;
|
margin-bottom: 28px;
|
||||||
background: #f8fafc;
|
|
||||||
color: #374151;
|
|
||||||
transition: all 0.25s ease;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filter-btn {
|
||||||
|
min-width: 180px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 10px;
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
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 {
|
.filter-btn:hover {
|
||||||
background: #f1f5f9;
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 8px 20px rgba(0,0,0,.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-btn.active {
|
.filter-btn.active {
|
||||||
background: #ffffff;
|
background: linear-gradient(135deg,#2563eb,#3b82f6);
|
||||||
color: #111827;
|
color: #fff;
|
||||||
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
|
border-color: transparent;
|
||||||
border: 1px solid #e5e7eb;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
#search,
|
#search,
|
||||||
#tahun {
|
#tahun {
|
||||||
|
|
@ -55,7 +90,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#list-regulasi i {
|
.file-icon {
|
||||||
background: #e8f0ff;
|
background: #e8f0ff;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
|
@ -99,6 +134,54 @@ body {
|
||||||
opacity: 0.9;
|
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) {
|
@media (max-width: 768px) {
|
||||||
#list-regulasi .card {
|
#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",
|
"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-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": [
|
"deskripsi": [
|
||||||
"Air Limbah",
|
"Air Limbah",
|
||||||
|
|
@ -8,11 +10,11 @@
|
||||||
"Air Tanah, dan",
|
"Air Tanah, dan",
|
||||||
"Air Perpipaan."
|
"Air Perpipaan."
|
||||||
],
|
],
|
||||||
"gambar": "/webnew/assets/image/foto/2.jpeg",
|
"gambar": "/webnew/assets/image/foto/pengujianair.jpeg",
|
||||||
|
|
||||||
"table1": {
|
"table1": {
|
||||||
"columns": [ "No", "Kode", "Output Hasil Uji", "Jenis Baku Mutu", "Tipe Pengujian", "Total Parameter", "Total Harga", "Aksi" ],
|
"columns": [ "No", "Kode", "Output Hasil Uji", "Jenis Baku Mutu", "Tipe Pengujian", "Total Parameter", "Total Harga", "Aksi" ],
|
||||||
"fields": [ "No","kode", "output", "jenis", "tipe", "parameter", "harga", "aksi" ],
|
"fields": [ "No", "kode", "output", "jenis", "tipe", "parameter", "harga", "aksi" ],
|
||||||
"data": [
|
"data": [
|
||||||
{
|
{
|
||||||
"kode": "LD",
|
"kode": "LD",
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,10 @@
|
||||||
{
|
{
|
||||||
"judul": "Pengambilan Contoh Uji (PCU) Air",
|
"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-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."],
|
"deskripsi": [ "Air Limbah", "Air Tanah, maupun ", "Air Minum." ],
|
||||||
"gambar": "/webnew/assets/image/foto/1.jpeg",
|
"gambar": "/webnew/assets/image/foto/samplingair.jpeg",
|
||||||
|
|
||||||
"table1": {
|
"table1": {
|
||||||
"columns": [ "No", "Kode", "Output Hasil Uji", "Jenis Baku Mutu", "Tipe Pengujian", "Total Parameter", "Total Harga", "Aksi" ],
|
"columns": [ "No", "Kode", "Output Hasil Uji", "Jenis Baku Mutu", "Tipe Pengujian", "Total Parameter", "Total Harga", "Aksi" ],
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
{
|
{
|
||||||
"judul": "Pengujian Udara",
|
"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-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": [
|
"deskripsi": [
|
||||||
"KUDR (kualitas udara dalam ruang)",
|
"KUDR (kualitas udara dalam ruang)",
|
||||||
|
|
@ -9,7 +11,7 @@
|
||||||
"Emisi Bergerak (kendaraan)",
|
"Emisi Bergerak (kendaraan)",
|
||||||
"SPKU (stasiun pemantau kualitas udara)"
|
"SPKU (stasiun pemantau kualitas udara)"
|
||||||
],
|
],
|
||||||
"gambar": "/webnew/assets/image/foto/3.jpeg",
|
"gambar": "/webnew/assets/image/foto/pengujianudara.jpeg",
|
||||||
|
|
||||||
"table1": {
|
"table1": {
|
||||||
"columns": [ "Kode", "Output", "Jenis", "Tipe", "Total Parameter", "Total Harga", "Aksi" ],
|
"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",
|
"judul": "Komitmen LLHD Terhadap Pemenuhan Permen LHK No.23 Tahun 2020",
|
||||||
"tanggal": "2026-02-10",
|
"tanggal": "2026-02-10",
|
||||||
"gambar": [
|
"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/1.jpeg",
|
||||||
"/webnew/assets/image/foto/2.jpeg"
|
"/webnew/assets/image/foto/2.jpeg"
|
||||||
],
|
],
|
||||||
|
|
|
||||||
|
|
@ -2,37 +2,37 @@
|
||||||
{
|
{
|
||||||
"direction": "right",
|
"direction": "right",
|
||||||
"logos": [
|
"logos": [
|
||||||
"/webnew/assets/image/logo/mitra/AEON_MALL_corporate_logo.png",
|
"/webnew/assets/image/logo/mitra/aeonmall.png",
|
||||||
"/webnew/assets/image/logo/mitra/Ascott.webp",
|
"/webnew/assets/image/logo/mitra/ascott.webp",
|
||||||
"/webnew/assets/image/logo/mitra/Astra_International-Logo.wine.png",
|
"/webnew/assets/image/logo/mitra/astra.png",
|
||||||
"/webnew/assets/image/logo/mitra/customer-service-1609157206.jpg",
|
"/webnew/assets/image/logo/mitra/pramita.jpg",
|
||||||
"/webnew/assets/image/logo/mitra/Image_9C8114FA_85F2_4999_418B_62B69DAA69D3.png",
|
"/webnew/assets/image/logo/mitra/pakubuwono.png",
|
||||||
"/webnew/assets/image/logo/mitra/Kalbe_Farma.svg.png",
|
"/webnew/assets/image/logo/mitra/kalbe.png",
|
||||||
"/webnew/assets/image/logo/mitra/khong_guan-brand-color.png"
|
"/webnew/assets/image/logo/mitra/khongguan.png"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"direction": "left",
|
"direction": "left",
|
||||||
"logos": [
|
"logos": [
|
||||||
"/webnew/assets/image/logo/mitra/Logo Paljaya.png",
|
"/webnew/assets/image/logo/mitra/paljaya.png",
|
||||||
"/webnew/assets/image/logo/mitra/Logo-Bio-medika.png",
|
"/webnew/assets/image/logo/mitra/biomedika.png",
|
||||||
"/webnew/assets/image/logo/mitra/logo-rspp.png",
|
"/webnew/assets/image/logo/mitra/logorspp.png",
|
||||||
"/webnew/assets/image/logo/mitra/Logo_LRT_Jakarta.png",
|
"/webnew/assets/image/logo/mitra/lrt.png",
|
||||||
"/webnew/assets/image/logo/mitra/Logo_Mayapada_Hospital.png",
|
"/webnew/assets/image/logo/mitra/mayapada.png",
|
||||||
"/webnew/assets/image/logo/mitra/McDonald_s_1968_logo.png",
|
"/webnew/assets/image/logo/mitra/mcdonals.png",
|
||||||
"/webnew/assets/image/logo/mitra/MOI_LOGO-red-01.svg.png"
|
"/webnew/assets/image/logo/mitra/moi.png"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"direction": "right",
|
"direction": "right",
|
||||||
"logos": [
|
"logos": [
|
||||||
"/webnew/assets/image/logo/mitra/MRT_Jakarta_logo.svg.png",
|
"/webnew/assets/image/logo/mitra/mrt.png",
|
||||||
"/webnew/assets/image/logo/mitra/Prodia.jpg",
|
"/webnew/assets/image/logo/mitra/prodia.jpg",
|
||||||
"/webnew/assets/image/logo/mitra/Rscm_new.png",
|
"/webnew/assets/image/logo/mitra/rscm.png",
|
||||||
"/webnew/assets/image/logo/mitra/Sarinah.png",
|
"/webnew/assets/image/logo/mitra/sarinah.png",
|
||||||
"/webnew/assets/image/logo/mitra/UT.png",
|
"/webnew/assets/image/logo/mitra/ut.png",
|
||||||
"/webnew/assets/image/logo/mitra/Yamaha.png",
|
"/webnew/assets/image/logo/mitra/yamaha.png",
|
||||||
"/webnew/assets/image/logo/mitra/960px-Bank_Central_Asia.svg.png"
|
"/webnew/assets/image/logo/mitra/bcapng"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
"kategori": "peraturan",
|
"kategori": "peraturan",
|
||||||
"tanggal": "2025-02-27",
|
"tanggal": "2025-02-27",
|
||||||
"tahun": 2025,
|
"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
|
"download": 200
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
"kategori": "peraturan",
|
"kategori": "peraturan",
|
||||||
"tanggal": "2026-01-10",
|
"tanggal": "2026-01-10",
|
||||||
"tahun": 2026,
|
"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
|
"download": 120
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
"kategori": "peraturan",
|
"kategori": "peraturan",
|
||||||
"tanggal": "2025-02-27",
|
"tanggal": "2025-02-27",
|
||||||
"tahun": 2025,
|
"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
|
"download": 200
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -32,143 +32,70 @@
|
||||||
"kategori": "peraturan",
|
"kategori": "peraturan",
|
||||||
"tanggal": "2026-01-10",
|
"tanggal": "2026-01-10",
|
||||||
"tahun": 2026,
|
"tahun": 2026,
|
||||||
"file": "/webnew/assets/document/Peraturan/Salinan PP Nomor 22 Tahun 2021.pdf",
|
"file": "/webnew/assets/document/Peraturan/salinan-pp-nomor-22-tahun-2021.pdf",
|
||||||
"download": 120
|
"download": 120,
|
||||||
},
|
"lampiran": [
|
||||||
{
|
{
|
||||||
"id": 5,
|
"judul": "Lampiran I PP Nomor 22 Tahun 2021",
|
||||||
"judul": "Lampiran I PP Nomor 22 Tahun 2021",
|
"file": "/webnew/assets/document/Peraturan/lampiran-I-pp-nomor-22-tahun-2021.pdf"
|
||||||
"kategori": "peraturan",
|
},
|
||||||
"tanggal": "2025-02-27",
|
{
|
||||||
"tahun": 2025,
|
"judul": "Lampiran II PP Nomor 22 Tahun 2021",
|
||||||
"file": "/webnew/assets/document/Peraturan/2. Lampiran I PP Nomor 22 Tahun 2021.pdf",
|
"file": "/webnew/assets/document/Peraturan/lampiran-II-pp-nomor-22-ahun-2021.pdf"
|
||||||
"download": 200
|
},
|
||||||
},
|
{
|
||||||
{
|
"judul": "Lampiran III PP Nomor 22 Tahun 2021",
|
||||||
"id": 6,
|
"file": "/webnew/assets/document/Peraturan/lampiran-III-pp-nomor-22-tahun-2021.pdf"
|
||||||
"judul": "Lampiran II PP Nomor 22 Tahun 2021",
|
},
|
||||||
"kategori": "peraturan",
|
{
|
||||||
"tanggal": "2026-01-10",
|
"judul": "Lampiran IV PP Nomor 22 Tahun 2021",
|
||||||
"tahun": 2026,
|
"file": "/webnew/assets/document/Peraturan/lampiran-IV-pp-nomor-22-tahun-2021.pdf"
|
||||||
"file": "/webnew/assets/document/Peraturan/3. Lampiran II PP Nomor 22 Tahun 2021.pdf",
|
},
|
||||||
"download": 120
|
{
|
||||||
},
|
"judul": "Lampiran V PP Nomor 22 Tahun 2021",
|
||||||
{
|
"file": "/webnew/assets/document/Peraturan/lampiran-V-pp-nomor-22-tahun-2021.pdf"
|
||||||
"id": 7,
|
},
|
||||||
"judul": "Lampiran III PP Nomor 22 Tahun 2021",
|
{
|
||||||
"kategori": "peraturan",
|
"judul": "Lampiran VI Salinan PP Nomor 22 Tahun 2021",
|
||||||
"tanggal": "2025-02-27",
|
"file": "/webnew/assets/document/Peraturan/lampiran-VI-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"tahun": 2025,
|
},
|
||||||
"file": "/webnew/assets/document/Peraturan/4. Lampiran III 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": 8,
|
{
|
||||||
"judul": "Lampiran IV PP Nomor 22 Tahun 2021",
|
"judul": "Lampiran VIII Salinan PP Nomor 22 Tahun 2021",
|
||||||
"kategori": "peraturan",
|
"file": "/webnew/assets/document/Peraturan/lampiran-VIII-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"tanggal": "2026-01-10",
|
},
|
||||||
"tahun": 2026,
|
{
|
||||||
"file": "/webnew/assets/document/Peraturan/5. Lampiran IV PP Nomor 22 Tahun 2021.pdf",
|
"judul": "Lampiran IX Salinan PP Nomor 22 Tahun 2021",
|
||||||
"download": 120
|
"file": "/webnew/assets/document/Peraturan/lampiran-IX-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 9,
|
"judul": "Lampiran X Salinan PP Nomor 22 Tahun 2021",
|
||||||
"judul": "Lampiran V PP Nomor 22 Tahun 2021",
|
"file": "/webnew/assets/document/Peraturan/lampiran-X-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"kategori": "peraturan",
|
},
|
||||||
"tanggal": "2025-02-27",
|
{
|
||||||
"tahun": 2025,
|
"judul": "Lampiran XI Salinan PP Nomor 22 Tahun 2021",
|
||||||
"file": "/webnew/assets/document/Peraturan/6. Lampiran V PP Nomor 22 Tahun 2021.pdf",
|
"file": "/webnew/assets/document/Peraturan/lampiran-XI-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"download": 200
|
},
|
||||||
},
|
{
|
||||||
{
|
"judul": "Lampiran XII Salinan PP Nomor 22 Tahun 2021",
|
||||||
"id": 10,
|
"file": "/webnew/assets/document/Peraturan/lampiran-XII-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"judul": "Lampiran VI Salinan PP Nomor 22 Tahun 2021",
|
},
|
||||||
"kategori": "peraturan",
|
{
|
||||||
"tanggal": "2026-01-10",
|
"judul": "Lampiran XIII Salinan PP Nomor 22 Tahun 2021",
|
||||||
"tahun": 2026,
|
"file": "/webnew/assets/document/Peraturan/lampiran-XIII-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"file": "/webnew/assets/document/Peraturan/7. Lampiran VI Salinan PP Nomor 22 Tahun 2021.pdf",
|
},
|
||||||
"download": 120
|
{
|
||||||
},
|
"judul": "Lampiran XIV Salinan PP Nomor 22 Tahun 2021",
|
||||||
{
|
"file": "/webnew/assets/document/Peraturan/lampiran-XIV-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"id": 11,
|
},
|
||||||
"judul": "Lampiran VI Salinan PP Nomor 22 Tahun 2021",
|
{
|
||||||
"kategori": "peraturan",
|
"judul": "Lampiran XV Salinan PP Nomor 22 Tahun 2021",
|
||||||
"tanggal": "2025-02-27",
|
"file": "/webnew/assets/document/Peraturan/lampiran-XV-salinan-pp-nomor-22-tahun-2021.pdf"
|
||||||
"tahun": 2025,
|
}
|
||||||
"file": "/webnew/assets/document/Peraturan/7. Lampiran VI Salinan PP Nomor 22 Tahun 2021.pdf",
|
]
|
||||||
"download": 200
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 20,
|
"id": 20,
|
||||||
|
|
@ -176,7 +103,7 @@
|
||||||
"kategori": "sop",
|
"kategori": "sop",
|
||||||
"tanggal": "2026-03-01",
|
"tanggal": "2026-03-01",
|
||||||
"tahun": 2026,
|
"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
|
"download": 90
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -185,7 +112,7 @@
|
||||||
"kategori": "sop",
|
"kategori": "sop",
|
||||||
"tanggal": "2026-03-01",
|
"tanggal": "2026-03-01",
|
||||||
"tahun": 2026,
|
"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
|
"download": 90
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -194,7 +121,7 @@
|
||||||
"kategori": "sop",
|
"kategori": "sop",
|
||||||
"tanggal": "2025-08-15",
|
"tanggal": "2025-08-15",
|
||||||
"tahun": 2025,
|
"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
|
"download": 70
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -203,7 +130,7 @@
|
||||||
"kategori": "sop",
|
"kategori": "sop",
|
||||||
"tanggal": "2025-08-15",
|
"tanggal": "2025-08-15",
|
||||||
"tahun": 2025,
|
"tahun": 2025,
|
||||||
"file": "/webnew/assets/document/SOP/114675.OT.05.00 Tanggap Darurat.pdf",
|
"file": "/webnew/assets/document/SOP/tanggap-darurat.pdf",
|
||||||
"download": 70
|
"download": 70
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
Loading…
Reference in New Issue