Subversion Repositories ALCASAR

Rev

Rev 596 | 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">
600 stephane 18 
 
19 
<link type="text/css"  rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/datatables/css/demo_table.css">
596 stephane 20 
<!-- include custom page CSS -->
21 
<style type="text/css">
22 
	div#users-contain { width: 450px; margin: 20px 0; }
23 
	div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
24 
	div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
25 
	div#users-contain table th { ui-widget-header }
600 stephane 26 
 
27 
	.dataTables_filter {
28 
    float: left;
29 
    text-align: left;
30 
    width: 220px;
31 
}
596 stephane 32 
</style>
33 
<!-- include JQUERY -->
600 stephane 34 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-1.5.min.js"></script>
596 stephane 35 
<!-- include JQUERY UI -->
600 stephane 36 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-ui-1.8.10.all.min.js"></script>
37 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.min.js"></script>
38 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.pager.js"></script>
39 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.quicksearch.js"></script>
40 
<script type="text/javascript" language="javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.dataTables.min.js"></script>
596 stephane 41 
<!-- include page javascript -->
42 
<script type="text/javascript">
600 stephane 43 
	var table_data_lang = {
44 
		/*
45 
			//"sUrl": "media/language/de_DE.txt"
46 
			"sProcessing": "Bitte warten...",
47 
			"sLengthMenu": "_MENU_ Einträge anzeigen",
48 
			"sZeroRecords": "Keine Einträge vorhanden.",
49 
			"sInfo": "_START_ bis _END_ von _TOTAL_ Einträgen",
50 
			"sInfoEmpty": "0 bis 0 von 0 Einträgen",
51 
			"sInfoFiltered": "(gefiltert von _MAX_  Einträgen)",
52 
			"sInfoPostFix": "",
53 
			"sSearch": "Suchen",
54 
			"sUrl": "",
55 
			"oPaginate": {
56 
				"sFirst":    "Erster",
57 
				"sPrevious": "Zurück",
58 
				"sNext":     "Nächster",
59 
				"sLast":     "Letzter"
60 
			}
61 
			*/
62 
			"sProcessing": "Patientez...",
63 
			"sLengthMenu": "Afficher _MENU_ enregistrements",
64 
			"sZeroRecords": "Aucun enregistrement disponible.",
65 
			"sInfo": "_START_ à _END_ sur _TOTAL_ enregistrements",
66 
			"sInfoEmpty": "0 à 0 sur 0 enregistrement",
67 
			"sInfoFiltered": "(Filtré à partir de _MAX_  enregistrements)",
68 
			"sInfoPostFix": "",
69 
			"sSearch": "Recherche : ",
70 
			"sUrl": "",
71 
			"oPaginate": {
72 
				"sFirst":    "Première page",
73 
				"sPrevious": "Page précédente",
74 
				"sNext":     "Page suivante",
75 
				"sLast":     "Dernière page"
76 
			}
77 
		};
78 
 
