Envoi bulletin, génération classeur: choix groupe étudiants

app/templates/babase.j2

@@ -14,6 +14,7 @@
     {%- block styles %}
     <!-- Bootstrap -->
     <link href="{{scu.STATIC_DIR}}/libjs/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link type="text/css" rel="stylesheet" href="{{scu.STATIC_DIR}}/libjs/bootstrap-multiselect-1.1.2/bootstrap-multiselect.min.css">
     {%- endblock styles %}
     {%- endblock head %}
   </head>
@@ -26,7 +27,14 @@
 
     {% block scripts %}
     <script src="{{scu.STATIC_DIR}}/jQuery/jquery.js"></script>
+    <script src="{{scu.STATIC_DIR}}/jQuery/jquery-migrate-1.2.0.min.js"></script>
+    <script src="{{scu.STATIC_DIR}}/libjs/jquery.field.min.js"></script>
+    <script src="{{scu.STATIC_DIR}}/libjs/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
     <script src="{{scu.STATIC_DIR}}/libjs/bootstrap/js/bootstrap.min.js"></script>
+    <script src="{{scu.STATIC_DIR}}/libjs/bootstrap-multiselect-1.1.2/bootstrap-multiselect.min.js"></script>
+    <script src="{{scu.STATIC_DIR}}/libjs/timepicker-1.3.5/jquery.timepicker.min.js"></script>
+    <script src="{{scu.STATIC_DIR}}/libjs/qtip/jquery.qtip-3.0.3.min.js"></script>
+    <script src="{{scu.STATIC_DIR}}/libjs/purl.js"></script>
     <script>
     const SCO_TIMEZONE = "{{ scu.TIME_ZONE }}";
     </script>

app/templates/formsemestre/bulletins_choice.j2

@@ -0,0 +1,50 @@
+{% extends "sco_page.j2" %}
+{% import 'wtf.j2' as wtf %}
+
+{% block styles %}
+{{super()}}
+<style>
+.sco-row {
+    margin-top: 16px;
+}
+</style>
+{% endblock %}
+
+{% block scripts %}
+    {{super()}}
+    <script src="{{scu.STATIC_DIR}}/js/groups_view.js"></script>
+{% endblock %}
+
+
+{% block app_content %}
+<div class="tab-content">
+    <h2>{{ title }}</h2>
+
+    <p class="help">
+        {{ explanation|safe }}
+    </p>
+
+    <form name="f" method="GET" action="{{request.base_url}}">
+        <input type="hidden" name="formsemestre_id" value="{{formsemestre.id}}">
+        <select name="version" class="noprint">
+            {% for version, description in versions_bulletins.items() %}
+                <option value="{{version}}">{{description}}</option>
+            {% endfor %}
+        </select>
+
+        <div class="group_ids_sel_menu sco-row">
+            Groupes d'étudiants à utiliser: {{menu_groups_choice|safe}}
+        </div>
+
+        {% if choose_mail %}
+        <div class="sco-row">
+                <input type="checkbox" name="prefer_mail_perso" value="1">
+                Utiliser si possible les adresses email personnelles
+        </div>
+        {% endif %}
+        <div class="sco-row" style="font-size: 110%;">
+            <input type="submit" value="Générer">
+        </div>
+    </form>
+</div>
+{% endblock %}

app/templates/sco_page.j2

@@ -43,13 +43,6 @@
 {{ super() }}
 <script src="{{scu.STATIC_DIR}}/libjs/menu.js"></script>
 <script src="{{scu.STATIC_DIR}}/libjs/bubble.js"></script>
-<script src="{{scu.STATIC_DIR}}/jQuery/jquery.js"></script>
-<script src="{{scu.STATIC_DIR}}/jQuery/jquery-migrate-1.2.0.min.js"></script>
-<script src="{{scu.STATIC_DIR}}/libjs/jquery.field.min.js"></script>
-<script src="{{scu.STATIC_DIR}}/libjs/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
-<script src="{{scu.STATIC_DIR}}/libjs/timepicker-1.3.5/jquery.timepicker.min.js"></script>
-<script src="{{scu.STATIC_DIR}}/libjs/qtip/jquery.qtip-3.0.3.min.js"></script>
-
 <script src="{{scu.STATIC_DIR}}/js/scodoc.js"></script>
 <script src="{{scu.STATIC_DIR}}/DataTables/datatables.min.js"></script>
 <script>