Subversion Repositories ALCASAR

Rev

Rev 593 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 593 Rev 596
Line 7... Line 7...
7
require_once(ALCASAR_ADMIN_PATH_INC.'/session.inc.php');
7
require_once(ALCASAR_ADMIN_PATH_INC.'/session.inc.php');
8
?><!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//2.0">
8
?><!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//2.0">
9
<html>
9
<html>
10
<head>
10
<head>
11
<title>Users page</title>
11
<title>Users page</title>
-
 
12
<!-- include default CSS -->
12
<link rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/default.css" type="text/css">
13
<link rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/default.css" type="text/css">
-
 
14
<!-- include JQUERY UI CSS -->
-
 
15
<link type="text/css"  rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/ui-lightness/jquery-ui-1.8.10.custom.css">
-
 
16
<!-- include tablesorter CSS -->
-
 
17
<link type="text/css"  rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/tablesorter-blue/style.css">
-
 
18
<!-- include custom page CSS -->
-
 
19
<style type="text/css">
-
 
20
	div#users-contain { width: 450px; margin: 20px 0; }
-
 
21
	div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
-
 
22
	div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
-
 
23
	div#users-contain table th { ui-widget-header }
-
 
24
</style>
-
 
25
<!-- include JQUERY -->
-
 
26
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-1.5.min.js"></script>
-
 
27
<!-- include JQUERY UI -->
-
 
28
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-ui-1.8.10.all.min.js"></script>
-
 
29
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.min.js"></script>
-
 
30
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.pager.js"></script>
-
 
31
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.quicksearch.js"></script>
-
 
32
<!-- include page javascript -->
-
 
33
<script type="text/javascript">
-
 
34
	$(document).ready(function(){
-
 
35
		// Tabs
-
 
36
		$('#tabs-users').tabs();
-
 
37
		// buttons
-
 
38
		$( "button, input:submit, input:button, input:reset").button();
-
 
39
		// Users table
-
 
40
		$("#test") 
-
 
41
		.tablesorter({widthFixed: true, widgets: ['zebra']}) 
-
 
42
		.tablesorterPager({container: $("#pager")});
-
 
43
		
-
 
44
		$('input#searchtest').quicksearch('table#test tbody tr');
-
 
45
	});
-
 
46
</script>
13
</head>
47
</head>
-
 
48
<body>
-
 
49
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
-
 
50
	<span class="ui-dialog-title" id="ui-dialog-title-dialog">Gestion des usagers</span>
-
 
51
</div>
-
 
52
<br />
-
 
53
<div id="tabs-users">
-
 
54
	<ul>
-
 
55
		<li><a href="#tabs1">Usagers</a></li>
-
 
56
		<li><a href="#tabs2">Vouchers</a></li>
-
 
57
		<li><a href="#tabs3">Profils</a></li>
-
 
58
	</ul>
-
 
59
	<div id="tabs1">
-
 
60
		<div>
-
 
61
		Un usager est un utilisateur standard de votre réseau de consultation.<br>
-
 
62
		<font color="red">ATTENTION POUR DEMONSTRATION DES OPTIONS A UTILISER (exemple avec bug)</font>
-
 
63
		</div>
-
 
64
		<br>
-
 
65
		<div id="rechercher_usager_box" style="float:left;">
-
 
66
		<form name="searchform">
-
 
67
			<label for="searchtest">Recherche :</label>
-
 
68
			<input type="text" id="searchtest" value="">
-
 
69
			<a href="" title="Recherche avancée">Avancée</a>
-
 
70
		</form>
-
 
71
		</div>
-
 
72
		<div style="float:right;">
-
 
73
		<form name="searchform">
-
 
74
			<input type="button" value="Nouvel usager">
-
 
75
		</form>
-
 
76
		</div>
-
 
77
		<table id="test" cellspacing="1" class="tablesorter" border="0" width="100%">
-
 
78
		<thead>
-
 
79
			<tr>
-
 
80
				<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th>
-
 
81
			</tr>
-
 
82
		</thead>
-
 
83
		<tfoot>
-
 
84
			<tr>
-
 
85
				<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th>
-
 
86
			</tr>
-
 
87
		</tfoot>
-
 
88
		<tbody>
-
 
89
			<tr>
-
 
90
				<td>1</td>
-
 
91
				<td>User1</td>
-
 
92
				<td>Dupond Jean</td>
-
 
93
				<td>01/12/2011</td>
-
 
94
			</tr>
-
 
95
			<tr>
-
 
96
				<td>2</td>
-
 
97
				<td>User2</td>
-
 
