Skip to content
Snippets Groups Projects
Commit 2b72a2e4 authored by Genvictus's avatar Genvictus
Browse files
parents 86bcfab3 24e7e501
Branches
Tags
No related merge requests found
......@@ -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>
......
......@@ -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>
......
......@@ -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;
......
......@@ -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;
......
......@@ -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}.*`);
......
......@@ -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}.*`);
......
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