search in user list

loading gif
lists can be closed and opened
number of trainings at diary
This commit is contained in:
Ricsi
2017-01-19 19:10:51 +01:00
parent 92be8a8c95
commit 1b78abb5c7
13 changed files with 379 additions and 41 deletions

View File

@@ -1,24 +1,72 @@
<div class="buttons">
<a href="/admin/create/member" class="addbutton add-big">Új tag hozzáadása</a>
<a href="/admin/parents" class="addbutton add-big">Szülők</a>
<a href="/admin/shirts" class="addbutton add-big">Pólók</a>
<a href="/admin/cities" class="addbutton add-big">Települések</a>
<a href="/admin/schools" class="addbutton add-big">Iskolák</a>
<a href="/admin/regions" class="addbutton add-big">Diákolimpia körzetek</a>
<!-- a href="/admin/school" class="addbutton add-big">Iskolák</a -->
</div>
<div class="user_filter">
<input name="uk_filter_name" id="uk_filter_name" placeholder="Keresés...">
<select name="is_active" id="is_active">
<option value="1">Aktív tagok</option>
<option value="0">Passzív tagok</option>
<option value="3">Minden tag</option>
</select>
</div>
<div class="list" id="user_list">
</div>
<div class="list">
{foreach $user_array as $user}
<a href="/admin/{if !$edit}members{else}edit_member{/if}/{$user->get_uk_id()}">
<div class="list_item">
<img src="/_image/shuttlecock.png">
{$user->get_uk_name()}
</div>
</a>
{/foreach}
<script>
</div>
var Timer;
$( document ).ready(function() {
$("#is_active").trigger("change");
});
$("#is_active").change(search);
$("#uk_filter_name").keypress(function() {
document.getElementById('user_list').innerHTML = 'Betöltés...';
clearTimeout(Timer);
Timer = window.setTimeout(search, 1000);
});
function search() {
document.getElementById('user_list').innerHTML = 'Betöltés...';
$("#is_active").prop("disabled",true);
$.post("/_ajax/get_user_list.php",
{
uk_filter_name: $("#uk_filter_name").val(),
is_active: $("#is_active").val()
},
function(data, status){
var pdata = JSON.parse(data);
var content = '';
for (var i=0; i<pdata.length; ++i) {
//console.log(pdata[i]['uk_id']);
//add_list_item(pdata[i]['uk_id'],pdata[i]['uk_name']);
content +=
'<a href="/admin/members/'+pdata[i]['uk_id']+'">\
<div class="list_item">\
<img src="/_image/shuttlecock.png">\
'+pdata[i]['uk_name']+'\
</div>\
</a>';
}
document.getElementById('user_list').innerHTML = content;
$("#is_active").prop("disabled",false);
});
}
</script>