98
				<td>Smith John</td>
-
 
99
				<td>20/06/2011</td>
-
 
100
			</tr>
-
 
101
			<tr>
-
 
102
				<td>3</td>
-
 
103
				<td>User3</td>
-
 
104
				<td>monsieur anonyme</td>
-
 
105
				<td>30/07/2011</td>
-
 
106
			</tr>
-
 
107
			<tr>
-
 
108
				<td>1</td>
-
 
109
				<td>User1</td>
-
 
110
				<td>Dupond Jean</td>
-
 
111
				<td>01/12/2011</td>
-
 
112
			</tr>
-
 
113
			<tr>
-
 
114
				<td>2</td>
-
 
115
				<td>User2</td>
-
 
116
				<td>Smith John</td>
-
 
117
				<td>20/06/2011</td>
-
 
118
			</tr>
-
 
119
			<tr>
-
 
120
				<td>3</td>
-
 
121
				<td>User3</td>
-
 
122
				<td>monsieur anonyme</td>
-
 
123
				<td>30/07/2011</td>
-
 
124
			</tr>
-
 
125
			<tr>
-
 
126
				<td>1</td>
-
 
127
				<td>User1</td>
-
 
128
				<td>Dupond Jean</td>
-
 
129
				<td>01/12/2011</td>
-
 
130
			</tr>
-
 
131
			<tr>
-
 
132
				<td>2</td>
-
 
133
				<td>User2</td>
-
 
134
				<td>Smith John</td>
-
 
135
				<td>20/06/2011</td>
-
 
136
			</tr>
-
 
137
			<tr>
-
 
138
				<td>3</td>
-
 
139
				<td>User3</td>
-
 
140
				<td>monsieur anonyme</td>
-
 
141
				<td>30/07/2011</td>
-
 
142
			</tr>
-
 
143
			<tr>
-
 
144
				<td>1</td>
-
 
145
				<td>User1</td>
-
 
146
				<td>Dupond Jean</td>
-
 
147
				<td>01/12/2011</td>
-
 
148
			</tr>
-
 
149
			<tr>
-
 
150
				<td>2</td>
-
 
151
				<td>User2</td>
-
 
152
				<td>Smith John</td>
-
 
153
				<td>20/06/2011</td>
-
 
154
			</tr>
-
 
155
			<tr>
-
 
156
				<td>3</td>
-
 
157
				<td>User3</td>
-
 
158
				<td>monsieur anonyme</td>
-
 
159
				<td>30/07/2011</td>
-
 
160
			</tr>
-
 
161
			<tr>
-
 
162
				<td>1</td>
-
 
163
				<td>User1</td>
-
 
164
				<td>Dupond Jean</td>
-
 
165
				<td>01/12/2011</td>
-
 
166
			</tr>
-
 
167
			<tr>
-
 
168
				<td>2</td>
-
 
169
				<td>User2</td>
-
 
170
				<td>Smith John</td>
-
 
171
				<td>20/06/2011</td>
-
 
172
			</tr>
-
 
173
			<tr>
-
 
174
				<td>3</td>
-
 
175
				<td>User3</td>
-
 
176
				<td>monsieur anonyme</td>
-
 
177
				<td>30/07/2011</td>
-
 
178
			</tr>
-
 
179
			<tr>
-
 
180
				<td>1</td>
-
 
181
				<td>User1</td>
-
 
182
				<td>Dupond Jean</td>
-
 
183
				<td>01/12/2011</td>
-
 
184
			</tr>
-
 
185
			<tr>
-
 
186
				<td>2</td>
-
 
187
				<td>User2</td>
-
 
188
				<td>Smith John</td>
-
 
189
				<td>20/06/2011</td>
-
 
190
			</tr>
-
 
191
			<tr>
-
 
192
				<td>3</td>
-
 
193
				<td>User3</td>
-
 
194
				<td>monsieur anonyme</td>
-
 
195
				<td>30/07/2011</td>
-
 
196
			</tr>
-
 
197
			<tr>
-
 
198
				<td>1</td>
-
 
199
				<td>User1</td>
-
 
200
				<td>Dupond Jean</td>
-
 
201
				<td>01/12/2011</td>
-
 
202
			</tr>
-
 
203
			<tr>
-
 
204
				<td>2</td>
-
 
205
				<td>User2</td>
-
 
206
				<td>Smith John</td>
-
 
207
				<td>20/06/2011</td>
-
 
208
			</tr>
-
 
209
			<tr>
-
 
210
				<td>3</td>
-
 
211
				<td>User3</td>
-
 
