dashboard_participant_parcours.twig 18.3 KB
Newer Older
1
2
3
4
5
{% extends "base_dashboard.twig" %}

{% block content_dashboard %}
<div class="content-dashboard">
    <div class="title-main">
6
7
        <div class="title-main-content">Création de votre parcours de formation 
            <span  data-toggle="tooltip" data-placement="bottom" data-html="true" 
8
                   title="<h5>Création de votre parcours</h4><hr>vous devez sélectionner une demi-journée en cliquant sur un bouton Matin ou Après-Midi, puis vous inscrire.<br>Choisissez par 1/2 journée : 1 présentation ou<br>1 atelier ou<br> 1 GT de debut de session et 1 GT de fin de session.<br>Sauf le mercredi après-midi où vous pouvez vous inscrire en plus à 1 GT de 17h30"
9
10
11
12
                   
                <i class="fa fa-question-circle" aria-hidden="true"></i>
            </span>
        </div>
13
14
    </div>
        
Chrystel Moreau's avatar
Chrystel Moreau committed
15
16
    <div>
        
17
    <div id="seances">
18
        <p>
19
            <i class="fa fa-exclamation-triangle"></i> Choisissez par 1/2 journée : <b>1 présentation</b> ou <b>1 atelier</b> ou <b>1 GT de debut de session et 1 GT de fin de session</b>. Sauf le <u>mercredi après-midi</u> où vous pouvez vous inscrire en plus à <b>1 GT de 17h30</b>.<br>
20
21
22
            Consultez le <a href="http://devlog.cnrs.fr/{{ jdev.label | lower}}" target="_blank">dokuwiki</a> pour avoir la description des thematiques, des ateliers et des GTs.
        </p>
        <hr>
23
        <form id="form_inscription">
24
            <input type="hidden" id="token" name="token" value="{{ token }}"> 
25
                
26
            <table id="tab_mon_parcours"  class="table table-responsive"  style="background-color: white">
27
                <thead>
28
                <tr>
29
30
31
32
                    <th class="th-parcours">{{ jdev.j1 |date("d/m/Y")}}</th>
                    <th class="th-parcours">{{ jdev.j2 |date("d/m/Y")}}</th>
                    <th class="th-parcours">{{ jdev.j3 |date("d/m/Y")}}</th>
                    <th class="th-parcours">{{ jdev.j4 |date("d/m/Y")}}</th>
33
                </tr>
34
35
                </thead>
                <tbody>
36
                <tr>
37
38
39
40
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j1 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="04 Juillet 2017 - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 04 Juillet 2017 - Matin">Matin</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j2 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="05 Juillet 2017 - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 05 Juillet 2017 - Matin">Matin</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j3 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="06 Juillet 2017 - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 06 Juillet 2017 - Matin">Matin</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j4 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="07 Juillet 2017 - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 07 Juillet 2017 - Matin">Matin</a><br></th>
41
42
43
                </tr>
                <tr>
                    <td class="td-parcours">
44
45
                        {% if pa_4_am %}
                            {% for p in pa_4_am %}
46
                                
47
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
48
                                <b>Intitulé</b> : {{ p.getAgenda().getFormation().getTitre() }}<br>
49
50
51
52
53
54
55
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
56
                    <td class="td-parcours">
57
58
59
60
61
62
63
64
65
66
                        {% if pa_5_am %}
                            {% for p in pa_5_am %}
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
67
                    <td class="td-parcours">
68
69
70
71
72
73
74
75
76
77
                        {% if pa_6_am %}
                            {% for p in pa_6_am %}
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
78
                    <td class="td-parcours">
79
80
81
82
83
84
85
86
87
88
89
90
                        {% if pa_7_am %}
                            {% for p in pa_7_am %}
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
                </tr>  
                <tr>
