panel-samping

Application/views.py

@@ -15,7 +15,7 @@ class Dashboard(generic.TemplateView):
             all = all_.fetchall()
         
         with conn.cursor() as kel:
-            kel.execute("SELECT json_build_object('type', 'Feature', 'administrasi', (kode_desa, desa, kecamatan, kab_kota, provinsi, jumlah_pen, jumlah_kk, luas_desa),'penduduk', (pria, wanita, belum_kawin, kawin, cerai_hidup, cerai_mati, wajib_ktp, islam, kristen, khatolik, hindu, budha, konghucu, kepercayaan_lain, u0, u5, u10, u15, u20, u25, u30, u35, u40, u45, u50, u55, u60, u65, u70, u75),'pekerjaan_pendidikan', (tidak_sekolah, belum_tamat, tamat_sd, sltp, slta, diploma_i, diploma_ii, diploma_iv, strata_ii, strata_iii, tidak_bekerja, aparatur_pemerintah, tenaga_pendidik, wiraswasta, pertanian, tenaga_kesehatan, pensiunan, pegawai, tentara, kepolisian, pedagang, petani, peternak, nelayan, karyawan, buruh, pembantu, tukang, pendeta, pastor, ustadz, dosen, guru, pilot, pengacara, notaris, arsitek, akuntan, konsultan, dokter, bidan, perawat, psikiater, sopir, lainnya),'geometry', ST_AsGeoJSON(geom :: geometry) :: json) from geo_data_kelurahan")
+            kel.execute("SELECT json_build_object('type', 'Feature', 'administrasi', (kode_desa, desa, kecamatan, kab_kota, provinsi, jumlah_pen, jumlah_kk, luas_desa),'penduduk', (pria, wanita, belum_kawin, kawin, cerai_hidup, cerai_mati, wajib_ktp, islam, kristen, khatolik, hindu, budha, konghucu, kepercayaan_lain, u0, u5, u10, u15, u20, u25, u30, u35, u40, u45, u50, u55, u60, u65, u70, u75),'pekerjaan_pendidikan', (tidak_sekolah, belum_tamat, tamat_sd, sltp, slta, diploma_i, diploma_ii, diploma_iv, strata_ii, strata_iii, tidak_bekerja, aparatur_pemerintah, tenaga_pendidik, wiraswasta, pertanian, tenaga_kesehatan, pensiunan, pegawai, tentara, kepolisian, pedagang, petani, peternak, nelayan, karyawan, buruh, pembantu, tukang, pendeta, pastor, ustadz, dosen, guru, pilot, pengacara, notaris, arsitek, akuntan, konsultan, dokter, bidan, perawat, psikiater, sopir, lainnya), 'poi',(jml_puskesma, jml_sekolah, jml_sarib),'geometry', ST_AsGeoJSON(geom :: geometry) :: json) from geo_data_kelurahan")
             kel_res_ = kel.fetchall()
         
         with conn.cursor() as kec:
@@ -152,16 +152,13 @@ class Dashboard(generic.TemplateView):
         return render (request, self.template_name, context)
     
 class SearchLocation(generic.TemplateView):
-    template_name = "maps/maps.html"
+    template_name = "layout/coba.html"
     
     # @method_decorator(login_required(login_url='maps:login'))
     def get(self, request):
-        return redirect("apps:dashboard")
-        
-    def post(self, request):        
+        return render (request, self.template_name, {"title":"NA - CheckByPolygon"})#,"polbang":polbang,"poltrees":poltrees,'jumlah_bangunan' : len(polbang)+len(poltrees), 'batas_co':batas_desa, 'search_by': 'address', 'address':f'{self.search_desa},{self.search_kab}', 'poly_desa':poly_desa, 'lat':lat, 'lng':lng, 'zoom':zoom, 'line_jalan':line_jalan})
 
                 
-        return render (request, self.template_name, {"title":"NA - CheckByPolygon"})#,"polbang":polbang,"poltrees":poltrees,'jumlah_bangunan' : len(polbang)+len(poltrees), 'batas_co':batas_desa, 'search_by': 'address', 'address':f'{self.search_desa},{self.search_kab}', 'poly_desa':poly_desa, 'lat':lat, 'lng':lng, 'zoom':zoom, 'line_jalan':line_jalan})
     
 class SearchRadius(generic.TemplateView):
     template_name = "maps/maps.html"

static/css/plugin.css

@@ -46,8 +46,7 @@
 
 .fixed-plugin .dropdown-menu {
     right: 80px;
-    left: auto;
-    width: 290px;
+    width: 685px;
     border-radius: 0.1875rem;
     padding: 0 10px;
 }
@@ -1059,9 +1058,8 @@
 }
 
 .fixed-plugin .dropdown .dropdown-menu {
-    top: -40px !important;
+    top: -40px;
     opacity: 0;
-    left: -303px !important;
     transform-origin: 100% 0;
 }
 

