user profile, jalan perbaikan, etc

static/css/layout-style.css

@@ -195,6 +195,22 @@ body>div.page-container>div>div.sidebar.sidebar-main>div>img {
     margin-bottom: 20px;
 }
 
+#modal_detail_perbaikan_dash>div>div>div>div.isi.text>div>div>div:nth-child(1)>span {
+    font-size: 12px;
+    line-height: 14px;
+}
+
+#modal_detail_perbaikan_dash>div>div>div>div.isi.text>div>div>div:nth-child(2)>span {
+    font-size: 16px;
+    line-height: 19px;
+    font-family: 'gilroysemibold';
+}
+
+#modal_detail_perbaikan_dash>div>div>div>div.isi.text>div>div {
+    margin-left: 40px;
+    margin-bottom: 20px;
+}
+
 .hid {
     transform: rotate( 180deg);
 }
@@ -206,6 +222,18 @@ body>div.page-container>div>div.sidebar.sidebar-main>div>img {
     height: 20px;
 }
 
+.tab_personal_information {
+    margin: 10px;
+}
+
+#formmen>div>div>div>div {
+    margin-bottom: 10px;
+}
+
+#formmen>div>div>div>div>div>input {
+    font-family: 'gilroylight';
+}
+
 @media (max-width: 1025px) {
     .dock {
         position: absolute;

static/img/icon-1/Vectorpoint.svg

+<svg width="28" height="37" viewBox="0 0 28 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d)">
+<path d="M13.9966 6.99054e-10C11.8822 0.00183716 9.85438 0.874018 8.35608 2.42605C6.85779 3.97808 6.01076 6.08383 6 8.28339C6 11.5812 7.77853 14.3423 9.08188 16.3549L9.31947 16.7221C10.6162 18.6773 12.0073 20.5628 13.4875 22.3715L14.0034 23L14.5193 22.3715C15.9993 20.5626 17.3904 18.6771 18.6873 16.7221L18.9249 16.3479C20.2215 14.3353 22 11.5812 22 8.28339C21.9892 6.08261 21.1413 3.97579 19.6415 2.42356C18.1417 0.871329 16.1122 -2.84983e-05 13.9966 6.99054e-10ZM13.9966 12.0049C13.1159 12.0049 12.2549 11.7332 11.5226 11.2242C10.7903 10.7152 10.2195 9.99168 9.88246 9.1452C9.54541 8.29873 9.45723 7.36729 9.62905 6.46868C9.80088 5.57006 10.225 4.74463 10.8478 4.09677C11.4706 3.4489 12.264 3.0077 13.1278 2.82896C13.9917 2.65021 14.887 2.74195 15.7007 3.09257C16.5144 3.44319 17.2099 4.03695 17.6992 4.79876C18.1886 5.56057 18.4497 6.45621 18.4497 7.37243C18.4497 8.60104 17.9806 9.77933 17.1454 10.6481C16.3103 11.5168 15.1776 12.0049 13.9966 12.0049Z" fill="#5A9AFB"/>
+</g>
+<defs>
+<filter id="filter0_d" x="0" y="0" width="28" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="8"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.4875 0 0 0 0 0.6925 0 0 0 0 1 0 0 0 0.82 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>

static/img/icon-1/help.svg

+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0748 24.6313C19.9049 24.6313 24.6311 19.9051 24.6311 14.075C24.6311 8.24499 19.9049 3.5188 14.0748 3.5188C8.24475 3.5188 3.51855 8.24499 3.51855 14.075C3.51855 19.9051 8.24475 24.6313 14.0748 24.6313Z" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.0748 21.1125C15.0465 21.1125 15.8342 20.3248 15.8342 19.3531C15.8342 18.3814 15.0465 17.5938 14.0748 17.5938C13.1031 17.5938 12.3154 18.3814 12.3154 19.3531C12.3154 20.3248 13.1031 21.1125 14.0748 21.1125Z" fill="#212232"/>
+<path d="M14.075 14.9552C14.684 14.9552 15.2792 14.7746 15.7855 14.4363C16.2919 14.098 16.6865 13.6171 16.9195 13.0545C17.1526 12.4919 17.2135 11.8729 17.0947 11.2756C16.9759 10.6784 16.6827 10.1297 16.2521 9.69916C15.8215 9.26856 15.2729 8.97533 14.6757 8.85652C14.0784 8.73772 13.4594 8.7987 12.8968 9.03173C12.3342 9.26477 11.8533 9.6594 11.515 10.1657C11.1767 10.672 10.9961 11.2673 10.9961 11.8763" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/img/icon-1/infodatauser.svg

+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5566 7.25269H23.7522" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5571 14.2903H23.752" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5571 21.328H23.752" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.39844 7.25269H6.15785" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.39893 14.2903H6.15766" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.39893 21.328H6.15766" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/img/icon-1/monitordatauser.svg

+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.44582 21.1166L23.0399 21.1166C24.0116 21.1166 24.7993 20.3289 24.7993 19.3572V7.04131C24.7993 6.06961 24.0116 5.2819 23.0399 5.2819L5.44582 5.2819C4.47413 5.2819 3.68641 6.06961 3.68641 7.04131V19.3572C3.68641 20.3289 4.47413 21.1166 5.44582 21.1166Z" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.7618 25.0752H10.7241" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

static/img/icon-1/personalinfo.svg

+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0755 25.1478C19.9057 25.1478 24.6319 20.4215 24.6319 14.5914C24.6319 8.7612 19.9057 4.03491 14.0755 4.03491C8.24533 4.03491 3.51904 8.7612 3.51904 14.5914C3.51904 20.4215 8.24533 25.1478 14.0755 25.1478Z" stroke="url(#paint0_linear)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.0753 18.1103C16.5045 18.1103 18.4738 16.141 18.4738 13.7118C18.4738 11.2825 16.5045 9.31323 14.0753 9.31323C11.646 9.31323 9.67676 11.2825 9.67676 13.7118C9.67676 16.141 11.646 18.1103 14.0753 18.1103Z" stroke="url(#paint1_linear)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.01562 22.4399C7.67827 21.1371 8.68852 20.043 9.93452 19.2789C11.1805 18.5147 12.6137 18.1102 14.0753 18.1102C15.537 18.1102 16.9702 18.5147 18.2162 19.2789C19.4622 20.043 20.4724 21.1371 21.1351 22.4399" stroke="url(#paint2_linear)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="14.0755" y1="-15.7584" x2="41.667" y2="28.3032" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4C97DC"/>
+<stop offset="1" stop-color="#4969DA"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="14.0753" y1="1.066" x2="25.5717" y2="19.425" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4C97DC"/>
+<stop offset="1" stop-color="#4969DA"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="14.0753" y1="14.0511" x2="16.4049" y2="26.1829" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4C97DC"/>
+<stop offset="1" stop-color="#4969DA"/>
+</linearGradient>
+</defs>
+</svg>

static/img/icon-1/saranaibadah.svg

+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M24.4706 24.4612V6.10823C24.4706 3.93957 23.4876 1.76225 21.9052 0.42595L21.4118 0.00933838L20.9184 0.426001C19.3359 1.76225 18.3529 3.93957 18.3529 6.10823V11.6247C17.6896 10.5955 16.8272 9.68919 15.7973 8.96828L11.4706 5.93953L7.14383 8.96828C4.58589 10.7588 3.05882 13.6918 3.05882 16.8141V18.3435H1.52941V24.4612H0V25.9906H26V24.4612H24.4706ZM22.9412 7.63764H19.8824V6.10823H22.9412V7.63764ZM21.4118 2.07262C22.0362 2.76396 22.4976 3.6394 22.7425 4.57881H20.0811C20.3259 3.63945 20.7874 2.76396 21.4118 2.07262ZM8.02085 10.2212L11.4706 7.80638L14.9203 10.2212C16.6453 11.4287 17.8116 13.2547 18.2053 15.2847H4.73593C5.1296 13.2547 6.29593 11.4287 8.02085 10.2212ZM4.58824 16.8141H18.3529V18.3435H4.58824V16.8141ZM3.05882 19.8729H19.8824V21.4024H14.9774L11.9186 24.4612H3.05882V19.8729ZM14.0814 24.4612L15.6109 22.9318H19.8824V24.4612H14.0814ZM21.4118 24.4612V18.3435H19.8824C19.8824 17.9019 19.8824 9.56562 19.8824 9.16705H22.9412V24.4612H21.4118Z" fill="#7DC74F"/>
+<path d="M4.58838 21.4024H6.11779V22.9318H4.58838V21.4024Z" fill="#7DC74F"/>
+<path d="M7.64697 21.4024H9.17639V22.9318H7.64697V21.4024Z" fill="#7DC74F"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="26" height="26" fill="white"/>
+</clipPath>
+</defs>
+</svg>

templates/includes/m.html

 {% load static %}
-<div class="legendapo" id="legendapo" style="bottom: 0px;display:none">
+<!-- <div class="legendapo" id="legendapo" style="bottom: 0px;display:none">
     <div>
         <a href="#" onclick="hidelegend()" class="btn btn-default" id="button_hide_point"><span class="caret" style="margin-left: -5px;"></span></a>
     </div>
@@ -303,4 +303,4 @@
 </div>
 <div>
     <a href="#" onclick="showlegend()" class="btn btn-default" id="button_unhide_point" style="display: none;"><span class="caret" style="margin-left: -5px;transform: rotate(180deg)"></span></a>
-</div>
+</div> -->
\ No newline at end of file

templates/includes/sidebar.html

 {% load static %} {% load humanize %}
 <style>
-
     #list_perbaikan_filter>label>input[type=search] {
         border-color: #393E54;
     }
@@ -247,7 +246,7 @@
                         <div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
                             <div class="col-sm-1"></div>
                             <div class="col-sm-2">
-                                <img src="{% static 'img/icon-1/GraduationCap.svg' %}" alt="">
+                                <img src="{% static 'img/icon-1/saranaibadah.svg' %}" alt="">
                             </div>
                             <div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
                                 Jumlah Sarana Ibadah
@@ -644,8 +643,10 @@
                                 </div>
                                 <div id="previewImage" style="display: none;"></div> -->
 
+                                <div class="map_detail_p">
+                                    <div id="map_detail_perbaikan" style=" position: relative; height: 220px; width: 90%; border-radius: 5px; ">
+                                    </div>
 
-                                <div id="map_detail_perbaikan" style=" position: relative; height: 220px; width: 90%; border-radius: 5px; ">
 
                                 </div>
                             </div>
@@ -666,17 +667,6 @@
 <script type="text/javascript " src="{% static 'js/plugins/forms/selects/select2.min.js' %} "></script>
 
 <script>
-    var map_detail_perbaikan = L.map('map_detail_perbaikan', {
-        editable: true,
-        zoomControl: false,
-        drawControl: true
-    }).setView([-4.125826277307029, 104.1881561279297], 10);
-
-    L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off', {
-        maxZoom: 21,
-        minZoom: 4,
-    }).addTo(map_detail_perbaikan);
-
     $("#sel-kec ").change(function() {
         var id_kec = $(this).val()
 
@@ -840,21 +830,36 @@
     });
 
     function loaddetailid(id) {
+        $(".map_detail_p").html(``)
         var isObject = {};
         isObject.id = id;
         $("#iduser ").val(id)
 
 
-        setTimeout(function() {
-            map_detail_perbaikan.invalidateSize();
-        }, 500);
-
         $.ajax({
             url: "{% url 'apps:loadDetail' %} ",
             data: isObject,
             dataType: 'json',
             type: 'post',
             success: function(data) {
+                $(".map_detail_p").html(`<div id="map_detail_perbaikan" style=" position: relative; height: 220px; width: 90%; border-radius: 5px; ">`)
+
+                var map_detail_perbaikan = L.map('map_detail_perbaikan', {
+                    editable: true,
+                    zoomControl: false,
+                    drawControl: true
+                }).setView([-4.125826277307029, 104.1881561279297], 10);
+
+                L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off', {
+                    maxZoom: 21,
+                    minZoom: 4,
+                }).addTo(map_detail_perbaikan);
+
+
+                setTimeout(function() {
+                    map_detail_perbaikan.invalidateSize();
+                }, 500);
+
 
                 if (data.length === 0) {
                     $(".nama_detail").text("Null");

templates/layout/layout.html

@@ -485,6 +485,22 @@
             margin-top: -4.5px;
             border-radius: 50%;
         }
+        
+        .modal-header {
+            background-color: #1B1F2D !important;
+            border: #1B1F2D;
+            border-top-right-radius: 10px;
+            border-top-left-radius: 10px;
+        }
+        
+        #modal_adm>.modal-content {
+            border-radius: 10px;
+        }
+        
+        #modal_detail_non_kelurahan>div>div>div.modal-body>fieldset>div>div:nth-child(1)>div.gambar_keterangan>img {
+            border-bottom-left-radius: 0px!important;
+            border-bottom-right-radius: 10px;
+        }
     </style>
 
     {% include 'includes/css-o.html' %} {% include 'includes/css-m.html' %}
@@ -669,7 +685,7 @@
                                                 padding: 8px 16px;
                                                 text-align: center;
                                                 text-decoration: none;
-                                                text-overflow: ellipsis;">Kelola Akun</a>
+                                                text-overflow: ellipsis;" data-toggle="modal" data-target="#user_profile" data-backdrop="static" data-keyboard="false">Kelola Akun</a>
                                             </div>
                                         </div>