- Use this console to edit the questions in this dataset. For more information on using the editor console, click on the the blue information button.
+ Use this console to edit the questions in this dataset. For more information on using the editor console, click on the the blue Information button. To preview the questions in the current dataset, click on the green View Questions button.
-
+
+
@@ -77,9 +78,11 @@
In order to show how many questions are remaining inside a block, e.g. to say ‘the next n questions are about a specific scenario’, use the placeholder <block_remaining_questions>.
- `);
+ `)
} else if (response.responseJSON.error instanceof Array) {
var output = ''
- for (var i = 0; i < response.responseJSON.error.length; i ++) {
+ for (let i = 0; i < response.responseJSON.error.length; i ++) {
output += `
- `);
+ `)
} else if (response.responseJSON.error instanceof Array) {
var output = ''
- for (var i = 0; i < response.responseJSON.error.length; i ++) {
+ for (let i = 0; i < response.responseJSON.error.length; i ++) {
output += `
${response.responseJSON.error[i]}
- `;
- $alert.html(output);
+ `
+ $alert.html(output)
}
}
}
@@ -74,13 +74,13 @@ $('#dismiss-cookie-alert').click(function(event){
},
dataType: 'json',
success: function(response){
- console.log(response);
+ console.log(response)
},
error: function(response){
- console.log(response);
+ console.log(response)
}
})
- event.preventDefault();
+ event.preventDefault()
})
\ No newline at end of file
diff --git a/ref-test/app/tools/data.py b/ref-test/app/tools/data.py
index 7eab4d9..c4bfce6 100644
--- a/ref-test/app/tools/data.py
+++ b/ref-test/app/tools/data.py
@@ -1,8 +1,13 @@
+from ..models import Dataset
+
from flask import current_app as app
+from flask import flash, redirect
+from flask.helpers import url_for
import json
from pathlib import Path
from random import shuffle
+from functools import wraps
def load(filename:str):
data_dir = Path(app.config.get('DATA'))
@@ -66,4 +71,14 @@ def get_tag_list(dataset:list):
if block['type'] == 'question': output = list(set(output) | set(block['tags']))
if block['type'] == 'block':
for question in block['questions']: output = list(set(output) | set(question['tags']))
- return output
\ No newline at end of file
+ return output
+
+def check_dataset_exists(function):
+ @wraps(function)
+ def wrapper(*args, **kwargs):
+ datasets = Dataset.query.all()
+ if not datasets:
+ flash('There are no available question datasets. Please upload a question dataset first, or use the question editor to create a new dataset.', 'error')
+ return redirect(url_for('admin._questions'))
+ return function(*args, **kwargs)
+ return wrapper
\ No newline at end of file
diff --git a/ref-test/app/view/__init__.py b/ref-test/app/view/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/ref-test/app/view/static/css/style.css b/ref-test/app/view/static/css/style.css
new file mode 100644
index 0000000..7a22f31
--- /dev/null
+++ b/ref-test/app/view/static/css/style.css
@@ -0,0 +1,260 @@
+body {
+ padding: 80px 0;
+}
+
+.site-footer {
+ background-color: lightgray;
+ font-size: small;
+}
+
+.site-footer p {
+ margin: 0;
+}
+
+.form-container {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-top: 40px;
+ padding-bottom: 40px;
+}
+
+.form-display {
+ width: 100%;
+ max-width: 420px;
+ padding: 15px;
+ margin: auto;
+}
+
+.form-heading {
+ margin-bottom: 2rem;
+}
+
+.form-label-group {
+ position: relative;
+ margin-bottom: 2rem;
+}
+
+.form-label-group input,
+.form-label-group label {
+ padding: var(--input-padding-y) var(--input-padding-x);
+ font-size: 16pt;
+}
+
+.form-label-group label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: block;
+ width: 100%;
+ margin-bottom: 0; /* Override default `
+ `)
+ } else if (response.responseJSON.error instanceof Array) {
+ var output = ''
+ for (let i = 0; i < response.responseJSON.error.length; i ++) {
+ output += `
+
+
+
+
+
+
+
+
+
+
+
+
+ {% block script %}
+ {% endblock %}
+
+
\ No newline at end of file
diff --git a/ref-test/app/view/templates/view/components/client-alerts.html b/ref-test/app/view/templates/view/components/client-alerts.html
new file mode 100644
index 0000000..48a43e2
--- /dev/null
+++ b/ref-test/app/view/templates/view/components/client-alerts.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/ref-test/app/view/templates/view/components/datatable.html b/ref-test/app/view/templates/view/components/datatable.html
new file mode 100644
index 0000000..5eb0cb6
--- /dev/null
+++ b/ref-test/app/view/templates/view/components/datatable.html
@@ -0,0 +1,28 @@
+{% extends "view/components/base.html" %}
+{% block datatable_css %}
+
+
+
+
+
+
+
+{% endblock %}
+{% block datatable_scripts %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/ref-test/app/view/templates/view/components/footer.html b/ref-test/app/view/templates/view/components/footer.html
new file mode 100644
index 0000000..e2cea14
--- /dev/null
+++ b/ref-test/app/view/templates/view/components/footer.html
@@ -0,0 +1,2 @@
+
This web app was developed by Vivek Santayana. The source code for the web app, excluding any data pertaining to the questions in the quiz, is freely available at Vivek’s personal GIT repository under an MIT License.
\ No newline at end of file
diff --git a/ref-test/app/view/templates/view/components/server-alerts.html b/ref-test/app/view/templates/view/components/server-alerts.html
new file mode 100644
index 0000000..bcec7d1
--- /dev/null
+++ b/ref-test/app/view/templates/view/components/server-alerts.html
@@ -0,0 +1,43 @@
+{% with messages = get_flashed_messages(with_categories=true) %}
+ {% if messages %}
+ {% set cookie_flash_flag = namespace(value=False) %}
+ {% for category, message in messages %}
+ {% if category == "error" %}
+
+
+ {{ message|safe }}
+
+
+ {% elif category == "success" %}
+
+
+ {{ message|safe }}
+
+
+ {% elif category == "warning" %}
+
+
+ {{ message|safe }}
+
+
+ {% elif category == "cookie_alert" %}
+ {% if not cookie_flash_flag.value %}
+
+ {% endif %}
+ {% endfor %}
+ {% endif %}
+{% endwith %}
\ No newline at end of file
diff --git a/ref-test/app/view/templates/view/console.html b/ref-test/app/view/templates/view/console.html
new file mode 100644
index 0000000..5de1fed
--- /dev/null
+++ b/ref-test/app/view/templates/view/console.html
@@ -0,0 +1,116 @@
+{% extends "view/components/base.html" %}
+
+{% block style %}
+
+{% endblock %}
+
+{% block content %}
+
View Questions
+
+
+ This page lists all the questions in the selected dataset.
+
+
+
+
+
+
+
+ Information
+
+
+ Questions in the test are arranged in blocks. Blocks can be of two types: Blocks of multiple related questions, and Single Questions that are not part of a block.
+ You can add, remove, or edit both Blockss and Questions through this editor.
+
+
+ Blocks are useful when you have a section of the test that contains multiple questions that are related to each other, for example if there is a scenario-based section where a series of questions are about the same situation.
+
+
+ Blocks can contain any number of questions within them, but cannot contain nested blocks.
+
+
+ When you set up a block, you can also add header text that will be displayed with each question.
+ You can use this to provide common information for a scenario across a series of questions.
+
+
+ Questions come in three types:
+
+
+ Yes/No for when there is only a yes or no option,
+
+
+ Multiple Choice for your regular multiple choice questions, and
+
+
+ Ordered List for multiple choice questions that will be displayed in the same order as listed here.
+
+
+
+
+ Normally, multiple choice questions will have the order of the options randomised.
+
+
+ Questions will be displayed to candidates in a randomised order.
+ Blocks of questions will be kept together, but the order within the block will also be randomised.
+
+
+ Questions can also be categorised using tags.
+
+
+ Placeholder for Questions Remaining in a Block
+
+
+ In order to show how many questions are remaining inside a block, e.g. to say ‘the next n questions are about a specific scenario’, the app uses the placeholder <block_remaining_questions>.
+