212
				<td>monsieur anonyme</td>
-
 
213
				<td>30/07/2011</td>
-
 
214
			</tr>
-
 
215
			<tr>
-
 
216
				<td>1</td>
-
 
217
				<td>User1</td>
-
 
218
				<td>Dupond Jean</td>
-
 
219
				<td>01/12/2011</td>
-
 
220
			</tr>
-
 
221
			<tr>
-
 
222
				<td>2</td>
-
 
223
				<td>User2</td>
-
 
224
				<td>Smith John</td>
-
 
225
				<td>20/06/2011</td>
-
 
226
			</tr>
-
 
227
			<tr>
-
 
228
				<td>3</td>
-
 
229
				<td>User3</td>
-
 
230
				<td>monsieur anonyme</td>
-
 
231
				<td>30/07/2011</td>
-
 
232
			</tr>
-
 
233
			<tr>
-
 
234
				<td>1</td>
-
 
235
				<td>User1</td>
-
 
236
				<td>Dupond Jean</td>
-
 
237
				<td>01/12/2011</td>
-
 
238
			</tr>
-
 
239
			<tr>
-
 
240
				<td>2</td>
-
 
241
				<td>User2</td>
-
 
242
				<td>Smith John</td>
-
 
243
				<td>20/06/2011</td>
-
 
244
			</tr>
-
 
245
			<tr>
-
 
246
				<td>3</td>
-
 
247
				<td>User3</td>
-
 
248
				<td>monsieur anonyme</td>
-
 
249
				<td>30/07/2011</td>
-
 
250
			</tr>
-
 
251
			<tr>
-
 
252
				<td>1</td>
-
 
253
				<td>User1</td>
-
 
254
				<td>Dupond Jean</td>
-
 
255
				<td>01/12/2011</td>
-
 
256
			</tr>
-
 
257
			<tr>
-
 
258
				<td>2</td>
-
 
259
				<td>User2</td>
-
 
260
				<td>Smith John</td>
-
 
261
				<td>20/06/2011</td>
-
 
262
			</tr>
-
 
263
			<tr>
-
 
264
				<td>3</td>
-
 
265
				<td>User3</td>
-
 
266
				<td>monsieur anonyme</td>
-
 
267
				<td>30/07/2011</td>
-
 
268
			</tr>
-
 
269
			<tr>
-
 
270
				<td>1</td>
-
 
271
				<td>User1</td>
-
 
272
				<td>Dupond Jean</td>
-
 
273
				<td>01/12/2011</td>
-
 
274
			</tr>
-
 
275
			<tr>
-
 
276
				<td>2</td>
-
 
277
				<td>User2</td>
-
 
278
				<td>Smith John</td>
-
 
279
				<td>20/06/2011</td>
-
 
280
			</tr>
-
 
281
			<tr>
-
 
282
				<td>3</td>
-
 
283
				<td>User3</td>
-
 
284
				<td>monsieur anonyme</td>
-
 
285
				<td>30/07/2011</td>
-
 
286
			</tr>
-
 
287
		</tbody>
-
 
288
		</table>
-
 
289
		
-
 
290
		<div id="pager" class="pager">
-
 
291
			<form>
-
 
292
				<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/first.png" class="first"/>
-
 
293
				<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/prev.png" class="prev"/>
-
 
294
				<input type="text" class="pagedisplay" size="5"/>
-
 
295
				<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/next.png" class="next"/>
-
 
296
				<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/last.png" class="last"/>
-
 
297
				<select class="pagesize">
-
 
298
					<option selected="selected"  value="10">10</option>
-
 
299
					<option value="20">20</option>
-
 
300
					<option value="30">30</option>
-
 
301
					<option  value="40">40</option>
-
 
302
				</select>
-
 
303
			</form>
-
 
304
		</div>
-
 
305
		<br><br><br>
-
 
306
	</div>
-
 
307
	<div id="tabs2">
-
 
308
		<div>
-
 
309
		Un "Voucher" est un compte d'accès de type "pré-payé" qui dépend d'une durée d'utilisation ou d'un délai dans le temps.
-
 
310
		</div>
14
 
311
	
-
 
312
	</div>
15
<h1>USERS PAGE</h1>
313
	<div id="tabs3">
-
 
314
		<div>
-
 
315
		Afin de gagner du temps dans la création des comptes usagers et vouchers, vous avez la possibilité de prédéfinir des profils de création de compte.
-
 
316
		</div>
-
 
317
	
-
 
318
	</div>
-
 
319
</div>
16
</body>
320
</body>
17
</html>
321
</html>
18
 
322