dashboard_participant_parcours.twig 16.6 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 8 9 10 11 12
        <div class="title-main-content">Création de votre parcours de formation 
            <span  data-toggle="tooltip" data-placement="bottom" data-html="true" 
                   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"
                   
                <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
            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>.<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 194 195 196 197
                            
                            <td class="text-center" id="action_{{ id_agenda }}">                                
                            {% if agenda.check == 0 %}                                
                                {% if nb_inscriptions > 1 %}                                        
                                {% elseif inscription and inscription.getAgenda().getFormation().getType() != 'Groupe de Travail' %}                                      
198 199 200
                                {% elseif inscription 
                                    and (agenda['agenda'].getFormation().getType() != 'Groupe de Travail' 
                                    or (agenda['agenda'].getDateDebut() == inscription.getAgenda().getDateDebut() and agenda['agenda'].getDateFin() == inscription.getAgenda().getDateFin()))
201
                                %}                                           
202 203
                                {% else %}  
                                    
204
                                    <input type="hidden" id="vinscrit_{{ id_agenda }}" value="2">
205
                                    {% if prct < 100 %} 
206 207 208
                                    <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
209
                                    </a>
210 211 212 213 214 215 216
                                    {% 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 %}   
                                    
217 218 219
                                {% endif %}
                            {% else %}
                                Inscrit &nbsp; 
220
                                <input type="hidden" id="vinscrit_{{ id_agenda }}" value="1">                    
221 222 223
                                <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">
224
                                </a>                                 
225 226 227 228 229 230 231 232 233 234 235 236 237
                            {% endif %}
                            </td>

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

                {% endif %}                    
                </div>
                

238
        </div>
239 240 241 242 243 244 245 246 247 248 249 250 251 252 253
    
        <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 -->
        
254
    </div>
255
                    
256 257
</div>
{% endblock %}