91
92
93
94
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j1 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="04 Juillet 2017 - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 04 Juillet 2017 - Après-Midi">Après-Midi</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j2 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="05 Juillet 2017 - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 05 Juillet 2017 - Après-Midi">Après-Midi</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j3 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="06 Juillet 2017 - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 06 Juillet 2017 - Après-Midi">Après-Midi</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j4 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="07 Juillet 2017 - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du 07 Juillet 2017 - Après-Midi">Après-Midi</a><br></th>
95
96
97
                </tr>                
                <tr>
                    <td class="td-parcours">
98
99
100
101
102
103
104
105
106
107
                        {% if pa_4_pm %}
                            {% for p in pa_4_pm %}
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
108
                    <td class="td-parcours">
109
                        {% if pa_5_pm %}
Chrystel Moreau's avatar
Chrystel Moreau committed
110
                            {% for p in pa_5_pm %}
111
112
113
114
115
116
117
118
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
119
                    <td class="td-parcours">
120
121
122
123
124
125
126
127
128
129
                        {% if pa_6_pm %}
                            {% for p in pa_6_pm %}
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
130
                    <td class="td-parcours">
131
132
133
134
135
136
137
138
139
140
141
142
143
144
                        {% if pa_7_pm %}
                            {% for p in pa_7_pm %}
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                <b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>
                            {% endfor %}
                        {% else %}
                            pas d'inscription
                        {% endif %}
                    </td>
                </tr> 
                </tbody>
            </table>
  
145
146
        </form>
    </div>
Chrystel Moreau's avatar
Chrystel Moreau committed
147
        
148
    <hr>
149
                    
150
    <div class="panel panel-default"  id="inscription">
Chrystel Moreau's avatar
Chrystel Moreau committed
151
        <div class="panel-heading" id="panel-inscription">Liste des Sessions proposées à l'agenda  {% if journee %}<b> <i class="fa fa-arrow-circle-right"></i> {{ jour |date("d/m/Y")}} {{ journee }} </b>{% endif %}</div>
152

153
            <div class="panel-body">
154
155
                <div>
                {% if agendas %}
156
                    <table id="tab_agenda" class="table table-striped table-bordered" data-token="{{ token }}" data-jour="{{ jour }}" data-debut="{{ debut }}" data-fin="{{ fin }}">
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
                    <thead>
                    <tr>
                        <th width="10%">Session</th>
                        <th width="10%">Intitulé</th>
                        <th width="10%">Intervenant</th>
                        <th width="5%">Début</th>
                        <th width="5%">Fin</th>
                        <th width="5%">Nb Inscrits</th>
                        <th width="5%">Taux</th>
                        <th width="10%" class="text-center">Action</th>
                    </tr>
                    </thead>
                    <tbody>

                    {% for agenda in agendas %}
                        {% set quota = 0 %}
                        {% set id_agenda = 0 %}
                        {% set inscrits = 0 %}
                        <tr>
                        {% for a in agenda | slice (0,1)%}
                            {% set quota=a.getFormation().getQuota() %}
                            {% set id_agenda=a.getId() %}
179
                            
180
181
182
183
184
185
186
                            <td>{{ a.getFormation().getNom() }}</td>
                            <td>{{ a.getFormation().getTitre() }}</td>
                            <td>{{ a.getFormation().getIntervenant() }}</td>
                            <td>{{ a.getDateDebut() | date("H:i") }}</td>
                            <td>{{ a.getDateFin() | date("H:i") }}</td>
                        {% endfor %}  

187
188
                            <td><span id="nb_inscrits_{{ id_agenda }}">{{ agenda.nb_inscrits }}</span> / {{ quota }}</td>  
                            
189
190
191
192
                            <td id="nb_inscrits_prct_{{ id_agenda }}">
                                {% set prct = ((agenda.nb_inscrits / quota) * 100) | round %}
                                <span class="badge badge-{% if prct <= 50 %}vert{% elseif prct > 50 and prct <= 75 %}orange{% else %}rouge{% endif %}">{{ prct }}%</span>
                            </td>                        
