Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions _head.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
<title>Sistem Pendukung Keputusan Pemilihan Supplier</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="template/vali-admin/css/main.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
260 changes: 260 additions & 0 deletions _js.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,260 @@

<!-- JavaScript -->
<script src="template/vali-admin/js/jquery-3.3.1.min.js"></script>
<script src="template/vali-admin/js/popper.min.js"></script>
<script src="template/vali-admin/js/bootstrap.min.js"></script>
<script src="template/vali-admin/js/main.js"></script>
<script src="template/vali-admin/js/plugins/pace.min.js"></script>
<script src="template/vali-admin/js/plugins/jquery.dataTables.min.js"></script>
<script src="template/vali-admin/js/plugins/dataTables.bootstrap.min.js"></script>
<script type="text/javascript">
// DataTable
var datatable = $("#datatable").DataTable({
"language": {
"lengthMenu": "Menampilkan _MENU_ data",
"zeroRecords": "Data tidak tersedia",
"info": "Menampilkan _START_ sampai _END_ dari total _TOTAL_ data",
"infoEmpty": "Data tidak ditemukan",
"infoFiltered": "(Terfilter dari total _MAX_ data)",
"search": "Cari:",
"paginate": {
"first": "Pertama",
"last": "Terakhir",
"previous": "<",
"next": ">",
},
"processing": "Memproses data..."
},
columnDefs: [
{orderable: false, targets: -1},
],
order: []
});
datatable.on('draw.dt', function(){
$('[data-toggle="tooltip"]').tooltip();
});

// Button Add
$(document).on("click", ".btn-add", function(event){
event.preventDefault();
$("#modal-add").modal("show");
});

// Button Detail
$(document).on("click", ".btn-detail", function(event){
event.preventDefault();
var id = $(this).data("id");
var a = $(this).data("a");
var b = $(this).data("b");
var op = $(this).data("op");
$.ajax({
type: "GET",
url: "proses/getdata.php",
data: {id: id, a: a, b: b, op: op},
dataType: "JSON",
success: function(e){
if(op == 'bobot' || op == 'nilai'){
// Disabled
var disabledKeys = Object.keys(e.disabled);
for(i=0; i<disabledKeys.length; i++){
$("#modal-detail").find("#"+disabledKeys[i]).val(e.disabled[disabledKeys[i]]);
}
// Enabled
$(e.enabled).each(function(key,data){
var enabledKeys = Object.keys(data);
for(i=0; i<enabledKeys.length; i++){
$("#modal-detail").find("#"+enabledKeys[i]+"-"+key).val(data[enabledKeys[i]]);
}
});
}
$("#modal-detail").modal("show");
}
});
});

// Button Edit
$(document).on("click", ".btn-edit", function(event){
event.preventDefault();
var id = $(this).data("id");
var a = $(this).data("a");
var b = $(this).data("b");
var op = $(this).data("op");
$.ajax({
type: "GET",
url: "proses/getdata.php",
data: {id: id, a: a, b: b, op: op},
dataType: "JSON",
success: function(e){
if(op == 'bobot' || op == 'nilai'){
// Disabled
var disabledKeys = Object.keys(e.disabled);
for(i=0; i<disabledKeys.length; i++){
$("#modal-edit").find("#"+disabledKeys[i]).val(e.disabled[disabledKeys[i]]);
}
// Enabled
$(e.enabled).each(function(key,data){
var enabledKeys = Object.keys(data);
for(i=0; i<enabledKeys.length; i++){
$("#modal-edit").find("#"+enabledKeys[i]+"-"+key).val(data[enabledKeys[i]]);
}
});
}
else{
var keys = Object.keys(e);
for(i=0; i<keys.length; i++){
$("#modal-edit").find("#"+keys[i]).val(e[keys[i]]);
}
}
$("#modal-edit").modal("show");
}
});
});

// Button Delete
$(document).on("click", ".btn-delete", function(event){
event.preventDefault();
var id = $(this).data("id");
var a = $(this).data("a");
var b = $(this).data("b");
var op = $(this).data("op");
var confirm = window.confirm("Apakah Anda yakin ingin menghapus data ini?");
if(confirm){
$.ajax({
type: "POST",
url: "proses/proseshapus.php",
data: {id: id, a: a, b: b, op: op},
dataType: "JSON",
success: function(e){
if(e == 'success'){
alert('Berhasil Menghapus Data!');
setTimeout(function () {
location.reload();
},100);
} else{
alert('Gagal Menghapus Data '+e);
}
}
});
}
});

