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> |
