Live search
This commit is contained in:
33
website/public/js/search.js
Normal file
33
website/public/js/search.js
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
function searchUsers(n, m) {
|
||||||
|
$.post(
|
||||||
|
"API/searchUsers.php",
|
||||||
|
{
|
||||||
|
n: n,
|
||||||
|
m: m,
|
||||||
|
search: $("#search-input").val(),
|
||||||
|
filter: $("#search-filter").val()
|
||||||
|
}
|
||||||
|
).done(function(data) {
|
||||||
|
console.log(data);
|
||||||
|
if (!showFriends(data, "#search-users-list", 0, "profile.php", "GET")) {
|
||||||
|
$("#search-users-list").text("Niemand gevonden");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function searchGroups(n, m) {
|
||||||
|
$.post(
|
||||||
|
"API/searchGroups.php",
|
||||||
|
{
|
||||||
|
n: n,
|
||||||
|
m: m,
|
||||||
|
search: $("#search-input").val(),
|
||||||
|
filter: $("#search-filter").val()
|
||||||
|
}
|
||||||
|
).done(function(data) {
|
||||||
|
console.log(data);
|
||||||
|
if (!showGroups(data, "#search-groups-list")) {
|
||||||
|
$("#search-groups-list").text("Geen groepen gevonden");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -9,6 +9,8 @@
|
|||||||
<style>
|
<style>
|
||||||
@import url("styles/search.css");
|
@import url("styles/search.css");
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<script src="js/search.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<?php
|
<?php
|
||||||
|
|||||||
@@ -37,14 +37,18 @@ $group_count = countSomeGroups($search)->fetchColumn();
|
|||||||
Zoek:
|
Zoek:
|
||||||
</label>
|
</label>
|
||||||
<input type="text"
|
<input type="text"
|
||||||
|
id="search-input"
|
||||||
name="search"
|
name="search"
|
||||||
|
onkeyup="
|
||||||
|
searchUsers(<?= $user_n ?>, <?= $user_perpage ?>);
|
||||||
|
searchGroups(<?= $group_n ?>, <?= $group_perpage ?>);"
|
||||||
placeholder="Zoek"
|
placeholder="Zoek"
|
||||||
value=<?php echo "$search";?>
|
value=<?php echo "$search";?>
|
||||||
>
|
>
|
||||||
<label for="filter">
|
<label for="filter">
|
||||||
Filter:
|
Filter:
|
||||||
</label>
|
</label>
|
||||||
<select name="filter">
|
<select name="filter" id="search-filter">
|
||||||
<option value="personal"
|
<option value="personal"
|
||||||
<?php if ($filter == "personal") echo "selected";?>>
|
<?php if ($filter == "personal") echo "selected";?>>
|
||||||
Persoonlijk</option>
|
Persoonlijk</option>
|
||||||
@@ -79,22 +83,9 @@ $group_count = countSomeGroups($search)->fetchColumn();
|
|||||||
</select>
|
</select>
|
||||||
|
|
||||||
<ul id='search-users-list' class='nav-list'>
|
<ul id='search-users-list' class='nav-list'>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$.post(
|
searchUsers(<?= $user_n ?>, <?= $user_perpage ?>);
|
||||||
"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>
|
</script>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -122,42 +113,9 @@ $group_count = countSomeGroups($search)->fetchColumn();
|
|||||||
<ul id="search-groups-list" class="nav-list">
|
<ul id="search-groups-list" class="nav-list">
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$.post(
|
searchGroups(<?= $group_n ?>, <?= $group_perpage ?>);
|
||||||
"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>
|
</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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user