117 lines
4.8 KiB
Plaintext
117 lines
4.8 KiB
Plaintext
@{
|
|
ViewBag.title = "DIKPLH";
|
|
ViewBag.menu = "Publikasi Data";
|
|
}
|
|
|
|
<link rel="stylesheet" href="/lib/magnifier/magnifier.css">
|
|
|
|
<section class="page-header page-header-classic page-header-sm bg-secondary">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
|
<h1 data-title-border>@ViewBag.title</h1>
|
|
</div>
|
|
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
|
<ul class="breadcrumb d-block text-md-end fw-semibold">
|
|
<li><a href="/" class="text-quaternary">Home</a></li>
|
|
@if (ViewBag.menu != null || ViewBag.menu != null)
|
|
{
|
|
<li><a href="#" class="text-quaternary">@ViewBag.menu</a></li>
|
|
}
|
|
@if (ViewBag.submenu != null || ViewBag.submenu != null)
|
|
{
|
|
<li><a href="#" class="text-quaternary">@ViewBag.submenu</a></li>
|
|
}
|
|
<li class="text-light">@ViewBag.title</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 text-justify">
|
|
<h2 class="mb-1 fw-semibold">DIKPLH</h2>
|
|
<p>Daftar Informasi Publik Dinas Lingkungan Hidup Provinsi DKI Jakarta dapat dilihat dihalaman data ini
|
|
atau dapat dilihat pada halaman pusat data Pemerintah Provinsi DKI Jakarta (data.jakarta.go.id) baik
|
|
data secara berkala, sesaat dan serta merta apabila dibutuhkan</p>
|
|
<div class="row gy-5" id="berkas"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
const data = [
|
|
{
|
|
"name": "Buku I Ringkasan Eksekutif DIKPLHD Tahun 2019",
|
|
"thumbnail_path": "/dlh/img/buku1dikplhd2019.png",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf"
|
|
},
|
|
{
|
|
"name": "Buku II DIKPLHD Tahun 2019",
|
|
"thumbnail_path": "/dlh/img/buku2dikplhd2019.png",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf"
|
|
},
|
|
{
|
|
"name": "Buku I Ringkasan Eksekutif DIKPLHD Tahun 2020",
|
|
"thumbnail_path": "/dlh/img/buku1dikplhd2020.png",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2019.pdf"
|
|
},
|
|
{
|
|
"name": "Buku II DIKPLHD Tahun 2020",
|
|
"thumbnail_path": "/dlh/img/buku2dikplhd2020.png",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_2_DIKPLHD.pdf"
|
|
},
|
|
{
|
|
"name": "Buku I Ringkasan Eksekutif DIKPLHD Tahun 2021",
|
|
"thumbnail_path": "/dlh/img/buku1dikplhd2021ok.PNG",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_1_Ringkasan_Eksekutif_DIKPLHD_2021.pdf"
|
|
},
|
|
{
|
|
"name": "Buku II DIKPLHD Tahun 2021",
|
|
"thumbnail_path": "/dlh/img/buku2dikplhd2021.png",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_2_DIKPLHD_2021.pdf"
|
|
},
|
|
{
|
|
"name": "Ringkasan Eksekutif DIKPLHD Tahun 2022",
|
|
"thumbnail_path": "/dlh/img/DIKPLHDRingkasanEksekutifJakarta20222.jpg",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_2_DIKPLHD_2021.pdf"
|
|
},
|
|
{
|
|
"name": "DIKPLHD Tahun 2022",
|
|
"thumbnail_path": "/dlh/img/DIKPLHDJakarta20222.jpg",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_2_DIKPLHD_2021.pdf"
|
|
},
|
|
{
|
|
"name": "Ringkasan Eksekutif DIKPLHD Tahun 2023",
|
|
"thumbnail_path": "/dlh/img/dikplhdjak2023ringkasan.png",
|
|
"file_path": "/dlh/pdfs/dikplh/Buku_2_DIKPLHD_2021.pdf"
|
|
},
|
|
{
|
|
"name": "DIKPLHD Tahun 2023",
|
|
"thumbnail_path": "/dlh/img/dikplhdjak20231.png",
|
|
"file_path": "/dlh/pdfs/dikplh/dikplh/DIKPLHD_Jakarta_2023.pdf"
|
|
}
|
|
]
|
|
|
|
let element = ""
|
|
for(const value of data){
|
|
console.log(value);
|
|
element += `
|
|
<div class="col-12 col-md-4 text-center">
|
|
<div class="position-relative pt-3 px-3 rounded-4 shadow h-100">
|
|
<a href="${value.file_path}" target="_blank">
|
|
<img src="${value.thumbnail_path}" style="width: 100%; height: 250px; object-fit: cover; object-position: 50% top;" alt="${value.name}">
|
|
<span class="badge bg-danger position-absolute fs-6" style="right: 15px; top: 15px; border-radius: cacl(1rem + 15px)"><i class="fa-regular fa-file-pdf"></i> Unduh</span>
|
|
</a>
|
|
<p class="mt-3 fw-semibold fs-5 position-relative">${value.name}</p>
|
|
</div>
|
|
</div>
|
|
`
|
|
}
|
|
$("#berkas").html(element)
|
|
|
|
</script> |