Implement task exporting

Renamed .mb4 to .bottom-space
Fix question list design

main.py

@@ -1,4 +1,4 @@
-from flask import render_template, redirect, url_for, session, g, request, flash, abort
+from flask import render_template, redirect, url_for, session, g, request, flash, abort, Response
 from flask_restful import Api
 from markdown import markdown
 from datetime import datetime, timedelta
@@ -265,15 +265,18 @@ def upload_questions():
         with form.file.data.stream as ff:
             x = json.load(ff)
         for question in x:
-            q = Question(id=question['num'], title=question['statement'], text=question['extra'],
-                         points=question['points'], number=question['num'] * 10)
+            q = Question(id=question['num'], title=question['statement'], points=question['points'],
+                         text=question['extra'] or None, number=question['num'] * 10)
             for i, answer in enumerate(question['choices']):
                 a = Answer(text=answer, is_correct=(i == question['correct']),
                            question_id=question['num'])
                 db.session.add(a)
             db.session.add(q)
         db.session.commit()
         flash('Успешно импортировано!', 'success')
+    else:
+        for err in form.file.errors:
+            flash(err)
     return redirect(url_for('manage_questions'))
 
 
@@ -290,5 +293,23 @@ def delete_question(question_id):
     return redirect(back('manage_questions'))
 
 
+@app.route('/admin/questions/export')
+@admin_required
+def export_questions():
+    questions = Question.query.all()
+    data = []
+    for q in questions:
+        d = {'num': q.id, 'statement': q.title, 'extra': q.text or '', 'choices': [],
+             'points': q.points}
+        for i, a in enumerate(q.answers):
+            d['choices'].append(a.text)
+            if a.is_correct:
+                d['correct'] = i
+        data.append(d)
+    json_data = json.dumps(data, indent=4)
+    return Response(response=json_data, mimetype='application/json',
+                    headers={'Content-Disposition': 'attachment; filename="tasks.json"'})
+
+
 if __name__ == '__main__':
     app.run()

static/css/style.css

@@ -1,6 +1,6 @@
 @import url('https://fonts.googleapis.com/css?family=Roboto');
 
-.question-card, .mb4 {
+.question-card, .bottom-space {
     margin-bottom: 4rem;
 }
 

static/js/script.js

@@ -33,6 +33,13 @@ function uploadAllAnswers() {
     }
 }
 
+function destructive_confirm(ev) {
+    if (!confirm('Это — деструктивная операция. Продолжить?')) {
+        ev.preventDefault();
+        ev.stopPropagation();
+    }
+}
+
 $('textarea').on('input', function (){
     $(this).height(0).height(this.scrollHeight);
 });
@@ -41,11 +48,7 @@ $(document).ready(function () {
     $('textarea').trigger('input');
 });
 
-$('.destructive-confirm').click(function (ev) {
-    if (!confirm('Это — деструктивная операция. Продолжить?')) {
-        ev.preventDefault();
-        ev.stopPropagation();
-    }
-});
+$('a.destructive-confirm').click(destructive_confirm);
+$('form.destructive-confirm').submit(destructive_confirm);
 
 $('#noscript').hide();

templates/question_form.html

@@ -1,4 +1,4 @@
-<form method="post">
+<form method="post" class="bottom-space">
     {{ form.hidden_tag() }}
     {# question, caption, points, +answers, +number #}
     <div class="form-group">

templates/questions.html

@@ -5,22 +5,21 @@ <h1>Вопросы</h1>
     {% for q in questions %}
         {% include 'card.html' %}
     {% endfor %}
+    <h2>Экспортировать вопросы</h2>
+    <p class="bottom-space">
+        <a href="{{ url_for('export_questions') }}" class="btn btn-primary">Скачать файл с вопросами в формате JSON</a>
+    </p>
     <h2>Добавить вопрос</h2>
     {% include 'question_form.html' %}
     <h2>Импортировать вопросы</h2>
     <p class="text-danger"><b>После импорта все вопросы, ответы и решения будут сброшены!</b></p>
-    <form action="{{ url_for('upload_questions') }}" enctype="multipart/form-data" method="post">
+    <form action="{{ url_for('upload_questions') }}" enctype="multipart/form-data" method="post" class="destructive-confirm">
         {{ import_form.hidden_tag() }}
         <div class="custom-file">
             {{ import_form.file(class='custom-file-input' + (' is-invalid' if import_form.file.errors else ''), accept='application/json') }}
             {{ import_form.file.label(class='custom-file-label') }}
-            {% for error in import_form.file.errors %}
-                <div class="invalid-feedback">
-                    {{ error }}
-                </div>
-            {% endfor %}
         </div>
-        {{ import_form.submit(class='btn btn-primary destructive-confirm') }}
+        {{ import_form.submit(class='btn btn-primary') }}
     </form>
 {% endblock %}
 {% block scripts %}

templates/result.html

@@ -6,7 +6,7 @@ <h1>Результаты пользователя {{ user.name }}</h1>
     {% else %}
         <h1>Поздравляю!</h1>
     {% endif %}
-    <p class="mb4">
+    <p class="bottom-space">
         {% if admin %}
             Набрано баллов:
         {% else %}
@@ -27,15 +27,15 @@ <h2 class="pre-question-card">
         {% for q in failed %}
             {% include 'card.html' %}
         {% else %}
-            <p class="mb4"><i>Отсутствуют</i></p>
+            <p class="bottom-space"><i>Отсутствуют</i></p>
         {% endfor %}
     </div>
     <h2 class="pre-question-card">Пропущенные вопросы</h2>
     <div>
         {% for q in skipped %}
             {% include 'card.html' %}
         {% else %}
-            <p class="mb4"><i>Отсутствуют</i></p>
+            <p class="bottom-space"><i>Отсутствуют</i></p>
         {% endfor %}
     </div>
 {% endblock %}