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
|
<!-- --- BEGIN COPYRIGHT BLOCK ---
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; version 2 of the License.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License along
with this program; if not, write to the Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
Copyright (C) 2013 Red Hat, Inc.
All rights reserved.
--- END COPYRIGHT BLOCK --- -->
<html>
<head>
<link href="/pki/css/pki-ui.css" rel="stylesheet" type="text/css">
<script src="/pki/js/jquery.js"></script>
<script src="/pki/js/underscore.js"></script>
<script src="/pki/js/backbone.js"></script>
<script src="/pki/js/pki-ui.js"></script>
<script src="/tps/js/activity.js"></script>
<script>
$(function() {
var editDialog = new Dialog({
el: $("#activity-dialog"),
title: "Edit Activity",
readonly: ["id", "tokenID", "userID", "ip",
"operation", "result", "date"]
});
new TableView({
el: $("table[name='activities']"),
collection: new ActivityCollection({ size: 3 }),
editDialog: editDialog
});
});
</script>
</head>
<body>
<h1>Activities</h1>
<table name="activities">
<thead>
<tr>
<th class="rcue-table-actions" colspan="8">
<span><input type="text" placeholder="Search..."></span>
<span><button>Add</button><button>Remove</button></span>
</th>
</tr>
<tr>
<th class="checkbox"><input id="activity_selectall" type="checkbox"><label for="activity_selectall"> </label></th>
<th>Activity ID</th>
<th>Token ID</th>
<th>User ID</th>
<th>IP</th>
<th>Operation</th>
<th>Result</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td class="checkbox"><input id="activity_select" type="checkbox"><label for="activity_select"> </label></td>
<td name="id"> </td>
<td name="tokenID"> </td>
<td name="userID"> </td>
<td name="ip"> </td>
<td name="operation"> </td>
<td name="result"> </td>
<td name="date"> </td>
</tr>
</tbody>
<tfoot>
<tr>
<th class="rcue-table-actions" colspan="8">
<span>
<a href="#" class="prev">Prev</a>
<a href="#" class="next">Next</a>
<span>
</th>
</tr>
</tfoot>
</table>
<div id="activity-dialog" class="rcue-dialog-background">
<div class="rcue-dialog">
<header>
<h1>Activity</h1>
<a class="rcue-button-close" href="#"></a>
</header>
<fieldset>
<label>Activity ID</label><input name="id" type="text"><br>
<label>Token ID</label><input name="tokenID" type="text"><br>
<label>User ID</label><input name="userID" type="text"><br>
<label>IP</label><input name="ip" type="text"><br>
<label>operation</label><input name="operation" type="text"><br>
<label>Result</label><input name="result" type="text"><br>
<label>Date</label><input name="date" type="text"><br>
</fieldset>
<footer>
<button name="save" class="primary">Save</button>
<button name="cancel">Cancel</button>
</footer>
</div>
</div>
</body>
</html>
|