164 lines
5.2 KiB
PHP
164 lines
5.2 KiB
PHP
<?php
|
|
$search = "";
|
|
$filter = "all";
|
|
$user_perpage = $group_perpage = 20;
|
|
$user_currentpage = $group_currentpage = 1;
|
|
|
|
if (isset($_GET['user-pageselect'])) {
|
|
$user_currentpage = test_input($_GET['user-pageselect']);
|
|
}
|
|
|
|
if (isset($_GET['group-pageselect'])) {
|
|
$group_currentpage = test_input($_GET['group-pageselect']);
|
|
}
|
|
|
|
if (isset($_GET['search'])) {
|
|
$search = test_input($_GET['search']);
|
|
}
|
|
|
|
if (isset($_GET['filter'])) {
|
|
$filter = test_input($_GET['filter']);
|
|
}
|
|
|
|
$user_n = ($user_currentpage - 1) * $user_perpage;
|
|
$user_count = countSomeUsers($search)->fetchColumn();
|
|
|
|
$group_n = ($group_currentpage - 1) * $group_perpage;
|
|
$group_count = countSomeGroups($search)->fetchColumn();
|
|
?>
|
|
|
|
<div class="content">
|
|
<div class="platform">
|
|
<form class="search-form"
|
|
id="search-form"
|
|
action="search.php"
|
|
method="get">
|
|
<label>
|
|
Zoek:
|
|
</label>
|
|
<input type="text"
|
|
name="search"
|
|
placeholder="Zoek"
|
|
value=<?php echo "$search";?>
|
|
>
|
|
<label for="filter">
|
|
Filter:
|
|
</label>
|
|
<select name="filter">
|
|
<option value="personal"
|
|
<?php if ($filter == "personal") echo "selected";?>>
|
|
Persoonlijk</option>
|
|
<option value="all"
|
|
<?php if ($filter == "all") echo "selected";?>>
|
|
Alles</option>
|
|
</select>
|
|
<input onclick="document.getElementById('user-pageselect').value = 1;
|
|
document.getElementById('group-pageselect').value = 1"
|
|
type="submit"
|
|
value="Zoek"
|
|
>
|
|
</form>
|
|
</div>
|
|
<div class="platform item-box searchleft" id="search-friends-output">
|
|
<h4>Gebruikers</h4>
|
|
|
|
<select class="user-pageselect"
|
|
name="user-pageselect"
|
|
id="user-pageselect"
|
|
form="search-form"
|
|
onchange="this.form.submit()">
|
|
<?php
|
|
for ($i=1; $i <= ceil($user_count / $user_perpage); $i++) {
|
|
if ($user_currentpage == $i) {
|
|
echo "<option value='$i' selected>$i</option>";
|
|
} else {
|
|
echo "<option value='$i'>$i</option>";
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
|
|
<ul id='search-users-list' class='nav-list'>
|
|
|
|
<script>
|
|
$(document).ready(function(){
|
|
$.post(
|
|
"API/searchUsers.php",
|
|
{
|
|
n: "<?= $user_n ?>",
|
|
m: "<?= $user_perpage ?>",
|
|
search: "<?= $search ?>",
|
|
filter: "<?= $filter ?>"
|
|
}
|
|
).done(function(data) {
|
|
if (!showFriends(data, "#search-users-list", 0, "profile.php", "GET")) {
|
|
$("#search-friends-output").append("Niemand gevonden");
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="platform item-box searchright" id="search-group-output">
|
|
<h4>Groepen</h4>
|
|
|
|
<select class="group-pageselect"
|
|
name="group-pageselect"
|
|
id="group-pageselect"
|
|
form="search-form"
|
|
onchange="this.form.submit()">
|
|
<?php
|
|
for ($i=1; $i <= ceil($group_count / $group_perpage); $i++) {
|
|
if ($group_currentpage == $i) {
|
|
echo "<option value='$i' selected>$i</option>";
|
|
} else {
|
|
echo "<option value='$i'>$i</option>";
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
|
|
<ul id="search-groups-list" class="nav-list">
|
|
<script>
|
|
$(document).ready(function(){
|
|
$.post(
|
|
"API/searchGroups.php",
|
|
{
|
|
n: "<?= $group_n ?>",
|
|
m: "<?= $group_perpage ?>",
|
|
search: "<?= $search ?>",
|
|
filter: "<?= $filter ?>"
|
|
}
|
|
).done(function(data) {
|
|
console.log(data);
|
|
if (!showGroups(data, "#search-groups-list")) {
|
|
$("#search-groups-list").append("Geen groepen gevonden");
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
<?php
|
|
// $q = searchSomeGroups($group_n, $user_perpage, $search);
|
|
//
|
|
// while ($group = $q->fetch(PDO::FETCH_ASSOC)) {
|
|
// $groupname = $group['name'];
|
|
// $grouppic = $group['picture'];
|
|
//
|
|
// echo("
|
|
// <a href='https://myhyvesbookplus.nl/group?groupName=$groupname'>
|
|
// <li class='search-item'>
|
|
// <div class='group'>
|
|
// <img class='group-picture'
|
|
// src='$grouppic'>
|
|
// $groupname
|
|
// </div>
|
|
// </li>
|
|
// </a>
|
|
// ");
|
|
// }
|
|
?>
|
|
</ul>
|
|
</div>
|
|
</div>
|