blob: fae7ca8d52942d41a62749518213fc5264eeb75c (
plain)
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
{% extends "index_page.html" %}
{% block title %}Resource Manager{% endblock %}
{% block css %}
<link rel="stylesheet" type="text/css" href="{{ url_for('css', filename='DataTables/css/jquery.dataTables.css') }}" />
<link rel="stylesheet" type="text/css" href="/static/new/css/show_trait.css" />
{% endblock %}
{% block content %}
<!-- Start of body -->
<div class="container">
<div class="page-header">
<h1>Search for user to assign ownership to:</h1>
</div>
<form id="change_owner_form" action="/resource-management/resources/{{ resource_id }}/change-owner" method="POST">
<div style="min-width: 600px; max-width: 800px;">
<fieldset>
<div class="form-horizontal" style="width: 900px;">
<div style="margin-bottom: 30px;">
<h2>Search for user by either name or e-mail:</h2>
</div>
<div class="form-group" style="padding-left: 20px;">
<label for="user_name" class="col-xs-3" style="float: left; font-size: 18px;">User's Name:</label>
<div class="controls input-append col-xs-9" style="display: flex; padding-left: 20px; float: left;">
<input name="user_name" type="text" value="">
</div>
</div>
<div class="form-group" style="padding-left: 20px;">
<label for="user_email" class="col-xs-3" style="float: left; font-size: 18px;">User's E-mail:</label>
<div class="controls input-append col-xs-9" style="display: flex; padding-left: 20px; float: left;">
<input name="user_email" type="text" value="">
</div>
</div>
<div class="form-group" style="padding-left: 20px;">
<label class="col-xs-3" style="float: left; font-size: 18px;"></label>
<div class="controls input-append col-xs-9" style="display: flex; padding-left: 20px; float: left;">
<button type="button" id="find_users" class="btn btn-primary">Search</button>
<button style="margin-left: 20px; display: none;" type="submit" id="submit_new_owner" class="btn btn-success">Assign Ownership to Selected User</button>
</div>
</div>
</div>
</fieldset>
<hr>
<div id="user_results">
</div>
</div>
</form>
</div>
<!-- End of body -->
{% endblock %}
{% block js %}
<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTables/js/jquery.dataTables.min.js') }}"></script>
<script language="javascript">
$('#find_users').click(function() {
$.ajax({
method: "POST",
url: "/resource-management/{{ resource_id }}/users/search",
data: {
user_name: $('input[name=user_name]').val(),
user_email: $('input[name=user_email]').val()
},
success: populate_users
});
})
populate_users = function(json_user_list){
let user_list = JSON.parse(json_user_list)
let searchResultsHtml = ""
if (user_list.length > 0){
searchResultsHtml += "<table id='users_table' style='padding-top: 10px; width: 100%;' class='table-hover table-striped cell-border'>";
searchResultsHtml += "<thead><tr><th></th><th>Index</th><th>Name</th><th>E-mail Address</th><th>Organization</th></tr></thead>";
searchResultsHtml += "<tbody>";
for (_i = 0, _len = user_list.length; _i < _len; _i++) {
this_user = user_list[_i]
searchResultsHtml += "<tr>";
searchResultsHtml += "<td align='center' class='select_user'><input type='radio' name='new_owner' value='" + this_user.user_id + "'></td>";
searchResultsHtml += "<td>" + (_i + 1).toString() + "</td>"
if ("full_name" in this_user) {
searchResultsHtml += "<td>" + this_user.full_name + "</td>";
} else {
searchResultsHtml += "<td>N/A</td>"
}
if ("email_address" in this_user) {
searchResultsHtml += "<td>" + this_user.email_address + "</td>";
} else {
searchResultsHtml += "<td>N/A</td>"
}
if ("organization" in this_user) {
searchResultsHtml += "<td>" + this_user.organization + "</td>";
} else {
searchResultsHtml += "<td>N/A</td>"
}
searchResultsHtml += "</tr>"
}
searchResultsHtml += "</tbody>";
searchResultsHtml += "</table>";
} else {
searchResultsHtml = "<span>No users were found matching the entered criteria.</span>"
}
$('#user_results').html(searchResultsHtml)
if (user_list.length > 0){
$('#users_table').dataTable({
'order': [[1, "asc" ]],
'sDom': 'tr'
});
$('input[name=select_user]:eq(0)').prop("checked", true)
$('#submit_new_owner').css("display", "inline-block")
}
}
</script>
{% endblock %}
|
