Projet

Général

Profil

Télécharger (6,04 ko) Statistiques
| Branche: | Tag: | Révision:

calebasse / mockups / activite-service.html @ master

1
<!DOCTYPE html>
2
<html lang="fr">
3
  <head>
4
    <meta charset="utf-8"/>
5
    <title>APS42 — Activité du service</title>
6
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
7
    <link rel="stylesheet" type="text/css" media="all" href="css/smoothness/jquery-ui-1.8.21.custom.css"/>
8

    
9
    <script src="js/jquery-1.7.2.min.js"></script>
10
    <script src="js/jquery-ui-1.8.21.custom.min.js"></script>
11
    <script src="development-bundle/ui/i18n/jquery.ui.datepicker-fr.js"></script>
12
    <script>
13
	$(function() {
14
	});
15
	</script>
16
  </head>
17
  <body>
18
  <div id="wrap-large">
19
    <div id="header">
20
      <h1><a href="accueil.html">APS 42</a></h1>
21
      <span>Agenda - CMPP</span>
22
    </div>
23
    <div id="splash" class="cmpp">
24
      <div id="user-links">
25
        <a href="connexion.html">Déconnexion</a>
26
      </div>
27
    </div>
28
    <div id="content">
29

    
30
    <div id="appbar">
31
    <h2>Activité du service - 5 juillet 2012</h2>
32
    <a href="agenda.html">Retourner à l'agenda</a>
33
    <button>Imprimer</button>
34
    </div>
35

    
36
   <div id="datesel">
37
   <a href="#">««</a> <a href="#">«</a>
38
   <!-- <span>Jeudi 5 juillet 2012</span> -->
39
   <input id="agenda-date" value="Jeudi 5 juillet 2012"/>
40
   <a href="#">»</a> <a href="#">»»</a>
41
   </div>
42

    
43
   <table class="main" id="activity">
44
    <thead>
45
    <tr> <th>Heure</th> <th>Durée</th> <th>Patient</th> <th>Thérapeute(s)</th> <th>Acte</th> </tr>
46
    </thead>
47
    <tbody>
48
    <tr class="hour-change"> <td class="hour"  rowspan="2">08:00</td> <td>45m</td> <td>John Doe</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
49
    <tr>  <td>1h</td> <td>Bob Dilane</td> <td>Sylvain Mirouf</td> <td>Rééducation</td> </tr>
50
    <tr class="hour-change"> <td class="hour" >08:15</td> <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
51
    <tr class="hour-change"> <td class="hour"  rowspan="4">09:00</td> <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
52
    <tr>  <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
53
    <tr>  <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
54
    <tr>  <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
55
    <tr class="hour-change"> <td class="hour"  rowspan="2">09:30</td> <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
56
    <tr>  <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
57
    <tr class="hour-change"> <td class="hour" >09:45</td> <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
58
    <tr class="hour-change"> <td class="hour"  rowspan="3">10:00</td> <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
59
    <tr>  <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
60
    <tr>  <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
61
    <tr class="hour-change"> <td class="hour" >10:15</td> <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
62
    <tr class="hour-change"> <td class="hour"  rowspan="2">10:30</td> <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
63
    <tr>  <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
64
    <tr class="hour-change"> <td class="hour" >10:45</td> <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
65
    <tr class="hour-change"> <td class="hour"  rowspan="3">12:00</td> <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
66
    <tr>  <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
67
    <tr>  <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
68
    <tr class="hour-change"> <td class="hour"  rowspan="4">14:00</td> <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
69
    <tr>  <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
70
    <tr>  <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
71
    <tr>  <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
72
    <tr class="hour-change"> <td class="hour" >14:15</td> <td>45m</td> <td>Sabine Malouf</td> <td>Norbert Lecuisto</td> <td>Synthèse</td> </tr>
73
    <tr class="hour-change"> <td class="hour" >14:30</td> <td>45m</td> <td>Gomez Chavez</td> <td>Sylvie Legrand</td> <td>Bilan</td> </tr>
74
    </tbody>
75
   </table>
76

    
77
    </div>
78

    
79
    <div id="footer">
80
81
    </div>
82
  </div>
83

    
84
  <div id="valider-dlg" style="display: none;">
85
   <h3>Bilan de la validation pour le 5 juillet 2012</h3>
86
   <ul>
87
    <li>Nombre d'actes : 123</li>
88
    <li>Actes pointés : 38
89
     <ul>
90
      <li>Absences : 32</li>
91
      <li>Annulation médecin : 6</li>
92
     </ul>
93
    </li>
94
    <li>Actes en double : <strong>5</strong></li>
95
    <li>Actes facturables : <strong>58</strong></li>
96
    <li>Actes de type non facturable : <strong>22</strong></li>
97
   </ul>
98
  </div>
99

    
100

    
101
  <div id="annuler-dlg" style="display: none;">
102
   <p>
103
    <strong>85</strong> actes validés seront à nouveau pointables.
104
   </p>
105
  </div>
106

    
107

    
108
  <div id="acte-dlg" style="display: none;">
109
   <p>1234 Bob Leponge (Traitement)</p>
110
   <p><select><option>(11) Ortophonie</option></select></p>
111
   <p>8 août 2012 - 17:15 - 45 minutes</p>
112

    
113
   <table>
114
   <tr><td width="50%">
115
   <h4>Intervenants</h4>
116
   <div id="intervenants">
117
    <ul>
118
     <li><input type="checkbox" value="Bob Léponge" checked="checked">Bob Léponge</input></li>
119
     <li><input type="checkbox" value="Sandy Kilo" checked="checked">Sandy Kilo</input></li>
120
    </ul>
121
    <a href="#">Ajouter</a><br/>
122
    <a href="#">Tout le monde</a>
123
   </div>
124
   </td>
125

    
126
   <td width="50%">
127

    
128
   <ul>
129
    <li>Rendez-vous pris le 5 juillet 2012 à 10:36</li>
130
    <li>Acte validé le 10 août 2012 à 9h10</li>
131
    <li>En cours de facturation (123) <button class="flat">Acte perdu</button></li>
132
   </ul>
133
   </td>
134
   </tr>
135
   </table>
136

    
137
   <br/>
138
   <br/>
139
   <textarea cols="50">Bla bla bla</textarea>
140

    
141
  </div>
142

    
143

    
144
  </body>
145
</html>
(4-4/23)