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 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Daniel Hagnoul" />
<title>Page type</title>
<link rel="stylesheet" type="text/css" href="../lib/humanity/jquery-ui-1.7.2.custom.css" />
<style type="text/css">
body {
background-color:#696969;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
font-style:normal;
font-weight:normal;
line-height:normal;
letter-spacing:normal;
}
h1,h2,h3,h4,h5 {
font-family:"Times New Roman", Times, serif;
}
div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
margin:0px;
padding:0px;
}
p {
padding:6px;
}
ul,ol,dl {
list-style:none;
padding-left:6px;
padding-top:6px;
}
li {
padding-bottom:6px;
}
div#conteneur {
width:95%;
margin:12px auto;
padding:6px;
background-color:#FFFFFF;
color:#000000;
border:1px solid #666666;
font-size:0.8em;
}
</style>
<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../lib/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabs").tabs();
$("#dialog").dialog({
autoOpen: false,
modal: true,
dialogClass: "dialogue",
buttons: {
"Ok": function(event, ui) {
//Firebug
//console.log($(this).data('id_objet'));
//retrouve l'id du tabs
$("#"+$(this).data('id_objet')).append("<span style='color:#FF0000; font-size:2em;'>création/modification/suppression utilisateurs</span>");
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
$("#btnChoix").click(function(){
//Firebug
//console.log($(this).parent()[0].id);
//stock l'id du tabs
$("#dialog").data('id_objet', $(this).parent()[0].id).dialog("open");
return false;
});
});
</script>
</head>
<body>
<div id="conteneur">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tableau de bord</a></li>
<li><a href="#tabs-2">Gestion Admin</a></li>
<li><a href="#tabs-3">Interventions</a></li>
</ul>
<div id="tabs-1">Tableau de bord (à definir)</div>
<div id="tabs-2">
<div id="accordion">
<div>
<h3><a href="#gest_util">Gestion des utilisateurs</a></h3>
<div id="listeUtilisateurs">
<p>Liste des utilisateurs avec possibilité de création/modification/suppression</p>
<!-- <p><?php include('liste_utilisateur.php')?></p> -->
<button id="btnChoix" type="button">Ouvrir le dialogue</button>
<div id="dialog" title="Création/modification/suppression">
<p>Un commentaire</p>
</div>
</div>
</div>
<div>
<h3><a href="#">Gestion des Intervenants</a></h3>
<div>
<p>ici la liste des Intervenants (societes) avec possibilité de creation/modification/suppression</p>
</div>
</div>
<div>
<h3><a href="#">Gestion des sites</a></h3>
<div>
<p>ici la liste des sites avec possibilité de creation/modification/suppression</p>
</div>
</div>
<div>
<h3><a href="#">Gestion des listes</a></h3>
<div>
<p>ici les listes de type : etages, bloc, loc, sous loc, equipement, disting, etat intervention avec possibilité de creation/modification/suppression</p>
</div>
</div>
</div>
</div>
<div id="tabs-3">
<p>Liste Interventions affiché sous forme de tableau avec filtre<br />Site | Date demande | Date début | Date fin | Etat | Bouton detail</p>
</div>
</div>
</div>
</body>
</html> |
Partager