596 stephane 79 
	$(document).ready(function(){
80 
		// Tabs
81 
		$('#tabs-users').tabs();
82 
		// buttons
83 
		$( "button, input:submit, input:button, input:reset").button();
84 
		// Users table
600 stephane 85 
		/*
596 stephane 86 
		$("#test")
87 
		.tablesorter({widthFixed: true, widgets: ['zebra']})
88 
		.tablesorterPager({container: $("#pager")});
600 stephane 89 
		*/
596 stephane 90 
 
600 stephane 91 
		//$('input#searchtest').quicksearch('table#test tbody tr');
92 
 
93 
		$('#users_table').dataTable(
94 
		{
95 
			// fonction suivante permet d'avoir une colone numéroté dynamiquement (non triable)
96 
			"fnDrawCallback": function ( oSettings ) {
97 
				/* Need to redo the counters if filtered or sorted */
98 
				if ( oSettings.bSorted || oSettings.bFiltered )
99 
				{
100 
					for ( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ )
101 
					{
102 
						$('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ).html( i+1 );
103 
					}
104 
				}
105 
			},
106 
			"aoColumnDefs": [
107 
				{ "bSortable": false, "aTargets": [ 0 ] }
108 
			],
109 
			"aaSorting": [[ 1, 'asc' ]],
110 
			//fin
111 
			/*
112 
				"bPaginate":	true,	//	Active la pagination (10 par défaut)
113 
				"bLengthChange":true,	//	Affiche le choix du nombre de résultat affiché
114 
				"bFilter":		true,	//  Affiche le champ de recherche (filtre)
115 
				"bSort":		true,	//	Active la possibilité de trie
116 
				"bInfo":		true,	//	Affiche le nombre de résultat affiché et total
117 
				"bAutoWidth":	true	//	?
118 
 
119 
				"bJQueryUI": true,	//	pour utiliser les styles JQUERY UI
120 
				"sPaginationType": "full_numbers", // affiche la pagination en nombre de page
121 
 
122 
				"bProcessing": true,	// active source de donnée AJAX
123 
				"bServerSide": true,	// pagnination, filtre, etc... du coté du serveur
124 
				"sAjaxSource": "../examples_support/server_processing.php",	// URL de la source de donnée (SI AJAX activé!)
125 
			*/
126 
			"oLanguage": table_data_lang
127 
		});
128 
 
129 
 
130 
		$('#users_table_filter').after('<div style="float:left"><a href="javascript:alert(\'Fonction prochainement dispobible.\');" title="Recherche avancée">Avancée</a></div>');
131 
 
132 
 
133 
		$('#vouchers_table').dataTable({
134 
 
135 
		// fonction suivante permet d'avoir une colone numéroté dynamiquement (non triable)
136 
		"fnDrawCallback": function ( oSettings ) {
137 
			/* Need to redo the counters if filtered or sorted */
138 
			if ( oSettings.bSorted || oSettings.bFiltered )
139 
			{
140 
				for ( var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++ )
141 
				{
142 
					$('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr ).html( i+1 );
143 
				}
144 
			}
145 
		},
146 
		"aoColumnDefs": [
147 
			{ "bSortable": false, "aTargets": [ 0 ] }
148 
		],
149 
		"aaSorting": [[ 1, 'asc' ]],
150 
		//fin
151 
		});
596 stephane 152 
	});
153 
</script>
593 stephane 154 
</head>
596 stephane 155 
<body>
156 
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
157 
	<span class="ui-dialog-title" id="ui-dialog-title-dialog">Gestion des usagers</span>
158 
</div>
159 
<br />
160 
<div id="tabs-users">
161 
	<ul>
162 
		<li><a href="#tabs1">Usagers</a></li>
163 
		<li><a href="#tabs2">Vouchers</a></li>
164 
		<li><a href="#tabs3">Profils</a></li>
165 
	</ul>
166 
	<div id="tabs1">
167 
		<div>
168 
		Un usager est un utilisateur standard de votre réseau de consultation.<br>
600 stephane 169 
		<font color="red">ATTENTION POUR DEMONSTRATION DES OPTIONS A UTILISER. Données locales dans l'exemple, gérées par le serveur (AJAX) en production</font>
596 stephane 170 
		</div>
600 stephane 171 
 
596 stephane 172 
		<br>
600 stephane 173 
		<table id="users_table" cellspacing="1" class="tablesorter" border="0" width="100%">
596 stephane 174 
		<thead>
175 
			<tr>
176 
				<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th>
177 
			</tr>
178 
		</thead>
179 
		<tfoot>
180 
			<tr>
181 
				<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th>
182 
			</tr>
183 
		</tfoot>
184 
		<tbody>
185 
			<tr>
186 
				<td>1</td>
187 
				<td>User1</td>
188 
				<td>Dupond Jean</td>
189 
				<td>01/12/2011</td>
190 
			</tr>
191 
			<tr>
192 
				<td>2</td>
193 
				<td>User2</td>
194 
				<td>Smith John</td>
195 
				<td>20/06/2011</td>
196 
			</tr>
197 
			<tr>
198 
				<td>3</td>
199 
				<td>User3</td>
200 
				<td>monsieur anonyme</td>
201 
				<td>30/07/2011</td>
202 
			</tr>
203 
			<tr>
204 
				<td>1</td>
205 
				<td>User1</td>
206 
				<td>Dupond Jean</td>
207 
				<td>01/12/2011</td>
208 
			</tr>
209 
			<tr>
210 
				<td>2</td>
211 
				<td>User2</td>
212 
				<td>Smith John</td>
213 
				<td>20/06/2011</td>
214 
			</tr>
215 
			<tr>
216 
				<td>3</td>
217 
				<td>User3</td>
218 
				<td>monsieur anonyme</td>
219 
				<td>30/07/2011</td>
220 
			</tr>
221 
			<tr>
222 
				<td>1</td>
223 
				<td>User1</td>
224 
				<td>Dupond Jean</td>
225 
				<td>01/12/2011</td>
226 
			</tr>
227 
			<tr>
228 
				<td>2</td>
229 
				<td>User2</td>
230 
				<td>Smith John</td>
231 
				<td>20/06/2011</td>
232 
			</tr>
233 
			<tr>
234 
				<td>3</td>
235 
				<td>User3</td>
236 
				<td>monsieur anonyme</td>
237 
				<td>30/07/2011</td>
238 
			</tr>
239 
			<tr>
240 
				<td>1</td>
241 
				<td>User1</td>
242 
				<td>Dupond Jean</td>
243 
				<td>01/12/2011</td>
244 
			</tr>
245 
			<tr>
246 
				<td>2</td>
247 
				<td>User2</td>
248 
				<td>Smith John</td>
249 
				<td>20/06/2011</td>
250 
			</tr>
251 
			<tr>
252 
				<td>3</td>
253 
				<td>User3</td>
254 
				<td>monsieur anonyme</td>
255 
				<td>30/07/2011</td>
256 
			</tr>
257 
			<tr>
258 
				<td>1</td>
259 
				<td>User1</td>
260 
				<td>Dupond Jean</td>
261 
				<td>01/12/2011</td>
262 
			</tr>
263 
			<tr>
264 
				<td>2</td>
265 
				<td>User2</td>
266 
				<td>Smith John</td>
267 
				<td>20/06/2011</td>
268 
			</tr>
269 
			<tr>
270 
				<td>3</td>
271 
				<td>User3</td>
272 
				<td>monsieur anonyme</td>
273 
				<td>30/07/2011</td>
274 
			</tr>
275 
			<tr>
276 
				<td>1</td>
277 
				<td>User1</td>
278 
				<td>Dupond Jean</td>
279 
				<td>01/12/2011</td>
280 
			</tr>
281 
			<tr>
282 
				<td>2</td>
283 
				<td>User2</td>
284 
				<td>Smith John</td>
285 
				<td>20/06/2011</td>
286 
			</tr>
287 
			<tr>
288 
				<td>3</td>
289 
				<td>User3</td>
290 
				<td>monsieur anonyme</td>
291 
				<td>30/07/2011</td>
292 
			</tr>
293 
			<tr>
294 
				<td>1</td>
295 
				<td>User1</td>
296 
				<td>Dupond Jean</td>
297 
				<td>01/12/2011</td>
298 
			</tr>
299 
			<tr>
300 
				<td>2</td>
301 
				<td>User2</td>
302 
				<td>Smith John</td>
303 
				<td>20/06/2011</td>
304 
			</tr>
305 
			<tr>
306 
				<td>3</td>
307 
				<td>User3</td>
308 
				<td>monsieur anonyme</td>
309 
				<td>30/07/2011</td>
310 
			</tr>
311 
			<tr>
312 
				<td>1</td>
313 
				<td>User1</td>
314 
				<td>Dupond Jean</td>
315 
				<td>01/12/2011</td>
316 
			</tr>
317 
			<tr>
318 
				<td>2</td>
319 
				<td>User2</td>
320 
				<td>Smith John</td>
321 
				<td>20/06/2011</td>
322 
			</tr>
323 
			<tr>
324 
				<td>3</td>
325 
				<td>User3</td>
326 
				<td>monsieur anonyme</td>
327 
				<td>30/07/2011</td>
328 
			</tr>
329 
			<tr>
330 
				<td>1</td>
331 
				<td>User1</td>
332 
				<td>Dupond Jean</td>
333 
				<td>01/12/2011</td>
334 
			</tr>
335 
			<tr>
336 
				<td>2</td>
337 
				<td>User2</td>
338 
				<td>Smith John</td>
339 
				<td>20/06/2011</td>
340 
			</tr>
341 
			<tr>
342 
				<td>3</td>
343 
				<td>User3</td>
344 
				<td>monsieur anonyme</td>
345 
				<td>30/07/2011</td>
346 
			</tr>
347 
			<tr>
348 
				<td>1</td>
349 
				<td>User1</td>
350 
				<td>Dupond Jean</td>
351 
				<td>01/12/2011</td>
352 
			</tr>
353 
			<tr>
354 
				<td>2</td>
355 
				<td>User2</td>
356 
				<td>Smith John</td>
357 
				<td>20/06/2011</td>
358 
			</tr>
359 
			<tr>
360 
				<td>3</td>
361 
				<td>User3</td>
362 
				<td>monsieur anonyme</td>
363 
				<td>30/07/2011</td>
364 
			</tr>
365 
			<tr>
366 
				<td>1</td>
367 
				<td>User1</td>
368 
				<td>Dupond Jean</td>
369 
				<td>01/12/2011</td>
370 
			</tr>
371 
			<tr>
372 
				<td>2</td>
373 
				<td>User2</td>
374 
				<td>Smith John</td>
375 
				<td>20/06/2011</td>
376 
			</tr>
377 
			<tr>
378 
				<td>3</td>
379 
				<td>User3</td>
380 
				<td>monsieur anonyme</td>
381 
				<td>30/07/2011</td>
382 
			</tr>
383 
		</tbody>
384 
		</table>
600 stephane 385 
 
596 stephane 386 
		<br><br><br>
387 
	</div>
388 
	<div id="tabs2">
389 
		<div>
390 
		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.
391 
		</div>
600 stephane 392 
		<br>
393 
		<table id="vouchers_table" cellspacing="1" class="tablesorter" border="0" width="100%">
394 
		<!--
395 
		<thead>
396 
			<tr>
397 
				<th width="20">#</th>
398 
				<th>Vouchers</th>
399 
				<th>Description</th>
400 
				<th>Nom complet (identifier la personne)</th>
401 
				<th>Date validitée</th>
402 
			</tr>
403 
		</thead>
404 
		<tfoot>
405 
			<tr>
406 
				<th width="20">#</th>
407 
				<th>Vouchers</th>
408 
				<th>Description</th>
409 
				<th>Nom complet (identifier la personne)</th>
410 
				<th>Date validitée</th>
411 
			</tr>
412 
		</tfoot>
413 
		-->
414 
		<thead>
415 
			<tr>
416 
				<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th>
417 
			</tr>
418 
		</thead>
419 
		<tfoot>
420 
			<tr>
421 
				<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th>
422 
			</tr>
423 
		</tfoot>
424 
		<tbody>
425 
		<!--
426 
			<tr><td>1</td><td><a href="user.php">cfjdjpjsdpajdazpjpaz</a></td><td><br /></td><td><br /></td><td><br /></td></tr>
427 
			<tr><td>2</td><td>cfjdjpjsdpajdazpjpaz</td><td><br /></td><td><br /></td><td><br /></td></tr>
428 
			<tr><td>3</td><td>casas456defe5zsd6saz</td><td><br /></td><td><br /></td><td><br /></td></tr>
429 
			<tr><td>4</td><td>cfjdjpjsdddzd54zsd5q</td><td><br /></td><td><br /></td><td><br /></td></tr>
430 
			<tr><td>5</td><td>cfd5d1s5d5df5fzpjpaz</td><td><br /></td><td><br /></td><td><br /></td></tr>
431 
		-->
432 
		</tbody>
433 
		</table>
596 stephane 434 
	</div>
435 
	<div id="tabs3">
436 
		<div>
437 
		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.
438 
		</div>
439 
 
440 
	</div>
441 
</div>
593 stephane 442 
</body>
443 
</html>