help&support(-image)

Application/views.py

@@ -619,8 +619,8 @@ class Dashboard(generic.TemplateView):
         'gardu_listrik':gardu_listrik_result,
         'global':all[0],
         'res_all':res_all,
-        'thisUser' : user_data
-        # ,'user_res':user_res
+        'thisUser' : user_data,
+        # 'user_res':user_res
         }
         return render (request, self.template_name, context)
     

static/css/layout-style.css

@@ -808,6 +808,14 @@ li.active>a:after {
     color: black!important;
 }
 
+input#change_stat {
+    display: block!important;
+}
+
+#help>div:nth-child(3)>div>div.panel.panel-flat.panel-collapsed>div.panel-body>table>tbody>tr {
+    border-top: 20px solid white;
+}
+
 @media (max-width: 1025px) {
     .dock {
         position: absolute;

static/js/maps.js

@@ -39,8 +39,11 @@ WorldImagery.onclick = function() {
 };
 
 BingSatellite.onclick = function() {
-
     maps = L.tileLayer.bing({ bingMapsKey: BING_KEY, maxNativeZoom: 22 }).addTo(map);
+    setTimeout(function() {
+        $('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
+    }, 100);
+
 };
 
 GoogleSatellite.onclick = function() {

static/js/pages/form_checkboxes_radios.js

 /* ------------------------------------------------------------------------------
- *
- *  # Styled checkboxes, radios and file input
- *
- *  Specific JS code additions for form_checkboxes_radios.html page
- *
- *  Version: 1.0
- *  Latest update: Aug 1, 2015
- *
- * ---------------------------------------------------------------------------- */
+*
+*  # Styled checkboxes, radios and file input
+*
+*  Specific JS code additions for form_checkboxes_radios.html page
+*
+*  Version: 1.0
+*  Latest update: Aug 1, 2015
+*
+* ---------------------------------------------------------------------------- */
 
 $(function() {
 
@@ -21,7 +21,8 @@ $(function() {
         elems.forEach(function(html) {
             var switchery = new Switchery(html);
         });
-    } else {
+    }
+    else {
         var elems = document.querySelectorAll('.switchery');
         for (var i = 0; i < elems.length; i++) {
             var switchery = new Switchery(elems[i]);
@@ -29,28 +30,8 @@ $(function() {
     }
 
     // Colored switches
-
-    /* ini ngaruh sama element yang punya class "switchery-" */
-    var primary = document.querySelectorAll("[class^=switchery-");
-    /* ------------------- */
-
-    console.log(primary);
-    var switcheryCustom = document.querySelector('.switchery-custom');
-    var switchery = new Switchery(switcheryCustom, { color: '#5A9AFB', secondaryColor: '#3B3E47', jackColor: '#fff', jackSecondaryColor: '#fff' });
-
-    // var switchery = new Switchery(primary[0], { color: '#2196F3' });
-
-
-    /* inisialisasi switchery buat class "switchery-" */
-    for (var z = 0; z < primary.length; z++) {
-        var switchery = new Switchery(primary[z], { color: '#5A9AFB', secondaryColor: '#3B3E47', jackColor: '#fff', jackSecondaryColor: '#fff' });
-    }
-    /* ------------------ */
-
-    var switcheryCustom1 = document.querySelector('.switchery-custom1');
-    var switchery = new Switchery(switcheryCustom1, { color: '#5A9AEB', secondaryColor: '#3B3E47', jackColor: '#fff', jackSecondaryColor: '#fff' });
-    // var switchery = new Switchery(primary, { color: '#2196F3' });
-
+    var primary = document.querySelector('.switchery-primary');
+    var switchery = new Switchery(primary, { color: '#2196F3' });
 
     var danger = document.querySelector('.switchery-danger');
     var switchery = new Switchery(danger, { color: '#EF5350' });
@@ -59,7 +40,7 @@ $(function() {
     var switchery = new Switchery(warning, { color: '#FF7043' });
 
     var info = document.querySelector('.switchery-info');
-    var switchery = new Switchery(info, { color: '#00BCD4' });
+    var switchery = new Switchery(info, { color: '#00BCD4'});
 
 
 
@@ -124,5 +105,5 @@ $(function() {
     // ------------------------------
 
     $(".switch").bootstrapSwitch();
-
-});
+    
+});
\ No newline at end of file

templates/includes/sidebar.html

@@ -15,7 +15,7 @@
     </div>
     <div class="sidebar-category sidebar-category-visible">
         <div class="category-content no-padding">
-            <ul class="navigation navigation-main navigation-accordion" style="margin-bottom: 45vh;">
+            <ul class="navigation navigation-main navigation-accordion" style="margin-bottom: 40vh;">
 
                 <!-- Main -->
                 <li id="button_keterangan">
@@ -37,11 +37,11 @@
             </ul>
 
             <ul class="navigation navigation-main navigation-accordion">
-                <!-- <li>
-                    <a href="#" class="side-bar-but">
+                <li>
+                    <a href="#" class="side-bar-but" data-toggle="modal" data-target="#modal_help" data-backdrop="static" data-keyboard="false">
                         <img src="{% static 'img/icon-1/Vectoriconwarning.svg' %}" alt="" style="height: 17.875003814697266px;width: 17.875003814697266px;margin-left: -8px;">
                     </a>
-                </li> -->
+                </li>
                 <li>
                     <a href="{% url 'logout' %}" class="side-bar-but">
                         <img src="{% static 'img/icon-1/Vectoriconlogout.svg' %}" alt="" style="height: 17.875003814697266px;width: 17.875003814697266px;margin-left: -8px;">
@@ -352,8 +352,8 @@
                             <div class="col-sm-2">
                                 <div class="checkbox checkbox-switchery">
                                     <label>
-                                            <input type="checkbox" class="switchery-custom" id="cabud" onclick="cb100()">
-                                        </label>
+                                        <input type="checkbox" class="switchery-custom" id="cabud" onclick="cb100()">
+                                    </label>
                                 </div>
                             </div>
 

templates/layout/layout.html

@@ -93,6 +93,15 @@
     <link rel="stylesheet" href="{% static 'css/layout-style.css' %}"> {% endblock css %}
     <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
 
+    <!-- Theme JS files -->
+    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/uniform.min.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switchery.min.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switch.min.js' %}"></script>
+
+    <script type="text/javascript" src="{% static 'js/core/app.js' %}"></script>
+    <!-- <script type="text/javascript" src="{% static 'js/pages/form_checkboxes_radios.js' %}"></script> -->
+    <!-- /theme JS files -->
+
 
 
 </head>
@@ -347,13 +356,13 @@
     <!-- Theme JS files -->
     <script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3.min.js' %}"></script>
     <script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3_tooltip.js' %}"></script>
-    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switchery.min.js' %}"></script>
-    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/uniform.min.js' %}"></script>
+    <!-- <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switchery.min.js' %}"></script> -->
+    <!-- <script type="text/javascript" src="{% static 'js/plugins/forms/styling/uniform.min.js' %}"></script> -->
     <script type="text/javascript" src="{% static 'js/plugins/forms/selects/bootstrap_multiselect.js' %}"></script>
     <script type="text/javascript" src="{% static 'js/plugins/ui/moment/moment.min.js' %}"></script>
     <script type="text/javascript" src="{% static 'js/plugins/pickers/daterangepicker.js' %}"></script>
-    <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switch.min.js' %}"></script>
-    <script type="text/javascript" src="{% static 'js/pages/form_checkboxes_radios.js' %}"></script>
+    <!-- <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switch.min.js' %}"></script> -->
+    <!-- <script type="text/javascript" src="{% static 'js/pages/form_checkboxes_radios.js' %}"></script> -->
     <script type="text/javascript " src="{% static 'js/apexcharts.min.js' %}"></script>
     <script type="text/javascript " src="{% static 'js/apexcharts.js' %}"></script>
 
@@ -2261,6 +2270,120 @@
         }
     });
 
+    /* ini ngaruh sama element yang punya class "switchery-" */
+    var primary = document.querySelectorAll("[class^=switchery-");
+    /* ------------------- */
+
+    for (var z = 0; z < primary.length; z++) {
+        var switchery = new Switchery(primary[z], {
+            color: '#5A9AFB',
+            secondaryColor: '#3B3E47',
+            jackColor: '#fff',
+            jackSecondaryColor: '#fff'
+        });
+    }
+
     $('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
     $('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').css("right", "50px")
-</script>
+</script>
\ No newline at end of file
+
+<!-- <script>
+    $(function() {
+
+
+        // Switchery
+        // ------------------------------
+    
+        // Initialize multiple switches
+        if (Array.prototype.forEach) {
+            var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery'));
+            elems.forEach(function(html) {
+                var switchery = new Switchery(html);
+            });
+        }
+        else {
+            var elems = document.querySelectorAll('.switchery');
+            for (var i = 0; i < elems.length; i++) {
+                var switchery = new Switchery(elems[i]);
+            }
+        }
+    
+        // Colored switches
+        var primary = document.querySelector('.switchery-primary');
+        var switchery = new Switchery(primary, { color: '#2196F3' });
+    
+        var danger = document.querySelector('.switchery-danger');
+        var switchery = new Switchery(danger, { color: '#EF5350' });
+    
+        var warning = document.querySelector('.switchery-warning');
+        var switchery = new Switchery(warning, { color: '#FF7043' });
+    
+        var info = document.querySelector('.switchery-info');
+        var switchery = new Switchery(info, { color: '#00BCD4'});
+    
+    
+    
+        // Checkboxes/radios (Uniform)
+        // ------------------------------
+    
+        // Default initialization
+        $(".styled, .multiselect-container input").uniform({
+            radioClass: 'choice'
+        });
+    
+        // File input
+        $(".file-styled").uniform({
+            wrapperClass: 'bg-blue',
+            fileButtonHtml: '<i class="icon-file-plus"></i>'
+        });
+    
+    
+        //
+        // Contextual colors
+        //
+    
+        // Primary
+        $(".control-primary").uniform({
+            radioClass: 'choice',
+            wrapperClass: 'border-primary-600 text-primary-800'
+        });
+    
+        // Danger
+        $(".control-danger").uniform({
+            radioClass: 'choice',
+            wrapperClass: 'border-danger-600 text-danger-800'
+        });
+    
+        // Success
+        $(".control-success").uniform({
+            radioClass: 'choice',
+            wrapperClass: 'border-success-600 text-success-800'
+        });
+    
+        // Warning
+        $(".control-warning").uniform({
+            radioClass: 'choice',
+            wrapperClass: 'border-warning-600 text-warning-800'
+        });
+    
+        // Info
+        $(".control-info").uniform({
+            radioClass: 'choice',
+            wrapperClass: 'border-info-600 text-info-800'
+        });
+    
+        // Custom color
+        $(".control-custom").uniform({
+            radioClass: 'choice',
+            wrapperClass: 'border-indigo-600 text-indigo-800'
+        });
+    
+    
+    
+        // Bootstrap switch
+        // ------------------------------
+    
+        $(".switch").bootstrapSwitch();
+        
+    });
+</script> -->
\ No newline at end of file