upgrade tabbable, sidebarbutton

static/js/action.js

@@ -1400,15 +1400,23 @@ function modal_detail_point_pengaturan(id, db) {
                 var hasil = (JSON.stringify(poinin.toGeoJSON()))
                 $("#coordinateZoneedit_p").val(hasil);
             })
-            $("#edit_point_p").click(function() {
-                setTimeout(function() {
-                    map_edit_p.invalidateSize();
-                }, 1000);
-            })
         }
     });
 }
 
+
+$("#edit_point_p").click(function() {
+    $("#koordinat_cek_p").addClass("active")
+    $("#info_umum_p").removeClass("active")
+    $("#left-tab1-feas-upli").addClass("active")
+    $("#right-tab2-feas-upli").removeClass("active")
+
+    setTimeout(function() {
+        map_edit_p.invalidateSize();
+    }, 1000);
+})
+
+
 $("#saveuser").on("click", function() {
     var isObject = {};
     var ars = ''

static/js/scripts.js

@@ -90,13 +90,38 @@ $("#button_hide_panel").click(function() {
 
 })
 
+var cek_layer_keterangan = 1
+var cek_layer_perbaikan = 0
+
+
 $("#button_keterangan").click(function() {
-    $(".pace-done").toggleClass("sidebar-move")
-    $("#panel-samping").toggleClass("move");
-    $(".mymodal").toggleClass("input_perbaikan")
-    $("#button_unhide_panel").toggleClass("move-btn");
+    if (cek_layer_keterangan == 0){
+        // $("#button_keterangan").removeClass("asctive");
+        // $("#button_keterangan").removeAttr("class");
+        $(".pace-done").toggleClass("sidebar-move")
+
+        $("#panel-samping").toggleClass("move");
+        $(".mymodal").toggleClass("input_perbaikan")
+        $("#button_unhide_panel").toggleClass("move-btn");
+        $("#keterangan_button").css("background", "#353847")
+        $("#perbaikan_manage").css("background", "#1E2233")
+        cek_layer_keterangan = 1
+        cek_layer_perbaikan = 0
+        
+    }else{
+        $("#button_keterangan").addClass("asctive");
+        $("#keterangan_button").css("background", "#1E2233")
+        $("#manage_perbaikan").removeClass("active");
+        $("#panel-sm").removeClass("active");
+        $("#panel-sm2").removeClass("active");
+        $("#panel-sm").css('display', 'none');
+        cek_layer_keterangan = 0
+        cek_layer_perbaikan = 0
+    }
 })
 
+$("#button_keterangan").addClass("active");
+
 
 
 $("#button_unhide_panel").click(function() {
@@ -108,13 +133,31 @@ $("#button_unhide_panel").click(function() {
 
 
 $("#manage_perbaikan").click(function() {
-    $(".pace-done").toggleClass("sidebar-move");
-    $("#panel-samping").toggleClass("move");
-    $(".mymodal").toggleClass("input_perbaikan");
-    $("#button_unhide_panel").toggleClass("move-btn");
-
-    $("#perbaikan-dashboard").toggleClass("perbaikan-dashboard");
-
+    console.log('a')
+    if(cek_layer_perbaikan == 0){
+        console.log('b')
+        cek_layer_perbaikan = 1
+        cek_layer_keterangan = 0
+        $(".pace-done").toggleClass("sidebar-move");
+        $("#panel-samping").toggleClass("move");
+        $(".mymodal").toggleClass("input_perbaikan");
+        $("#button_unhide_panel").toggleClass("move-btn");
+        $("#panel-sm2").addClass("active");
+        $("#perbaikan_manage").css("background", "#353847")
+        $("#keterangan_button").css("background", "#1E2233")
+    
+        $("#perbaikan-dashboard").toggleClass("perbaikan-dashboard");
+    }else{
+        console.log('c')
+        cek_layer_perbaikan = 0
+        cek_layer_keterangan = 0
+        $("#perbaikan_manage").css("background", "#1E2233")
+
+        $("#manage_perbaikan").addClass("active");
+        $("#panel-sm").removeClass("active");
+        $("#panel-sm2").removeClass("active");
+        $("#panel-sm").css('display', 'none');
+    }
 })
 
 

static/js/scripts_js_o.js

@@ -3757,6 +3757,13 @@ map.on('contextmenu', function(e) {
 
 
     $(".btn_create_jalan").click(function() {
+
+        $("#tab_koor").addClass("active")
+        $("#tab_info").removeClass("active")
+        $("#koordinatjalan").addClass("active")
+        $("#informasi_create").removeClass("active")
+    
+
         $("#create_all > div > ul").css("display", "block")
         $("#modal__create").modal("show");
         $(".title-create").html("Create Jalan")
@@ -3882,6 +3889,12 @@ map.on('contextmenu', function(e) {
 
     })
     $(".btn_create_bangunan").click(function() {
+        $("#tab_koor").addClass("active")
+        $("#tab_info").removeClass("active")
+        $("#koordinatjalan").addClass("active")
+        $("#informasi_create").removeClass("active")
+    
+    
         $("#create_all > div > ul").css("display", "block")
         $("#modal__create").modal("show");
         $(".title-create").html("Create Bangunan")
@@ -4162,6 +4175,12 @@ map.on('contextmenu', function(e) {
     });
 
     $(".btn_create_lahan").click(function() {
+        $("#tab_koor").addClass("active")
+        $("#tab_info").removeClass("active")
+        $("#koordinatjalan").addClass("active")
+        $("#informasi_create").removeClass("active")
+    
+
         $("#create_all > div > ul").css("display", "block")
         $("#modal__create").modal("show");
         $(".title-create").html("Create Lahan")
@@ -4327,6 +4346,12 @@ map.on('contextmenu', function(e) {
     });
 
     $(".btn_create_point").click(function() {
+        $("#tab_koor").addClass("active")
+        $("#tab_info").removeClass("active")
+        $("#koordinatjalan").addClass("active")
+        $("#informasi_create").removeClass("active")
+    
+
         $("#modal__create").modal("show");
         $(".title-create").html("Create Point")
         $(".tombol_action_create").html(``)

templates/includes/modal.html

@@ -2441,8 +2441,8 @@
 
                     <div class="tabbable">
                         <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
-                            <li onclick="changetabs(this)" id="koordinat_cek" class="active"><a href="#left-tab1-feas-upli" data-toggle="tab">Koordinat</a></li>
-                            <li onclick="changetabs(this)" id="info_umum"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li>
+                            <li onclick="changetabs(this)" id="koordinat_cek_p" class="active"><a href="#left-tab1-feas-upli" data-toggle="tab">Koordinat</a></li>
+                            <li onclick="changetabs(this)" id="info_umum_p"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li>
                         </ul>
 
                         <div class="tab-content">