diff --git a/src/app/view/admin.php b/src/app/view/admin.php
index 9eaa87832c26c40f00421aa5d8eff49bfe15101d..e39fea53cec441b3d2a141ecd44898894d18455b 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 938fcc172e45795a63dd8b2151fb00c74a8f080d..5738599809fb5e0d2cceb24e4ec21d42d2fb5089 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 14eccf3402c9ea4c8232df118be9065f65fc651d..0f72b41ad78cc9016ceb7be55ffaf48fdb34b4e7 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 6990d7102bc8b9791e672717a08448981bb84567..a614aa3df5ba9655d133f0b8f31321bd0396613a 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 22bb565350aed04b76e424d07ef37247658acefa..2c43173d430294b9cb8333f24db7b30ac41ce07f 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 2d5f5489fcfb7f1223d1778ec847932fc266b360..e0e815a7145089ab8ce0c0445b7def5bf96e610c 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}.*`);