Subversion Repositories ALCASAR

Rev

Rev 593 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log

Rev Author Line No. Line
593 stephane 1 
<?php
2 
/*
3 
 
4 
 
5 
*/
6 
require_once('includes/defines.inc.php');
7 
require_once(ALCASAR_ADMIN_PATH_INC.'/session.inc.php');
8 
?><!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//2.0">
9 
<html>
10 
<head>
11 
<title>Users page</title>
596 stephane 12 
<!-- include default CSS -->
593 stephane 13 
<link rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/default.css" type="text/css">
596 stephane 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>
593 stephane 47 
</head>
596 stephane 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>
311 
 
312 
	</div>
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>
593 stephane 320 
</body>
321 
</html>