From aa83cb75f85a4ba7b922024e9a316a7ae0be13ab Mon Sep 17 00:00:00 2001
From: ='fauz <='fauzgabriel@gmail.com>
Date: Thu, 3 Jul 2025 01:25:38 +0700
Subject: [PATCH] ppup sizeing

---
 static/style.css     |  2 +-
 templates/index.html | 15 +++++++++------
 templates/map.html   | 30 +++++++++---------------------
 3 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/static/style.css b/static/style.css
index 34c0d08..fdb2cb8 100644
--- a/static/style.css
+++ b/static/style.css
@@ -329,7 +329,7 @@ header {
   padding: 20px;
   align-items: center;
   justify-content: left;
-  max-width: 400;
+  max-width: 300;
 }
 
 .recent-Articles {
diff --git a/templates/index.html b/templates/index.html
index 71105a9..9a3b1df 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -11,6 +11,9 @@
         .select2-selection__arrow {
             display: block !important;
         }
+        .custom-popup {
+            font-size: 8px; /* Atur ukuran sesuai kebutuhan */
+        }
     </style>
 </head>
 
@@ -316,7 +319,7 @@
                                                 <li>KOPERASI - ${provKoperasiHTML} </li>
                                             `;
 
-                                            layer.bindPopup(popupContent).openPopup(e.latlng);
+                                            layer.bindPopup(popupContent, {className: 'custom-popup'}).openPopup(e.latlng);
 
                                         } else if (currentLevel === 'kabupatenkota') {
                                             const province_code = localStorage.getItem('kode_provinsi');
@@ -359,7 +362,7 @@
                                                 <li>KOPERASI - ${kabkoperasiHTML} </li>
                                             `;
 
-                                            layer.bindPopup(popupContent).openPopup(e.latlng);
+                                            layer.bindPopup(popupContent, {className:'custom-popup'}).openPopup(e.latlng);
 
                                         } else if (currentLevel === 'kecamatan'){
                                             const province_code = localStorage.getItem('kode_provinsi')
@@ -405,7 +408,7 @@
                                                 <li>SERAPAN - ${kecdanadesaHTML} </li>
                                                 <li>KOPERASI - ${keckoperasiHTML} </li>
                                                 `
-                                            layer.bindPopup(popupContent).openPopup(e.latlng);
+                                            layer.bindPopup(popupContent, {className:'custom-popup'}).openPopup(e.latlng);
                                         }else {
                                             // Desa
                                             const province_code = localStorage.getItem('kode_provinsi')
@@ -451,14 +454,14 @@
                                                 <li>KOPERASI - ${koperasiHTML} </li>
                                             `;
 
-                                            layer.bindPopup(popupContent).openPopup(e.latlng);
+                                            layer.bindPopup(popupContent,{className:'custom-popup'}).openPopup(e.latlng);
                                         }
                                     }, 250);
-                                    layer.bindPopup(feature.properties.nama);
+                                    layer.bindPopup(feature.properties.nama, {className:'custom-popup'});
                                 }
                                 console.log(currentLevel)
                             });
-                            layer.bindPopup(feature.properties.nama);
+                            layer.bindPopup(feature.properties.nama, {className: 'custom-popup'});
                         }
                     }).addTo(map);
 
diff --git a/templates/map.html b/templates/map.html
index 9be0e83..7b50271 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -120,11 +120,7 @@
                         <div class="row form-group">
                             <div class="col-md-12">
                                 <div class="input-group">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text" style="width: 150px;">
-                                            Provinsi
-                                        </span>
-                                    </div>
+                                    
                                     <select class="form-control select2 border border-primary" name="provinsiDropdown" id="provinsiDropdown"
                                             data-placeholder="Provinsi ......">
                                         <option></option>
@@ -138,11 +134,7 @@
                         <div class="row form-group">
                             <div class="col-md-12">
                                 <div class="input-group">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text" style="width: 150px;">
-                                            Kabupaten/Kota
-                                        </span>
-                                    </div>
+                                    
                                     <select class="form-control select2" name="kabkotaDropdown" id="kabkotaDropdown"
                                             data-placeholder="Kabupaten/Kota ....." >
                                         <option></option>
@@ -155,11 +147,7 @@
                         <div class="row form-group">
                             <div class="col-md-12">
                                 <div class="input-group">
-                                    <div class="input-group-prepend">
-                                        <span class="input-group-text" style="width: 150px;">
-                                            Kecamatan
-                                        </span>
-                                    </div>
+                                    
                                     <select class="form-control select2"  name="kecamatanDropdown" id="kecamatanDropdown"
                                             data-placeholder="Kecamatan .....">
                                         <option></option>
@@ -290,7 +278,7 @@
                                             updateDropdown('kabupatenkota',feature.properties.id)
                                         }else if(currentLevel === 'kecamatan'){
                                             localStorage.setItem('kode_kecamatan',feature.properties.id)
-                                            updateDropdown('kecamatan',feature.properties.id)
+                                            updateDropdown('kabupatenkota',feature.properties.id)
                                         }
                                 } else {
                                     // Single click → Tampilkan popup
@@ -368,7 +356,7 @@
                                                 <li>KOPERASI - ${kabkoperasiHTML} </li>
                                             `;
 
-                                            layer.bindPopup(popupContent).openPopup(e.latlng);
+                                            layer.bindPopup(popupContent, {className: 'custom-popup'}).openPopup(e.latlng);
 
                                         } else if (currentLevel === 'kecamatan'){
                                             const province_code = localStorage.getItem('kode_provinsi')
@@ -414,7 +402,7 @@
                                                 <li>SERAPAN - ${kecdanadesaHTML} </li>
                                                 <li>KOPERASI - ${keckoperasiHTML} </li>
                                                 `
-                                            layer.bindPopup(popupContent).openPopup(e.latlng);
+                                            layer.bindPopup(popupContent, {className:'custom-popup'}).openPopup(e.latlng);
                                         }else {
                                             // Desa
                                             const province_code = localStorage.getItem('kode_provinsi')
@@ -460,14 +448,14 @@
                                                 <li>KOPERASI - ${koperasiHTML} </li>
                                             `;
 
-                                            layer.bindPopup(popupContent).openPopup(e.latlng);
+                                            layer.bindPopup(popupContent, {className: 'custom-popup'}).openPopup(e.latlng);
                                         }
                                     }, 250);
-                                    layer.bindPopup(feature.properties.nama);
+                                    layer.bindPopup(feature.properties.nama,{className:'custom-popup'});
                                 }
                                 console.log(currentLevel)
                             });
-                            layer.bindPopup(feature.properties.nama);
+                            layer.bindPopup(feature.properties.nama, {className:'custom-popup'});
                         }
                     }).addTo(map);