// Categorize
$(document).on("change", "#categorize", function(){
var id = $(this).val();
var op = $(this).data("op");
$.ajax({
type: "GET",
url: "proses/proseslihat.php",
data: {id: id, op: op},
success: function(e){
$("#datatable tbody").html(e);
$('[data-toggle="tooltip"]').tooltip();
}
});
});

// Close Modal Event
$(".modal").on('hidden.bs.modal', function(event){
$("input[name=id], input.form-control, select.form-control").val(null);
});

// Submit Form Add / Edit
$("form.form").on("submit", function(event){
event.preventDefault();
var url = $(this).attr('action');
var data = $(this).serialize();
$.ajax({
type: "POST",
url: url,
data: data,
dataType: "JSON",
success: function(e){
if(e == 'success'){
alert('Berhasil Memasukan Data!');
setTimeout(function () {
location.reload();
},100);
} else if (e == 'ada data'){
alert('Data Tidak Boleh Sama!');
} else if (e == 'failed'){
alert('Gagal Memasukan data!');
} else{
alert('Berhasil Update Data!');
window.location.href = e;
}
}
})
});

// Generate SAW
$("#generate-saw").change(function() {
var value = $(this).val();
$("#result-saw").hide("slow");
document.cookie = "pilih="+value+";expires=3600;path=/";
if (getCookieData) {
$("#result-saw").load("./hasil.php").slideToggle("slow");
}
});

function getCookieData(){
var data=getCookie("pilih");
if (data==null && data=="") {
return false;
}else{
return true;
}
}

// Login
$(document).on("submit", "#form-login", function(event) {
event.preventDefault();
var url = $(this).attr('action');
var data = $(this).serialize();
$.ajax({
url: url,
data: data,
dataType: 'JSON',
type: 'POST',
success: function(e){
if (e == 'success') {
location.reload();
} else{
$('#alert-message').html(e);
$('#alert').slideDown('slow', function() {
setTimeout(function () {
location.reload();
}, 5000);
});
}
}
});
});

// Logout
$(document).on("click", "a#out", function(event){
// event.preventDefault();
var confirm = window.confirm("Apakah anda ingin keluar ?");
if(confirm == true){
return true;
} else{
return false;
}
});
</script>

<script>
// Button Toggle Password
$(document).on("click", ".btn-toggle-password", function(e){
e.preventDefault();
if(!$(this).hasClass("show")){
$(this).parents(".form-group").find("input[type=password]").attr("type","text");
$(this).find(".fa").removeClass("fa-eye").addClass("fa-eye-slash");
$(this).addClass("show");
}
else{
$(this).parents(".form-group").find("input[type=text]").attr("type","password");
$(this).find(".fa").removeClass("fa-eye-slash").addClass("fa-eye");
$(this).removeClass("show");
}
});
</script>
21 changes: 21 additions & 0 deletions _navbar.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<header class="text-center">
Sistem Pendukung Keputusan
</header>

<!-- Navbar -->
<header class="app-header">
<a class="app-header__logo" href="index.php">YNTKTS</a>
<!-- Sidebar Toggle Button -->
<a class="app-sidebar__toggle" href="#" data-toggle="sidebar" aria-label="Hide Sidebar"></a>
<!-- Navbar Right Menu -->
<ul class="app-nav">
<!-- User Menu -->
<li class="dropdown">
<a class="app-nav__item" href="#" data-toggle="dropdown" aria-label="Open Profile Menu"><i class="fa fa-user fa-lg"></i></a>
<ul class="dropdown-menu settings-menu dropdown-menu-right">
<li><a class="dropdown-item" href="#"><i class="fa fa-user fa-lg"></i> Profil</a></li>
<li><a class="dropdown-item" href="./logout.php" id="out"><i class="fa fa-power-off fa-lg"></i> Keluar</a></li>
</ul>
</li>
</ul>
</header>
20 changes: 20 additions & 0 deletions _sidebar.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@

