From 24e7e501e2cdf49b63cffc54e357985a2757e3c5 Mon Sep 17 00:00:00 2001
From: SulthanDA28 <13521159@std.stei.itb.ac.id>
Date: Sat, 4 Nov 2023 12:54:57 +0700
Subject: [PATCH] add sort
---
src/app/view/admin.php | 6 ++++++
src/app/view/adminunban.php | 6 ++++++
src/public/css/admin.css | 8 ++++++++
src/public/css/adminunban.css | 8 ++++++++
src/public/js/admin.js | 30 ++++++++++++++++++++++++++++++
src/public/js/adminunban.js | 29 +++++++++++++++++++++++++++++
6 files changed, 87 insertions(+)
diff --git a/src/app/view/admin.php b/src/app/view/admin.php
index 9eaa878..e39fea5 100644
--- a/src/app/view/admin.php
+++ b/src/app/view/admin.php
@@ -20,6 +20,12 @@
<option value="name">Profile Name</option>
</select>
</div>
+ <div class="dropdowntempat">
+ <select id="sort" name="selectedOption">
+ <option value="naik">Menaik</option>
+ <option value="turun">Menurun</option>
+ </select>
+ </div>
<div class="tmbltoban">
<input type="text" class="inputnama" id="searchtext"placeholder="Search...">
</div>
diff --git a/src/app/view/adminunban.php b/src/app/view/adminunban.php
index 938fcc1..5738599 100644
--- a/src/app/view/adminunban.php
+++ b/src/app/view/adminunban.php
@@ -20,6 +20,12 @@
<option value="name">Profile Name</option>
</select>
</div>
+ <div class="dropdowntempat">
+ <select id="sort" name="selectedOption">
+ <option value="naik">Menaik</option>
+ <option value="turun">Menurun</option>
+ </select>
+ </div>
<div class="tmbltoban">
<input type="text" class="inputnama" id="searchtext"placeholder="Search...">
</div>
diff --git a/src/public/css/admin.css b/src/public/css/admin.css
index 14eccf3..0f72b41 100644
--- a/src/public/css/admin.css
+++ b/src/public/css/admin.css
@@ -162,6 +162,14 @@ body{
cursor: pointer;
border-radius: 10px;
}
+.dropdowntempat #sort{
+ background-color: #007bff;
+ color: #fff;
+ border: none;
+ padding: 5px 10px;
+ cursor: pointer;
+ border-radius: 10px;
+}
.dropdowntempat{
position: relative;
width: 280px;
diff --git a/src/public/css/adminunban.css b/src/public/css/adminunban.css
index 6990d71..a614aa3 100644
--- a/src/public/css/adminunban.css
+++ b/src/public/css/adminunban.css
@@ -161,6 +161,14 @@ body{
cursor: pointer;
border-radius: 10px;
}
+.dropdowntempat #sort{
+ background-color: #007bff;
+ color: #fff;
+ border: none;
+ padding: 5px 10px;
+ cursor: pointer;
+ border-radius: 10px;
+}
.dropdowntempat{
position: relative;
width: 280px;
diff --git a/src/public/js/admin.js b/src/public/js/admin.js
index 22bb565..2c43173 100644
--- a/src/public/js/admin.js
+++ b/src/public/js/admin.js
@@ -128,7 +128,9 @@ document.getElementById('logout').addEventListener('click', function() {
});
const valuedropdown = document.querySelector('#dropdown');
const search = document.querySelector('#searchtext');
+const valuesort = document.querySelector('#sort');
document.getElementById('search').addEventListener('click', function() {
+ console.log(valuesort.value);
if(valuedropdown.value==="username"){
if(search.value===""){
const xhr = new XMLHttpRequest();
@@ -146,6 +148,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.unban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.unban.sort(function(a, b){return b.id - a.id});
+ }
var hapus = document.querySelectorAll(".person");
hapus.forEach(function(e){
e.remove();
@@ -176,6 +185,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
// console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.unban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.unban.sort(function(a, b){return b.id - a.id});
+ }
let ambil = [];
for(let i=0;i<response.unban.length;i++){
var regex = new RegExp(`.*${search.value}.*`);
@@ -221,6 +237,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.unban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.unban.sort(function(a, b){return b.id - a.id});
+ }
var hapus = document.querySelectorAll(".person");
hapus.forEach(function(e){
e.remove();
@@ -250,6 +273,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
// console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.unban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.unban.sort(function(a, b){return b.id - a.id});
+ }
let ambil = [];
for(let i=0;i<response.unban.length;i++){
var regex = new RegExp(`.*${search.value}.*`);
diff --git a/src/public/js/adminunban.js b/src/public/js/adminunban.js
index 2d5f548..e0e815a 100644
--- a/src/public/js/adminunban.js
+++ b/src/public/js/adminunban.js
@@ -78,6 +78,7 @@ document.getElementById('tmbltobaned').addEventListener('click', function() {
});
const valuedropdown = document.querySelector('#dropdown');
const search = document.querySelector('#searchtext');
+const valuesort = document.querySelector('#sort');
document.getElementById('search').addEventListener('click', function() {
if(valuedropdown.value==="username"){
if(search.value===""){
@@ -96,6 +97,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.ban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.ban.sort(function(a, b){return b.id - a.id});
+ }
var hapus = document.querySelectorAll(".person");
hapus.forEach(function(e){
e.remove();
@@ -126,6 +134,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
// console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.ban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.ban.sort(function(a, b){return b.id - a.id});
+ }
let ambil = [];
for(let i=0;i<response.ban.length;i++){
var regex = new RegExp(`.*${search.value}.*`);
@@ -171,6 +186,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.ban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.ban.sort(function(a, b){return b.id - a.id});
+ }
var hapus = document.querySelectorAll(".person");
hapus.forEach(function(e){
e.remove();
@@ -200,6 +222,13 @@ document.getElementById('search').addEventListener('click', function() {
}
else if(response.status==="sukses"){
// console.log(response);
+ if(valuesort.value==="naik"){
+ //id
+ response.ban.sort(function(a, b){return a.id - b.id});
+ }
+ else if(valuesort.value==="turun"){
+ response.ban.sort(function(a, b){return b.id - a.id});
+ }
let ambil = [];
for(let i=0;i<response.ban.length;i++){
var regex = new RegExp(`.*${search.value}.*`);
--
GitLab