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

{% block content_dashboard %}
<div class="content-dashboard">
    <div class="title-main">
6
        <div class="title-main-content">Création de votre parcours de formation</div>
7 8
    </div>
        
Chrystel Moreau's avatar
Chrystel Moreau committed
9 10
    <div>
        
11
    <div id="seances">
12 13 14 15 16
        <p>
            Choisissez par 1/2 journée une présentation ou un atelier ou un GT de debut de session et un GT de fin de session.
            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>
17
        <form id="form_inscription">
18
            <input type="hidden" id="token" name="token" value="{{ token }}"> 
19
                
20
            <table id="tab_mon_parcours"  class="table table-responsive"  style="background-color: white">
21
                <thead>
22
                <tr>
23 24 25 26
                    <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>
27
                </tr>
28 29
                </thead>
                <tbody>
30
                <tr>
31 32 33 34 35 36 37
                    <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">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="04 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="04 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="04 Juillet 2017 - Matin">Matin</a><br></th>
                </tr>
                <tr>
                    <td class="td-parcours">
38 39
                        {% if pa_4_am %}
                            {% for p in pa_4_am %}
40
                                
41
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
42
                                <b>Intitulé</b> : {{ p.getAgenda().getFormation().getTitre() }}<br>
43 44 45 46 47 48 49
                                <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>
50
                    <td class="td-parcours">
51 52 53 54 55 56 57 58 59 60
                        {% 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>
61
                    <td class="td-parcours">
62 63 64 65 66 67 68 69 70 71
                        {% 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>
72
                    <td class="td-parcours">
73 74 75 76 77 78 79 80 81 82 83 84
                        {% 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>
85 86 87 88 89 90 91
                    <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">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="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.j3 }}&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">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="04 Juillet 2017 - Après-Midi">Après-Midi</a><br></th>
                </tr>                
                <tr>
                    <td class="td-parcours">
92 93 94 95 96 97 98 99 100 101
                        {% 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>
102
                    <td class="td-parcours">
103 104 105 106 107 108 109 110 111 112
                        {% if pa_5_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>
113
                    <td class="td-parcours">
114 115 116 117 118 119 120 121 122 123
                        {% 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>
124
                    <td class="td-parcours">
125 126 127 128 129 130 131 132 133 134 135 136 137 138
                        {% 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>
  
139 140
        </form>
    </div>
Chrystel Moreau's avatar
Chrystel Moreau committed
141
        
142
    <hr>
143
                    
144
    <div class="panel panel-default"  id="inscription">
Chrystel Moreau's avatar
Chrystel Moreau committed
145
        <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>
146

147
            <div class="panel-body">
148 149
                <div>
                {% if agendas %}
150
                    <table id="tab_agenda" class="table table-striped table-bordered" data-token="{{ token }}" data-jour="{{ jour }}" data-debut="{{ debut }}" data-fin="{{ fin }}">
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172
                    <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() %}
173
                            
174 175 176 177 178 179 180
                            <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 %}  

181 182
                            <td><span id="nb_inscrits_{{ id_agenda }}">{{ agenda.nb_inscrits }}</span> / {{ quota }}</td>  
                            
183 184 185 186
                            <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>                        
187 188 189 190 191
                            
                            <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' %}                                      
192 193 194
                                {% elseif inscription 
                                    and (agenda['agenda'].getFormation().getType() != 'Groupe de Travail' 
                                    or (agenda['agenda'].getDateDebut() == inscription.getAgenda().getDateDebut() and agenda['agenda'].getDateFin() == inscription.getAgenda().getDateFin()))
195
                                %}                                           
196 197
                                {% else %}  
                                    
198
                                    <input type="hidden" id="vinscrit_{{ id_agenda }}" value="2">
199
                                    {% if prct < 100 %} 
200 201 202
                                    <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
203
                                    </a>
204 205 206 207 208 209 210
                                    {% 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 %}   
                                    
211 212 213
                                {% endif %}
                            {% else %}
                                Inscrit &nbsp; 
214
                                <input type="hidden" id="vinscrit_{{ id_agenda }}" value="1">                    
215 216 217
                                <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">
218
                                </a>                                 
219 220 221 222 223 224 225 226 227 228 229 230 231
                            {% endif %}
                            </td>

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

                {% endif %}                    
                </div>
                

232
        </div>
233 234 235 236 237 238 239 240 241 242 243 244 245 246 247
    
        <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 -->
        
248
    </div>
249
                    
250 251
</div>
{% endblock %}