<!-- Sidebar Menu -->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user justify-content-center d-none">
<img class="app-sidebar__user-avatar img-fluid" src="asset/image/YNTKTS.png" width="120">
</div>
<ul class="app-menu">
<li><a class="app-menu__item <?= !isset($_GET['page']) || $_GET['page'] == 'beranda' ? 'active' : '' ?>" href="./?page=beranda"><i class="app-menu__icon fa fa-dashboard"></i><span class="app-menu__label">Beranda</span></a></li>
<li><a class="app-menu__item <?= isset($_GET['page']) && $_GET['page'] == 'barang' ? 'active' : '' ?>" href="./?page=barang"><i class="app-menu__icon fa fa-archive"></i><span class="app-menu__label">Barang</span></a></li>
<li><a class="app-menu__item <?= isset($_GET['page']) && $_GET['page'] == 'supplier' ? 'active' : '' ?>" href="./?page=supplier"><i class="app-menu__icon fa fa-truck"></i><span class="app-menu__label">Supplier</span></a></li>
<li><a class="app-menu__item <?= isset($_GET['page']) && $_GET['page'] == 'kriteria' ? 'active' : '' ?>" href="./?page=kriteria"><i class="app-menu__icon fa fa-check-square"></i><span class="app-menu__label">Kriteria</span></a></li>
<li><a class="app-menu__item <?= isset($_GET['page']) && $_GET['page'] == 'subkriteria' ? 'active' : '' ?>" href="./?page=subkriteria"><i class="app-menu__icon fa fa-check-square-o"></i><span class="app-menu__label">Sub Kriteria</span></a></li>
<li><a class="app-menu__item <?= isset($_GET['page']) && $_GET['page'] == 'bobot' ? 'active' : '' ?>" href="./?page=bobot"><i class="app-menu__icon fa fa-balance-scale"></i><span class="app-menu__label">Bobot</span></a></li>
<li><a class="app-menu__item <?= isset($_GET['page']) && $_GET['page'] == 'penilaian' ? 'active' : '' ?>" href="./?page=penilaian"><i class="app-menu__icon fa fa-star"></i><span class="app-menu__label">Penilaian</span></a></li>
<li><a class="app-menu__item <?= isset($_GET['page']) && $_GET['page'] == 'hasil' ? 'active' : '' ?>" href="./?page=hasil"><i class="app-menu__icon fa fa-bar-chart"></i><span class="app-menu__label">Hasil</span></a></li>
<li><a class="app-menu__item" href="#"><i class="app-menu__icon fa fa-book"></i><span class="app-menu__label">Panduan</span></a></li>
<li><a class="app-menu__item" href="./logout.php" id="out"><i class="app-menu__icon fa fa-power-off"></i><span class="app-menu__label">Keluar</span></a></li>
</ul>
</aside>
50 changes: 50 additions & 0 deletions _style.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<style type="text/css">
:root {
--primary-dark: #00ADB5;
--primary-darken: #009199;
--secondary: #393E46;
--font-family: 'Lato';
}

::selection {background-color: var(--primary-dark);}

/* Login */
.material-half-bg .cover {background-color: var(--primary-dark);}
.login-content .logo {font-family: var(--font-family);}
.login-content .login-box {border-radius: .5rem;}

/* Header */
.app-header {background-color: var(--primary-dark);}
.app-header__logo {font-family: var(--font-family); background-color: var(--primary-darken);}
@media(max-width: 767px){ .app-header {padding-right: 0;} }
.dropdown-item.active, .dropdown-item:active {background-color: var(--primary-dark);}
.dropdown-item .fa {width: 16px;}

/* Sidebar */
.app-sidebar__toggle:focus, .app-sidebar__toggle:hover {background-color: var(--primary-darken);}
.app-sidebar {background-color: #fff;}
.app-sidebar__user {margin-bottom: 0;}
.app-sidebar__user-avatar {margin-right: 0;}
.app-menu__item {color: #333;}
.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {border-left-color: var(--primary-dark); background-color: var(--secondary);}

/* Content */
.app-content {margin-top: 30px;}

/* Anchor */
a {color: var(--primary-dark);}
a:hover {color: var(--primary-darken);}

/* Button */
.btn-primary {background-color: var(--primary-dark); border-color: var(--primary-dark);}
.btn-primary:hover {background-color: var(--primary-darken); border-color: var(--primary-darken);}
.page-item.active .page-link {background-color: var(--primary-dark); border-color: var(--primary-dark);}

/* Form */
.form-control:focus {border-color: var(--primary-dark);}

/* Table */
#datatable tr td a.btn {width: 36px;}
#datatable tr td a.btn .fa {margin-right: 0;}
.table-saw tr th, .table-saw tr td {text-align: center;}
</style>
Loading