193
                            <td class="text-center" id="action_{{ id_agenda }}">                                
194
195
                            {% if agenda.check == 0 %}
                                {% set gt_h_debut = agenda['agenda'].getDateDebut() | date("H") %}
François Agneray's avatar
François Agneray committed
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
                                {% if agenda['agenda'].getFormation().getType() == 'Groupe de Travail' and gt_h_debut >= 17 %}  
                                    {% if nbgt17 < 1 %}
                                        <input type="hidden" id="vinscrit_{{ id_agenda }}" value="2">
                                        {% if prct < 100 %} 
                                            <a href="dashboard-participant-parcours-formation?token={{token}}&agenda={{id_agenda}}&valid=true&jour={{jour}}&debut={{debut}}&fin={{fin}}"
                                                class="btn btn-success btn-inscription-formation"
                                                data-toggle="tooltip" title="S'inscrire à cette formation">S'inscrire
                                            </a>
                                            {% else %}  
                                            <a style="display:none" href="dashboard-participant-parcours-formation?token={{token}}&agenda={{id_agenda}}&valid=true&jour={{jour}}&debut={{debut}}&fin={{fin}}"
                                                class="btn btn-success btn-inscription-formation"
                                                data-toggle="tooltip" title="S'inscrire à cette formation">S'inscrire
                                            </a>                                        
                                        {% endif %}   
                                    {% endif %}  
211
                                {% elseif nb_inscriptions > 1 %}                                        
212
                                {% elseif inscription and inscription.getAgenda().getFormation().getType() != 'Groupe de Travail' %}                                      
213
214
215
                                {% elseif inscription 
                                    and (agenda['agenda'].getFormation().getType() != 'Groupe de Travail' 
                                    or (agenda['agenda'].getDateDebut() == inscription.getAgenda().getDateDebut() and agenda['agenda'].getDateFin() == inscription.getAgenda().getDateFin()))
216
                                %}                                           
217
218
                                {% else %}  
                                    
219
                                    <input type="hidden" id="vinscrit_{{ id_agenda }}" value="2">
220
                                    {% if prct < 100 %} 
221
222
223
                                    <a href="dashboard-participant-parcours-formation?token={{token}}&agenda={{id_agenda}}&valid=true&jour={{jour}}&debut={{debut}}&fin={{fin}}"
                                        class="btn btn-success btn-inscription-formation"
                                        data-toggle="tooltip" title="S'inscrire à cette formation">S'inscrire
224
                                    </a>
225
226
227
228
229
230
231
                                    {% else %}  
                                    <a style="display:none" href="dashboard-participant-parcours-formation?token={{token}}&agenda={{id_agenda}}&valid=true&jour={{jour}}&debut={{debut}}&fin={{fin}}"
                                        class="btn btn-success btn-inscription-formation"
                                        data-toggle="tooltip" title="S'inscrire à cette formation">S'inscrire
                                    </a>                                        
                                    {% endif %}   
                                    
232
233
234
                                {% endif %}
                            {% else %}
                                Inscrit &nbsp; 
235
                                <input type="hidden" id="vinscrit_{{ id_agenda }}" value="1">                    
236
237
238
                                <a href="dashboard-participant-parcours-formation?token={{token}}&agenda={{id_agenda}}&valid=false"
                                   class="btn fa fa-times btn-danger btn-delete-inscription-formation"
                                   data-toggle="tooltip" title="Se Désinscrire de cette formation">
239
                                </a>                                 
240
241
242
243
244
245
246
247
248
249
250
251
252
                            {% endif %}
                            </td>

                        </tr>
                    {% endfor %}
                    </tbody>
                </table>                    
                {% else %}

                {% endif %}                    
                </div>
                

253
        </div>
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
    
        <div class="modal fade"  id="participant_inscription" role="dialog" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="titre_modal"></h4>
                    </div>

                    <div class="modal-body" id="body_modal">
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        
269
    </div>
270
                    
271
272
</div>
{% endblock %}