static/demo/demo.css

 .tim-typo {
-  padding-left: 25%;
-  margin-bottom: 40px;
-  position: relative;
-  width: 100%;
+    padding-left: 25%;
+    margin-bottom: 40px;
+    position: relative;
+    width: 100%;
 }
 
 .tim-typo .tim-note {
-  bottom: 5px;
-  color: #c0c1c2;
-  display: block;
-  font-weight: 400;
-  font-size: 13px;
-  line-height: 15px;
-  left: 0;
-  margin-left: 20px;
-  position: absolute;
-  width: 260px;
+    bottom: 5px;
+    color: #c0c1c2;
+    display: block;
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 15px;
+    left: 0;
+    margin-left: 20px;
+    position: absolute;
+    width: 260px;
 }
 
+
 /* offline-doc */
 
 .offline-doc .navbar.navbar-transparent {
-  padding-top: 25px;
-  border-bottom: none;
+    padding-top: 25px;
+    border-bottom: none;
 }
 
 .offline-doc .navbar.navbar-transparent .navbar-minimize {
-  display: none;
+    display: none;
 }
 
 .offline-doc .navbar.navbar-transparent .navbar-brand,
 .offline-doc .navbar.navbar-transparent .collapse .navbar-nav .nav-link {
-  color: #FFFFFF !important;
+    color: #FFFFFF !important;
 }
 
 .offline-doc .footer {
-  z-index: 3 !important;
+    z-index: 3 !important;
 }
 
 .offline-doc .page-header .container {
-  z-index: 3;
+    z-index: 3;
 }
 
 .offline-doc .page-header:after {
-  background-color: rgba(0, 0, 0, 0.5);
-  content: "";
-  display: block;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 2;
+    background-color: rgba(0, 0, 0, 0.5);
+    content: "";
+    display: block;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: 2;
 }
 
 #map {
-  z-index: 2;
-  height: calc(100vh - 70px);
-  margin-top: 70px;
+    z-index: 2;
+    height: calc(100vh - 70px);
 }
\ No newline at end of file

static/js/scripts.js

@@ -76,7 +76,19 @@ $("#button_hide").click(function() {
 $("#button_unhide").click(function() {
     $("#thisFooter").css('display', 'block');
     $("#button_unhide").css('display', 'none');
+})
+
+$("#button_hide_panel").click(function() {
+    $("#panel-samping").css('display', 'none');
+    $("#button_unhide_panel").css('display', 'block');
+    $("#button_hide_panel").css('display', 'none');
+
+})
 
+$("#button_unhide_panel").click(function() {
+    $("#panel-samping").css('display', 'block');
+    $("#button_unhide").css('display', 'none');
+    $("#button_hide_panel").css('display', 'block');
 })
 
 
@@ -121,11 +133,11 @@ attributionControl.onAdd = function(map) {
 map.addControl(attributionControl);
 
 var zoomControl = L.control.zoom({
-    position: "topleft"
+    position: "bottomright"
 }).addTo(map);
 
 var locateControl = L.control.locate({
-    position: "topleft",
+    position: "bottomright",
     drawCircle: false,
     follow: true,
     setView: true,

templates/includes/css-o.html

@@ -2,9 +2,10 @@
     .footer {
         background: #ffffffa6;
         position: fixed;
-        left: 0;
-        right: 0;
+        left: 0px;
+        right: 0px;
         bottom: 0;
+        width: 1000px;
         height: 170px;
         z-index: 999;
     }
@@ -94,11 +95,30 @@
         width: 40px;
         font-size: 10pt;
         font-family: tahoma;
-        margin-bottom: 5px;
-        margin-right: 23px;
+        right: 60px;
         position: absolute;
         bottom: 0;
-        right: 0;
         z-index: 99999999;
     }
+    
+    .dataTables_length {
+        margin: 0 0 0px 0px;
+    }
+    
+    .dataTables_filter {
+        position: relative;
+        display: block;
+        float: left;
+        margin: 0 0 0px 0px;
+    }
+    
+    .panel-body+.dataTables_wrapper,
+    .panel-body+*>.dataTables_wrapper {
+        border-top: 0px;
+    }
+    
+    .datatable-header,
+    .datatable-footer {
+        padding: 0px 0px 0px 10px;
+    }
 </style>
\ No newline at end of file

templates/includes/o.html

@@ -230,14 +230,15 @@
     </div>
 </div>
 
-<div class="footer" id="thisFooter" style="bottom: 0px">
+<div class="footer" id="thisFooter" style="bottom: 0px; left: 0px;">
     <input type="hidden" id="infoLongitude">
     <input type="hidden" id="infoLatitude">
     <input type="hidden" id="infoLimitx">
     <div>
         <a href="#" class="btn btn-default" id="button_hide"><span class="caret" style="margin-left: -5px;"></span></a>
     </div>
-    <div class="row">
+    <div class="row" id="info-footer">
+
 
         <div class="col-xs-12">
 
@@ -350,9 +351,9 @@
                 </div>
 
             </div>
-            <div class="col-md-3" style="min-width: 150px;padding-left:90px;bottom:-140px">
+            <div class="col-md-3" style="min-width: 150px;padding-left:50px;bottom:-140px">
                 <i><b>
-                Sumber : DUKCAPIL, Desember 2019
+                Sumber : DUKCAPIL, 2019
                 </b></i>
 
             </div>