dashboard_participant_parcours.twig 12.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
        <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">
Chrystel Moreau's avatar
Chrystel Moreau committed
12
        Vous devez selectionner une demi-journée pour visualier les sessions de formation proposées.<p>
13
        <form id="form_inscription">
14
            <input type="hidden" id="token" name="token" value="{{ token }}"> 
15 16 17
                
            <table id="tab_mon_parcours" class="table table-bordered">
                <thead>
18
                <tr>
19 20 21 22
                    <th class="td-parcours">{{ jdev.j1 |date("d/m/Y")}}</th>
                    <th class="td-parcours">{{ jdev.j2 |date("d/m/Y")}}</th>
                    <th class="td-parcours">{{ jdev.j3 |date("d/m/Y")}}</th>
                    <th class="td-parcours">{{ jdev.j4 |date("d/m/Y")}}</th>
23
                </tr>
24 25
                </thead>
                <tbody>
26
                <tr>
27
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j1 }}&debut=08:00:00&fin=13:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="04 Juillet 2017 - Matin">Matin</a><br>
28 29
                        {% if pa_4_am %}
                            {% for p in pa_4_am %}
30
                                
31
                                <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
32
                                <b>Intitulé</b> : {{ p.getAgenda().getFormation().getTitre() }}<br>
33 34 35 36 37 38 39
                                <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>
40
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j2 }}&debut=08:00:00&fin=13:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="05 Juillet 2017 - Matin">Matin</a> <br>                   
41 42 43 44 45 46 47 48 49 50
                        {% 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>
51
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j3 }}&debut=08:00:00&fin=13:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="06 Juillet 2017 - Matin">Matin</a><br>                                        
52 53 54 55 56 57 58 59 60 61
                        {% 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>
62
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j4 }}&debut=08:00:00&fin=13:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="07 Juillet 2017 - Matin">Matin</a><br>                                        
63 64 65 66 67 68 69 70 71 72 73
                        {% 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>  
74
                
75
                <tr>
76
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j1 }}&debut=13:00:00&fin=19:00:00" class="btn btn-primary btn-sm btn-block btn-jour" value="04 Juillet 2017 - Après-Midi">Après-Midi</a><br>
77 78 79 80 81 82 83 84 85 86
                        {% 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>
87
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j2 }}&debut=13:00:00&fin=19:00:00" class="btn btn-primary btn-sm btn-block btn-jour" value="05 Juillet 2017 - Après-Midi">Après-Midi</a><br>
88 89 90 91 92 93 94 95 96 97
                        {% 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>
98
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j3 }}&debut=13:00:00&fin=19:00:00" class="btn btn-primary btn-sm btn-block btn-jour" value="06 Juillet 2017 - Après-Midi">Après-Midi</a><br>
99 100 101 102 103 104 105 106 107 108
                        {% 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>
109
                    <td><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j4 }}&debut=13:00:00&fin=19:00:00" class="btn btn-primary btn-sm btn-block btn-jour" value="07 Juillet 2017 - Après-Midi">Après-Midi</a><br>
110 111 112 113 114 115 116 117 118 119 120 121 122 123
                        {% 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>
  
124 125
        </form>
    </div>
Chrystel Moreau's avatar
Chrystel Moreau committed
126
        
127
    <hr>
128
                    
129
    <div class="panel panel-default"  id="inscription">
Chrystel Moreau's avatar
Chrystel Moreau committed
130
        <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>
131

132
            <div class="panel-body">
133 134
                <div>
                {% if agendas %}
135
                    <table id="tab_agenda" class="table table-striped table-bordered" data-token="{{ token }}" data-jour="{{ jour }}" data-debut="{{ debut }}" data-fin="{{ fin }}">
136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164
                    <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() %}
                            <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 %}  

165 166 167 168 169
                            <td><span id="nb_inscrits_{{ id_agenda }}">{{ agenda.nb_inscrits }}</span> / {{ quota }}</td>                      
                            <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>                        
170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197
                            <td class="text-center">
                            {% if agenda.check == 0 %}
                                {% if inscription %}
                                {% else %}
                                        <a href="dashboard-participant-parcours-formation?token={{token}}&agenda={{id_agenda}}&valid=true"
                                           class="btn btn-success btn-inscription-formation"
                                           data-toggle="tooltip" title="S'inscrire à cette formation">S'inscrire
                                        </a>
                                {% endif %}
                            {% else %}
                                Inscrit &nbsp; 
                                <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">
                                </a>    
                            {% endif %}
                            </td>

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

                {% endif %}                    
                </div>
                

198
        </div>
199 200 201 202 203 204 205 206 207 208 209 210 211 212 213
    
        <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 -->
        
214
    </div>
215
                    
216 217
</div>
{% endblock %}