Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<h3>User Lookup</h3>
<a class="close" href=""><i class="icon-remove-circle"></i></a>
<hr/>
<form method="post" action="" onsubmit="javascript:
var form=$(this), target=$('#client-info'), target_id=$('#user_id'),
user_id=$(this.user_id).val();
if (user_id) {
target_id.val(user_id);
target.text($('#user-lookup-name').text()
+ ' <' + $('#user-lookup-email').text() + '>');
}
$('#user-lookup').hide();
$('#overlay').hide();
return false;">
<div id="dialog-body">
<input type="text" style="width:100%" placeholder="Search" id="client-search"/>
<br/><br/>
<i class="icon-user icon-4x pull-left icon-border"></i>
<div><strong id="user-lookup-name"><?php echo $user_info['name']; ?></strong></div>
<div><<span id="user-lookup-email"><?php echo $user_info['email']; ?></span>></div>
<input type="hidden" id="user-lookup-id" name="user_id" value=""/>
<div class="clear"></div>
</div>
<hr style="margin-top:3em"/>
<p class="full-width">
<span class="buttons" style="float:left">
<input type="button" value="Cancel" class="close">
</span>
<span class="buttons" style="float:right">
<input type="submit" value="Update">
</span>
</p>
</form>
<div class="clear"></div>
<script type="text/javascript">
$(function() {
$('#client-search').typeahead({
source: function (typeahead, query) {
$.ajax({
url: "ajax.php/users?q="+query,
dataType: 'json',
success: function (data) {
typeahead.process(data);
}
});
},
onselect: function (obj) {
$('#user-lookup-name').text(obj.name);
$('#user-lookup-email').text(obj.email);
$('#user-lookup-id').val(obj.id);
},
property: "/bin/true"
});
});
</script>