Skip to content

O
OKU-GIS
Commit ff70b342 authored by Muhamad's avatar Muhamad
Browse files
Options

help&support(-image)

parent fdba7023
Expand all Show whitespace changes
Inline Side-by-side
Showing with 976 additions and 169 deletions
Application/views.py
View file @ ff70b342
...@@ -619,8 +619,8 @@ class Dashboard(generic.TemplateView): ...@@ -619,8 +619,8 @@ class Dashboard(generic.TemplateView):
'gardu_listrik':gardu_listrik_result, 'gardu_listrik':gardu_listrik_result,
'global':all[0], 'global':all[0],
'res_all':res_all, 'res_all':res_all,
'thisUser' : user_data 'thisUser' : user_data,
# ,'user_res':user_res # 'user_res':user_res
} }
return render (request, self.template_name, context) return render (request, self.template_name, context)
......
static/css/layout-style.css
View file @ ff70b342
...@@ -808,6 +808,14 @@ li.active>a:after { ...@@ -808,6 +808,14 @@ li.active>a:after {
color: black!important; 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) { @media (max-width: 1025px) {
.dock { .dock {
position: absolute; position: absolute;
......
static/js/action.js
View file @ ff70b342
...@@ -152,12 +152,13 @@ function load_manage() { ...@@ -152,12 +152,13 @@ function load_manage() {
success: function(data) { success: function(data) {
var data_user = [] var data_user = []
var number = 0; var number = 0;
var all_id = []
var all_stat = []
for (var i = 0; i < data['data'].length; i++) { for (var i = 0; i < data['data'].length; i++) {
$("#list_point").addClass('list_point') $("#list_point").addClass('list_point')
$("#list_user").addClass('list_user') $("#list_user").addClass('list_user')
number += 1; number += 1;
var id = data['data'][i]['id']; var id = data['data'][i]['id'];
var name = data['data'][i]['name']; var name = data['data'][i]['name'];
...@@ -167,40 +168,65 @@ function load_manage() { ...@@ -167,40 +168,65 @@ function load_manage() {
var last = data['data'][i]['last']; var last = data['data'][i]['last'];
var isactive = data['data'][i]['isactive']; var isactive = data['data'][i]['isactive'];
var no_telp = +6281234567890
var jabatan = 'Support'
if (isactive == true) { if (isactive == true) {
var isac = `<span class="label label-success">Active</span>` var isac = 'checked'
} else { } else {
var isac = `<span class="label label-danger">Inactive</span>` var isac = ''
} }
var data_gab = `<tr> var data_gab = `<tr>
<td>` + number + `</td> <td>` + number + `</td>
<td>` + id + `</td>
<td>` + username + `</td> <td>` + username + `</td>
<td>` + email + `</td> <td>` + email + `</td>
<td>` + no_telp + `</td>
<td>` + jabatan + `</td>
<td>` + last + `</td> <td>` + last + `</td>
<td>` + isac + `</td> <td class="text-center" style='padding:0px;'>
<td class="text-center"> <div class='row'>
<ul class="icons-list"> <div class='col-md-6 text-right' style='margin-top:5px'>
<li class="dropdown"> <a onclick="loaduserbyid('` + id + `')"><i class=" icon-pencil7"></i>Edit</a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> </div>
<i class="icon-menu9"></i> <div class='col-md-6 text-left'>
</a> <div class="checkbox checkbox-switchery">
<label>
<ul class="dropdown-menu dropdown-menu-right"> <input type="checkbox" class="switchery-custom-x" id="checkbox` + id + `" onclick="switchuserstatus('` + id + `, ` + isactive + `','` + id + `')" ` + isac + ` >
<li><a onclick="switchuserstatus('` + id + `, ` + isactive + `')"><i class="icon-user-block"></i> Switch user status</a></li> </label>
<li><a onclick="loaduserbyid('` + id + `')"><i class="icon-users"></i> Edit user</a></li> </div>
</ul> </div>
</li> </div>
</ul>
</td> </td>
</tr>`; </tr>`;
data_user.push(data_gab) data_user.push(data_gab)
all_id.push(id)
all_stat.push(isactive)
}; };
$("#tbody_user_list").html(data_user) $("#tbody_user_list").html(data_user)
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]);
}
}
$(".switch").bootstrapSwitch();
var primary_s = document.querySelectorAll("[class^=switchery-custom-x");
for (var z = 0; z < primary_s.length; z++) {
var switchery = new Switchery(primary_s[z], { color: '#5A9AFB', secondaryColor: '#3B3E47', jackColor: '#fff', jackSecondaryColor: '#fff' });
}
var data_point = [] var data_point = []
var number2 = 0; var number2 = 0;
...@@ -245,36 +271,6 @@ function load_manage() { ...@@ -245,36 +271,6 @@ function load_manage() {
orderable: false, orderable: false,
width: '10%', width: '10%',
targets: [0], targets: [0],
}, {
orderable: false,
width: '10%',
targets: [1],
}, {
orderable: false,
width: '20%',
targets: [2],
}, {
orderable: false,
width: '20%',
targets: [3],
}, {
orderable: false,
width: '20%',
targets: [4],
}, {
orderable: false,
width: '10%',
targets: [5],
}, {
orderable: false,
width: '10%',
targets: [6],
}, ], }, ],
dom: '<"float-left "B>frtip', dom: '<"float-left "B>frtip',
language: { language: {
...@@ -535,34 +531,7 @@ function loadGroups(isSelect) { ...@@ -535,34 +531,7 @@ function loadGroups(isSelect) {
}); });
} }
function swal_switch(isConfirm) {
function switchuserstatus(id, isactive) {
var isObject = {}
var params = id.split(",");
isObject.id = params[0];
isObject.stat = params[1].replace(" ", "");
console.log(params)
if (isObject.stat == "True") {
var title = "Nonaktifkan";
var text = "User tidak akan bisa login jika dinonaktifkan!";
} else {
var title = "Aktifkan";
var text = "User dapat kembali login jika diaktifkan!";
}
swal({
title: title + " user?",
text: text,
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Ya!",
cancelButtonText: "Tidak!",
closeOnConfirm: false,
closeOnCancel: false
}, function(isConfirm) {
if (isConfirm == true) { if (isConfirm == true) {
$.ajax({ $.ajax({
...@@ -587,7 +556,12 @@ function switchuserstatus(id, isactive) { ...@@ -587,7 +556,12 @@ function switchuserstatus(id, isactive) {
icon: "success", icon: "success",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}, function(isok) { }, function(isok) {
load_manage()
if (inf == "diaktifkan") {
$(this).checked = true;
} else {
$(this).checked = false;
}
}) })
} else { } else {
alert("no data in database") alert("no data in database")
...@@ -598,15 +572,64 @@ function switchuserstatus(id, isactive) { ...@@ -598,15 +572,64 @@ function switchuserstatus(id, isactive) {
} else { } else {
swal("Dibatalkan", "User status tidak berubah", "error"); swal("Dibatalkan", "User status tidak berubah", "error");
} }
}
function switchuserstatus(id, c) {
var isObject = {}
var params = id.split(",");
var checkbox = document.getElementById("checkbox" + c);
console.log(checkbox);
isObject.id = params[0];
isObject.stat = params[1].replace(" ", "");
if (isObject.stat == "True") {
var title = "Nonaktifkan";
var text = "User tidak akan bisa login jika dinonaktifkan!";
} else {
var title = "Aktifkan";
var text = "User dapat kembali login jika diaktifkan!";
}
swal({
title: title + " user?",
text: text,
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Ya!",
cancelButtonText: "Tidak!",
closeOnConfirm: false,
closeOnCancel: false
}, function(isConfirm) {
swal_switch(isConfirm)
// if (cb == 'b') {
// alert('b')
//check it
// if (cb == true) {
// checkbox.checked = false;
// } else {
// checkbox.checked = true
// }
// } else {
// alert('a')
// if (cb == true) {
// checkbox.checked = true;
// } else {
// checkbox.checked = false;
// }
// }
}); });
} }
function loaduserbyid(id) { function loaduserbyid(id) {
$("#modal_edit_user").modal("show")
var isObject = {}; var isObject = {};
$(".modstit").html("Update User")
$("#inUsername").attr("disabled", true)
isObject.id = id; isObject.id = id;
$("#iduser").val(id) $("#iduser").val(id)
...@@ -617,6 +640,10 @@ function loaduserbyid(id) { ...@@ -617,6 +640,10 @@ function loaduserbyid(id) {
dataType: 'json', dataType: 'json',
type: 'post', type: 'post',
success: function(data) { success: function(data) {
$("#modal_edit_user").modal("show")
$(".modstit").html("Update User")
$("#inUsername").attr("disabled", true)
let response = data; let response = data;
...@@ -988,8 +1015,16 @@ $("#btnsaveuser").click(function() { ...@@ -988,8 +1015,16 @@ $("#btnsaveuser").click(function() {
changepassword() changepassword()
}) })
// function switchuserstatuss(id, isactive) {
// var checkbox = $(this);
// if (checkbox.is(":checked")) {
// e.preventDefault();
// return false;
// }else{
// }
// }
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`) document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").css("right", "50px") document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").css("right", "50px")
\ No newline at end of file
static/js/maps.js
View file @ ff70b342
...@@ -39,8 +39,11 @@ WorldImagery.onclick = function() { ...@@ -39,8 +39,11 @@ WorldImagery.onclick = function() {
}; };
BingSatellite.onclick = function() { BingSatellite.onclick = function() {
maps = L.tileLayer.bing({ bingMapsKey: BING_KEY, maxNativeZoom: 22 }).addTo(map); 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() { GoogleSatellite.onclick = function() {
......
static/js/pages/form_checkboxes_radios.js
View file @ ff70b342
/* ------------------------------------------------------------------------------ /* ------------------------------------------------------------------------------
* *
* # Styled checkboxes, radios and file input * # Styled checkboxes, radios and file input
* *
* Specific JS code additions for form_checkboxes_radios.html page * Specific JS code additions for form_checkboxes_radios.html page
* *
* Version: 1.0 * Version: 1.0
* Latest update: Aug 1, 2015 * Latest update: Aug 1, 2015
* *
* ---------------------------------------------------------------------------- */ * ---------------------------------------------------------------------------- */
$(function() { $(function() {
...@@ -21,7 +21,8 @@ $(function() { ...@@ -21,7 +21,8 @@ $(function() {
elems.forEach(function(html) { elems.forEach(function(html) {
var switchery = new Switchery(html); var switchery = new Switchery(html);
}); });
} else { }
else {
var elems = document.querySelectorAll('.switchery'); var elems = document.querySelectorAll('.switchery');
for (var i = 0; i < elems.length; i++) { for (var i = 0; i < elems.length; i++) {
var switchery = new Switchery(elems[i]); var switchery = new Switchery(elems[i]);
...@@ -29,28 +30,8 @@ $(function() { ...@@ -29,28 +30,8 @@ $(function() {
} }
// Colored switches // Colored switches
var primary = document.querySelector('.switchery-primary');
/* ini ngaruh sama element yang punya class "switchery-" */ var switchery = new Switchery(primary, { color: '#2196F3' });
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 danger = document.querySelector('.switchery-danger'); var danger = document.querySelector('.switchery-danger');
var switchery = new Switchery(danger, { color: '#EF5350' }); var switchery = new Switchery(danger, { color: '#EF5350' });
...@@ -59,7 +40,7 @@ $(function() { ...@@ -59,7 +40,7 @@ $(function() {
var switchery = new Switchery(warning, { color: '#FF7043' }); var switchery = new Switchery(warning, { color: '#FF7043' });
var info = document.querySelector('.switchery-info'); var info = document.querySelector('.switchery-info');
var switchery = new Switchery(info, { color: '#00BCD4' }); var switchery = new Switchery(info, { color: '#00BCD4'});
......
templates/includes/modal.html
View file @ ff70b342
This diff is collapsed.
templates/includes/sidebar.html
View file @ ff70b342
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</div> </div>
<div class="sidebar-category sidebar-category-visible"> <div class="sidebar-category sidebar-category-visible">
<div class="category-content no-padding"> <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 --> <!-- Main -->
<li id="button_keterangan"> <li id="button_keterangan">
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
</ul> </ul>
<ul class="navigation navigation-main navigation-accordion"> <ul class="navigation navigation-main navigation-accordion">
<!-- <li> <li>
<a href="#" class="side-bar-but"> <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;"> <img src="{% static 'img/icon-1/Vectoriconwarning.svg' %}" alt="" style="height: 17.875003814697266px;width: 17.875003814697266px;margin-left: -8px;">
</a> </a>
</li> --> </li>
<li> <li>
<a href="{% url 'logout' %}" class="side-bar-but"> <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;"> <img src="{% static 'img/icon-1/Vectoriconlogout.svg' %}" alt="" style="height: 17.875003814697266px;width: 17.875003814697266px;margin-left: -8px;">
......
templates/layout/layout.html
View file @ ff70b342
...@@ -93,6 +93,15 @@ ...@@ -93,6 +93,15 @@
<link rel="stylesheet" href="{% static 'css/layout-style.css' %}"> {% endblock css %} <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> <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> </head>
...@@ -347,13 +356,13 @@ ...@@ -347,13 +356,13 @@
<!-- Theme JS files --> <!-- 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.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/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/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/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/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/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/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/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/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.min.js' %}"></script>
<script type="text/javascript " src="{% static 'js/apexcharts.js' %}"></script> <script type="text/javascript " src="{% static 'js/apexcharts.js' %}"></script>
...@@ -2261,6 +2270,120 @@ ...@@ -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').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") $('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').css("right", "50px")
</script> </script>
<!-- <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
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment