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
|
<!-- --- 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/profile.js"></script>
<script>
$(function() {
var editDialog = new ProfileDialog({
el: $("#profile-dialog"),
title: "Edit Profile",
readonly: ["id", "status"],
actions: ["enable", "disable", "cancel"]
});
new TableView({
el: $("table[name='profiles']"),
collection: new ProfileCollection({ size: 3 }),
editDialog: editDialog
});
});
</script>
</head>
<body>
<h1>Profiles</h1>
<table name="profiles">
<thead>
<tr>
<th class="rcue-table-actions" colspan="2">
<span><input type="text" placeholder="Search..."></span>
<span><button>Add</button><button>Remove</button></span>
</th>
</tr>
<tr>
<td>Profile ID</td>
<td>Status</td>
</tr>
</thead>
<tbody>
<tr>
<td name="id"> </td>
<td name="status"> </td>
</tr>
</tbody>
<tfoot>
<tr>
<th class="rcue-table-actions" colspan="2">
<span>
<a href="#" class="prev">Prev</a>
<a href="#" class="next">Next</a>
<span>
</th>
</tr>
</tfoot>
</table>
<div id="profile-dialog" class="rcue-dialog-background">
<div class="rcue-dialog">
<header>
<h1>Edit Profile</h1>
<a class="rcue-button-close" href="#"></a>
</header>
<fieldset>
<label>Profile ID</label><input name="id" type="text"><br>
<label>Status</label><input name="status" type="text"><br>
</fieldset>
<footer>
<button name="approve">Approve</button>
<button name="reject">Reject</button>
<button name="enable">Enable</button>
<button name="disable">Disable</button>
<button name="cancel">Cancel</button>
</footer>
</div>
</div>
</body>
</html>
|
