MyHyvesBookPlus/WebDB
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Filter on search page

Browse Source 
It also works with jquery now
This commit is contained in:
Lars van Hijfte
2017-01-26 13:53:59 +01:00
parent 7b7f0b2c64
commit 33a640329b
14 changed files with 248 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
website/views/header.php
View File

@@ -12,7 +12,6 @@ $userinfo = getHeaderInfo();
<input name="search"
type="text"
placeholder="Zoek naar wat je wil"
required
/>
<button type="submit">
<i class="fa fa-search"></i>

30
website/views/menu.php
View File

@@ -1,25 +1,33 @@
<nav class="menu">
<section id="friends-menu-section">
<h4>
Vrienden
Top vrienden
</h4>
<ul id="menu-friends-list" class="nav-list">
</ul>
<h4><form action="search.php">
<input type="hidden"
value="friends"
name="filter" />
<button value=""
name="search">
Alle vrienden...
</button>
</form></h4>
</section>
<section id="groups-menu-section">
<h4>
Groepen
Top groepen
</h4>
<ul id="menu-groups-list" class="nav-list">
</ul>
</section>
<section>
<ul class="nav-list">
<li>
<form action="search.php" method="get">
<input type="hidden"
name="search"
value="" />
<input type="hidden"
name="filter"
value="personal" />
<button type="submit">
Klik voor al je groepen en vrienden...
</button>
</form>
</li>
</ul>
</section>
</nav>

117
website/views/search-view.php
View File

@@ -5,11 +5,11 @@ $user_perpage = $group_perpage = 20;
$user_currentpage = $group_currentpage = 1;
if (isset($_GET['user-pageselect'])) {
$user_currentpage = $_GET['user-pageselect'];
$user_currentpage = test_input($_GET['user-pageselect']);
}
if (isset($_GET['group-pageselect'])) {
$group_currentpage = $_GET['group-pageselect'];
$group_currentpage = test_input($_GET['group-pageselect']);
}
if (isset($_GET['search'])) {
@@ -17,7 +17,7 @@ if (isset($_GET['search'])) {
}
if (isset($_GET['filter'])) {
$filter = $_GET['filter'];
$filter = test_input($_GET['filter']);
}
$user_n = ($user_currentpage - 1) * $user_perpage;
@@ -45,18 +45,12 @@ $group_count = countSomeGroups($search)->fetchColumn();
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>
<option value="users"
<?php if ($filter == "users") echo "selected";?>>
Gebruikers</option>
<option value="groups"
<?php if ($filter == "groups") echo "selected";?>>
Groepen</option>
<option value="friends"
<?php if ($filter == "friends") echo "selected";?>>
Vrienden</option>
</select>
<input onclick="document.getElementById('user-pageselect').value = 1;
document.getElementById('group-pageselect').value = 1"
@@ -84,31 +78,25 @@ $group_count = countSomeGroups($search)->fetchColumn();
?>
</select>
<ul class='nav-list'>
<?php
$q = searchSomeUsers($user_n, $user_perpage, $search);
while ($user = $q->fetch(PDO::FETCH_ASSOC)) {
$username = $user['username'];
$profilepic = $user['profilepicture'];
$fname = $user['fname'];
$lname = $user['lname'];
echo("
<a href='https://myhyvesbookplus.nl/profile?username=$username'>
<li class='search-item'>
<div class='friend'>
<img class='profile-picture'
src='$profilepic'>
$fname $lname ($username)
</div>
</li>
</a>
");
}
?>
<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>
@@ -131,27 +119,44 @@ $group_count = countSomeGroups($search)->fetchColumn();
?>
</select>
<ul class="nav-list">
<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>
");
}
// $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>