9,9 → 9,313 |
<html> |
<head> |
<title>Users page</title> |
<!-- include default CSS --> |
<link rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/default.css" type="text/css"> |
<!-- include JQUERY UI CSS --> |
<link type="text/css" rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/ui-lightness/jquery-ui-1.8.10.custom.css"> |
<!-- include tablesorter CSS --> |
<link type="text/css" rel="stylesheet" href="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/tablesorter-blue/style.css"> |
<!-- include custom page CSS --> |
<style type="text/css"> |
div#users-contain { width: 450px; margin: 20px 0; } |
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; } |
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; } |
div#users-contain table th { ui-widget-header } |
</style> |
<!-- include JQUERY --> |
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-1.5.min.js"></script> |
<!-- include JQUERY UI --> |
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery-ui-1.8.10.all.min.js"></script> |
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.min.js"></script> |
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.tablesorter.pager.js"></script> |
<script type="text/javascript" src="<?php echo ALCASAR_ADMIN_PATH_JS; ?>/jquery.quicksearch.js"></script> |
<!-- include page javascript --> |
<script type="text/javascript"> |
$(document).ready(function(){ |
// Tabs |
$('#tabs-users').tabs(); |
// buttons |
$( "button, input:submit, input:button, input:reset").button(); |
// Users table |
$("#test") |
.tablesorter({widthFixed: true, widgets: ['zebra']}) |
.tablesorterPager({container: $("#pager")}); |
|
$('input#searchtest').quicksearch('table#test tbody tr'); |
}); |
</script> |
</head> |
|
<h1>USERS PAGE</h1> |
<body> |
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> |
<span class="ui-dialog-title" id="ui-dialog-title-dialog">Gestion des usagers</span> |
</div> |
<br /> |
<div id="tabs-users"> |
<ul> |
<li><a href="#tabs1">Usagers</a></li> |
<li><a href="#tabs2">Vouchers</a></li> |
<li><a href="#tabs3">Profils</a></li> |
</ul> |
<div id="tabs1"> |
<div> |
Un usager est un utilisateur standard de votre réseau de consultation.<br> |
<font color="red">ATTENTION POUR DEMONSTRATION DES OPTIONS A UTILISER (exemple avec bug)</font> |
</div> |
<br> |
<div id="rechercher_usager_box" style="float:left;"> |
<form name="searchform"> |
<label for="searchtest">Recherche :</label> |
<input type="text" id="searchtest" value=""> |
<a href="" title="Recherche avancée">Avancée</a> |
</form> |
</div> |
<div style="float:right;"> |
<form name="searchform"> |
<input type="button" value="Nouvel usager"> |
</form> |
</div> |
<table id="test" cellspacing="1" class="tablesorter" border="0" width="100%"> |
<thead> |
<tr> |
<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th> |
</tr> |
</thead> |
<tfoot> |
<tr> |
<th width="20">#</th><th width="200">Usagers</th><th>Nom, prénom</th><th width="100">Date validitée</th> |
</tr> |
</tfoot> |
<tbody> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
<tr> |
<td>1</td> |
<td>User1</td> |
<td>Dupond Jean</td> |
<td>01/12/2011</td> |
</tr> |
<tr> |
<td>2</td> |
<td>User2</td> |
<td>Smith John</td> |
<td>20/06/2011</td> |
</tr> |
<tr> |
<td>3</td> |
<td>User3</td> |
<td>monsieur anonyme</td> |
<td>30/07/2011</td> |
</tr> |
</tbody> |
</table> |
|
<div id="pager" class="pager"> |
<form> |
<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/first.png" class="first"/> |
<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/prev.png" class="prev"/> |
<input type="text" class="pagedisplay" size="5"/> |
<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/next.png" class="next"/> |
<img src="<?php echo ALCASAR_ADMIN_PATH_CSS; ?>/default/last.png" class="last"/> |
<select class="pagesize"> |
<option selected="selected" value="10">10</option> |
<option value="20">20</option> |
<option value="30">30</option> |
<option value="40">40</option> |
</select> |
</form> |
</div> |
<br><br><br> |
</div> |
<div id="tabs2"> |
<div> |
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. |
</div> |
|
</div> |
<div id="tabs3"> |
<div> |
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. |
</div> |
|
</div> |
</div> |
</body> |
</html> |