From e1cbc7e6bc22688dc2c7f556f2289ba7576291f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timo=20Heikkil=C3=A4?= <timo.t.heikkila@utu.fi>
Date: Mon, 5 Nov 2018 14:01:43 +0200
Subject: [PATCH] add initial commit
---
.gitignore | 10 +
app/__init__.py | 34 +
app/forms.py | 154 ++
app/messages.pot | 19 +
app/models.py | 171 ++
app/rating_tool.py | 45 +
app/routes.py | 1471 +++++++++++++++++
app/static/css/custom.css | 7 +
app/static/css/main.css | 28 +
app/static/css/style.css | 1455 ++++++++++++++++
app/static/img/madam-300x250.jpg | Bin 0 -> 9456 bytes
app/templates/_formhelpers.html | 12 +
app/templates/add_bg_question.html | 32 +
app/templates/add_questions.html | 36 +
app/templates/add_stimuli.html | 31 +
app/templates/base.html | 89 +
app/templates/begin_with_id.html | 29 +
app/templates/consent.html | 40 +
app/templates/continue_task.html | 24 +
app/templates/create_experiment.html | 104 ++
.../create_experiment_bgquestions.html | 31 +
.../create_experiment_questions.html | 35 +
.../create_experiment_upload_stimuli.html | 78 +
app/templates/edit_bg_question.html | 19 +
app/templates/edit_experiment.html | 36 +
app/templates/edit_question.html | 34 +
app/templates/edit_stimuli.html | 31 +
app/templates/experiment_statistics.html | 110 ++
app/templates/index.html | 91 +
app/templates/instructions.html | 25 +
app/templates/quit_task.html | 16 +
app/templates/register.html | 29 +
app/templates/remove_experiment.html | 26 +
app/templates/researcher_info.html | 19 +
app/templates/researcher_login.html | 27 +
app/templates/task.html | 136 ++
app/templates/task_completed.html | 19 +
app/templates/view_experiment.html | 314 ++++
app/translations/fin/LC_MESSAGES/messages.mo | Bin 0 -> 484 bytes
app/translations/fin/LC_MESSAGES/messages.po | 24 +
babel.cfg | 3 +
config.py | 11 +
dump.sql | 95 ++
messages.pot | 23 +
requirements.txt | 24 +
45 files changed, 5047 insertions(+)
create mode 100644 .gitignore
create mode 100644 app/__init__.py
create mode 100644 app/forms.py
create mode 100644 app/messages.pot
create mode 100644 app/models.py
create mode 100644 app/rating_tool.py
create mode 100644 app/routes.py
create mode 100644 app/static/css/custom.css
create mode 100644 app/static/css/main.css
create mode 100644 app/static/css/style.css
create mode 100644 app/static/img/madam-300x250.jpg
create mode 100644 app/templates/_formhelpers.html
create mode 100644 app/templates/add_bg_question.html
create mode 100644 app/templates/add_questions.html
create mode 100644 app/templates/add_stimuli.html
create mode 100644 app/templates/base.html
create mode 100644 app/templates/begin_with_id.html
create mode 100644 app/templates/consent.html
create mode 100644 app/templates/continue_task.html
create mode 100644 app/templates/create_experiment.html
create mode 100644 app/templates/create_experiment_bgquestions.html
create mode 100644 app/templates/create_experiment_questions.html
create mode 100644 app/templates/create_experiment_upload_stimuli.html
create mode 100644 app/templates/edit_bg_question.html
create mode 100644 app/templates/edit_experiment.html
create mode 100644 app/templates/edit_question.html
create mode 100644 app/templates/edit_stimuli.html
create mode 100644 app/templates/experiment_statistics.html
create mode 100644 app/templates/index.html
create mode 100644 app/templates/instructions.html
create mode 100644 app/templates/quit_task.html
create mode 100644 app/templates/register.html
create mode 100644 app/templates/remove_experiment.html
create mode 100644 app/templates/researcher_info.html
create mode 100644 app/templates/researcher_login.html
create mode 100644 app/templates/task.html
create mode 100644 app/templates/task_completed.html
create mode 100644 app/templates/view_experiment.html
create mode 100644 app/translations/fin/LC_MESSAGES/messages.mo
create mode 100644 app/translations/fin/LC_MESSAGES/messages.po
create mode 100644 babel.cfg
create mode 100644 config.py
create mode 100644 dump.sql
create mode 100644 messages.pot
create mode 100644 requirements.txt
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2e28ad5
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,10 @@
+__pycache__/
+/migrations
+/venv
+app.db
+cmd.txt
+DB_inserts.txt
+dumb.sql
+scrap_script.py
+*.pyc
+
diff --git a/app/__init__.py b/app/__init__.py
new file mode 100644
index 0000000..b403534
--- /dev/null
+++ b/app/__init__.py
@@ -0,0 +1,34 @@
+from flask import Flask
+from flask_bootstrap import Bootstrap
+from config import Config
+from flask_sqlalchemy import SQLAlchemy
+from flask_migrate import Migrate
+from flask_login import LoginManager
+from flask_babel import Babel
+
+
+app = Flask(__name__)
+app.config['BABEL_DEFAULT_LOCALE'] = 'en'
+babel = Babel(app)
+
+
+@babel.localeselector
+def get_locale():
+
+ return 'fin'
+
+#mariabd mysql portti 3306 tarkista?
+
+Bootstrap(app)
+app.config.from_object(Config)
+db = SQLAlchemy(app)
+migrate = Migrate(app, db)
+login = LoginManager(app)
+login.login_view = 'login'
+
+
+app.secret_key = 'random string'
+"""app.secret_key = os.urandom(24)"""
+
+
+from app import routes, models
diff --git a/app/forms.py b/app/forms.py
new file mode 100644
index 0000000..cbfc28b
--- /dev/null
+++ b/app/forms.py
@@ -0,0 +1,154 @@
+from flask_wtf import FlaskForm
+from wtforms import StringField, PasswordField, BooleanField, SubmitField, SelectField
+from wtforms.validators import DataRequired, InputRequired
+from wtforms_sqlalchemy.fields import QuerySelectField
+from flask_bootstrap import Bootstrap
+from app.models import background_question
+from wtforms import Form, TextField, TextAreaField, SubmitField, FieldList, FormField
+from wtforms import Form, BooleanField, StringField, PasswordField, validators, RadioField
+from flask_wtf.file import FileField, FileAllowed, FileRequired
+
+
+class LoginForm(FlaskForm):
+ username = StringField('Username', validators=[DataRequired()])
+ password = PasswordField('Password', validators=[DataRequired()])
+ remember_me = BooleanField('Remember Me')
+ submit = SubmitField('Sign In')
+
+
+class RegisterForm(Form):
+
+ questions1 = FieldList(SelectField([validators.InputRequired()]))
+ submit = SubmitField("Send")
+
+
+class TaskForm(Form):
+
+ categories1 = FieldList(SelectField([validators.InputRequired()]))
+ submit = SubmitField("Send")
+
+
+class ContinueTaskForm(FlaskForm):
+
+ participant_id = StringField('participant_id', validators=[DataRequired()])
+ submit = SubmitField('Continue rating')
+
+
+class StartWithIdForm(FlaskForm):
+
+ participant_id = StringField('participant_id', validators=[DataRequired()])
+ submit = SubmitField('Start rating')
+
+
+class Questions(FlaskForm):
+
+ questions = StringField()
+
+
+class Answers(FlaskForm):
+
+ background_question_idbackground_question = SelectField(coerce=int, validators=[InputRequired])
+
+
+class BackgroundQuestionForm(Form):
+
+ idbackground_question_option = StringField()
+ background_question_idbackground_question = StringField()
+ option = StringField()
+ submit = SubmitField('Register')
+
+
+class TestForm(Form):
+
+ question_name = StringField()
+ options1 = SelectField()
+
+
+class TestForm1(Form):
+
+ questions1 = FieldList(SelectField([validators.InputRequired()]))
+ submit = SubmitField("Send")
+
+
+class TestForm2(Form):
+
+ questions1 = SelectField()
+
+#Forms for editing functions
+
+
+class CreateExperimentForm(Form):
+
+ name = StringField('Name', [validators.DataRequired()])
+ instruction = StringField('Instruction', [validators.DataRequired()])
+ language = StringField('Language', [validators.DataRequired()])
+ submit = SubmitField('Send')
+
+
+class EditExperimentForm(Form):
+
+ name = StringField('Name', [validators.DataRequired()])
+ instruction = StringField('Instruction', [validators.DataRequired()])
+ language = SelectField('Language', choices=[
+ ('Afrikanns', 'Afrikanns'), ('Albanian', 'Albanian'), ('Arabic', 'Arabic'), ('Armenian', 'Armenian'), ('Basque', 'Basque'), ('Bengali', 'Bengali'), ('Bulgarian', 'Bulgarian'),
+ ('Catalan', 'Catalan'), ('Cambodian', 'Cambodian'), ('Chinese (Mandarin)', 'Chinese (Mandarin)'), ('Croation', 'Croation'), ('Czech', 'Czech'), ('Danish', 'Danish'),
+ ('Dutch', 'Dutch'), ('English', 'English'), ('Estonian', 'Estonian'), ('Fiji', 'Fiji'), ('Finnish', 'Finnish'), ('French', 'French'), ('Georgian', 'Georgian'),
+ ('German', 'German'), ('Greek', 'Greek'), ('Gujarati', 'Gujarati'), ('Hebrew', 'Hebrew'), ('Hindi', 'Hindi'), ('Hungarian', 'Hungarian'), ('Icelandic', 'Icelandic'),
+ ('Indonesian', 'Indonesian'), ('Irish', 'Irish'), ('Italian', 'Italian'), ('Japanese', 'Japanese'), ('Javanese', 'Javanese'), ('Korean', 'Korean'), ('Latin', 'Latin'),
+ ('Latvian', 'Latvian'), ('Lithuanian', 'Lithuanian'), ('Macedonian', 'Macedonian'), ('Malay', 'Malay'), ('Malayalam', 'Malayalam'), ('Maltese', 'Maltese'), ('Maori', 'Maori'),
+ ('Marathi', 'Marathi'), ('Mongolian', 'Mongolian'), ('Nepali', 'Nepali'), ('Norwegian', 'Norwegian'), ('Persian', 'Persian'), ('Polish', 'Polish'), ('Portuguese', 'Portuguese'),
+ ('Punjabi', 'Punjabi'), ('Quechua', 'Quechua'), ('Romanian', 'Romanian'), ('Russian', 'Russian'), ('Samoan', 'Samoan'), ('Serbian', 'Serbian'), ('Slovak', 'Slovak'),
+ ('Slovenian', 'Slovenian'), ('Spanish', 'Spanish'), ('Swahili', 'Swahili'), ('Swedish ', 'Swedish '), ('Tamil', 'Tamil'), ('Tatar', 'Tatar'), ('Telugu', 'Telugu'),
+ ('Thai', 'Thai'), ('Tibetan', 'Tibetan'), ('Tonga', 'Tonga'), ('Turkish', 'Turkish'), ('Ukranian', 'Ukranian'), ('Urdu', 'Urdu'), ('Uzbek', 'Uzbek'), ('Vietnamese', 'Vietnamese'),
+ ('Welsh', 'Welsh'), ('Xhosa', 'Xhosa')])
+ submit = SubmitField('Send')
+
+
+class CreateBackgroundQuestionForm(Form):
+
+ bg_questions_and_options = TextAreaField('Background questions and options', [validators.DataRequired()])
+ submit = SubmitField('Send')
+
+
+class EditBackgroundQuestionForm(Form):
+
+ bg_questions_and_options = TextAreaField('Background questions and options')
+ new_values = TextAreaField('New values', [validators.DataRequired()])
+ submit = SubmitField('Send')
+
+
+class CreateQuestionForm(Form):
+
+ questions_and_options = TextAreaField('Questions and options', [validators.DataRequired()])
+ submit = SubmitField('Send')
+
+
+class EditQuestionForm(Form):
+
+ left = StringField('left_scale', [validators.DataRequired()])
+ right = StringField('right_scale', [validators.DataRequired()])
+ question = StringField('question', [validators.DataRequired()])
+
+
+class UploadStimuliForm(Form):
+
+ type = RadioField('type', choices=[('text', 'text'), ('picture', 'picture'), ('video', 'video'), ('audio', 'audio')])
+ text = TextAreaField('Text stimulus')
+ media = TextAreaField('Media filename')
+ file = FileField('Upload file')
+ submit = SubmitField('Send')
+
+
+class EditPageForm(Form):
+
+ type = RadioField('type', choices=[('text', 'text'), ('picture', 'picture'), ('video', 'video'), ('audio', 'audio')])
+ text = TextAreaField('Text stimulus')
+ media = TextAreaField('Media filename')
+ file = FileField('Upload file')
+ submit = SubmitField('Send')
+
+
+class RemoveExperimentForm(Form):
+ remove = TextAreaField('Remove')
+ submit = SubmitField('Send')
+
diff --git a/app/messages.pot b/app/messages.pot
new file mode 100644
index 0000000..bcd5f63
--- /dev/null
+++ b/app/messages.pot
@@ -0,0 +1,19 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2018.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-11-04 17:30+0200\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.6.0\n"
+
diff --git a/app/models.py b/app/models.py
new file mode 100644
index 0000000..6115937
--- /dev/null
+++ b/app/models.py
@@ -0,0 +1,171 @@
+from app import db
+from sqlalchemy import Column, Integer, String
+from flask_sqlalchemy import SQLAlchemy
+from flask_wtf import FlaskForm
+from wtforms_sqlalchemy.fields import QuerySelectField, QuerySelectMultipleField
+from flask_bootstrap import Bootstrap
+from werkzeug.security import generate_password_hash, check_password_hash
+from flask_login import UserMixin
+from app import login
+
+
+"""DATABASE CLASSES"""
+
+
+class background_question(db.Model):
+ __tablename__ = "background_question"
+ idbackground_question = db.Column(db.Integer, primary_key=True)
+ background_question = db.Column(db.String(120))
+ answers = db.relationship('background_question_answer', backref='question', lazy='dynamic')
+ experiment_idexperiment = db.Column(db.Integer)
+
+ def __repr__(self):
+ return "<idbackground_question = '%s', background_question = '%s'>" % (self.idbackground_question, self.background_question)
+
+
+class background_question_option(db.Model):
+ __tablename__ = "background_question_option"
+ idbackground_question_option = db.Column(db.Integer, primary_key=True)
+ background_question_idbackground_question = db.Column(db.Integer, db.ForeignKey('background_question.idbackground_question'))
+ option = db.Column(db.String(120))
+
+
+ def __repr__(self):
+ return "<idbackground_question_option = '%s', background_question_idbackground_question = '%s', option = '%s'>" % (self.idbackground_question_option, self.background_question_idbackground_question, self.option)
+
+
+class experiment (db.Model):
+ __tablename__ = "experiment"
+ idexperiment = db.Column(db.Integer, primary_key=True)
+ name = db.Column(db.String(120), index=True)
+ instruction = db.Column(db.String(120), index=True)
+ directoryname = db.Column(db.String(120), index=True, unique=True)
+ language = db.Column(db.String(120))
+ status = db.Column(db.String(120))
+ randomization = db.Column(db.String(120))
+
+ def __repr__(self):
+ return "<idexperiment = '%s', name='%s', instruction='%s', directoryname='%s', language='%s', status='%s', randomization='%s'>" % (self.idexperiment, self.name, self.instruction, self.directoryname, self.language, self.status, self.randomization)
+
+
+class answer_set (db.Model):
+ __tablename__ = "answer_set"
+ idanswer_set = db.Column(db.Integer, primary_key=True)
+ experiment_idexperiment = db.Column(db.Integer, db.ForeignKey('experiment.idexperiment'))
+ session = db.Column(db.String(120))
+ agreement = db.Column(db.String(120))
+ answer_counter = db.Column(db.Integer)
+
+ def __repr__(self):
+ return "<idanswer_set = '%s', experiment_idexperiment = '%s', session = '%s', agreement = '%s', answer_counter = '%s'>" % (self.idanswer_set, self.experiment_idexperiment, self.session, self.agreement, self.answer_counter)
+
+
+class background_question_answer(db.Model):
+ __tablename__ = "background_question_answer"
+ idbackground_question_answer = db.Column(db.Integer, primary_key=True)
+ answer_set_idanswer_set = db.Column(db.Integer, db.ForeignKey('answer_set.idanswer_set'))
+ answer = db.Column(db.String(120))
+ background_question_idbackground_question = db.Column(db.Integer, db.ForeignKey('background_question.idbackground_question'))
+
+
+ def __repr__(self):
+ return "<idbackground_question_answer = '%s', answer_set_idanswer_set = '%s', answer = '%s', background_question_idbackground_question = '%s'>" % (self.idbackground_question_answer, self.answer_set_idanswer_set, self.answer, self.background_question_idbackground_question)
+ """
+
+ def __repr__(self):
+ return '<answer {}>'.format(self.answer)
+
+ """
+
+
+def background_question_answer_query():
+ return background_question_answer.query
+
+"""
+class ChoiceForm(FlaskForm):
+ opts = QuerySelectField(query_factory=background_question_answer_query, allow_blank=True)
+"""
+
+
+"""
+u = background_question.query.get(1)
+vastaukset = u.answers.all()
+## pitää sisällään kysymyksen 1 vastaukset
+"""
+
+
+class question (db.Model):
+ __tablename__ = "question"
+ idquestion = db.Column(db.Integer, primary_key=True)
+ experiment_idexperiment = db.Column(db.Integer, db.ForeignKey('experiment.idexperiment'))
+ question = db.Column(db.String(120))
+ left = db.Column(db.String(120))
+ right = db.Column(db.String(120))
+
+ def __repr__(self):
+ return "<idquestion = '%s', experiment_idexperiment = '%s', question = '%s', left = '%s', right = '%s'>" % (self.idquestion, self.experiment_idexperiment, self.question, self.left, self.right)
+
+
+class page (db.Model):
+ __tablename__ = "page"
+ idpage = db.Column(db.Integer, primary_key=True)
+ experiment_idexperiment = db.Column(db.Integer, db.ForeignKey('experiment.idexperiment'))
+ type = db.Column(db.String(120), index=True)
+ text = db.Column(db.String(120), index=True)
+ media = db.Column(db.String(120), index=True)
+ """
+ def __repr__(self):
+ return "<idpage = '%s', experiment_idexperiment = '%s', type = '%s', text = '%s', media = '%s'>" % (self.idpage, self.experiment_idexperiment, self.type, self.text, self.media)
+
+ def __repr__(self):
+ return '{}'.format(self.text)
+ """
+ def __repr__(self):
+ return "<idpage = '%s', experiment_idexperiment = '%s', type = '%s', text = '%s', media = '%s'>" % (self.idpage, self.experiment_idexperiment, self.type, self.text, self.media)
+
+
+class answer (db.Model):
+ __tablename__ = "answer"
+ idanswer = db.Column(db.Integer, primary_key=True)
+ question_idquestion = db.Column(db.Integer, db.ForeignKey('question.idquestion'))
+ answer_set_idanswer_set = db.Column(db.Integer, db.ForeignKey('answer_set.idanswer_set'))
+ answer = db.Column(db.String(120))
+ page_idpage = db.Column(db.Integer, db.ForeignKey('page.idpage'))
+
+ def __repr__(self):
+ return "<idanswer = '%s', question_idquestion = '%s', answer_set_idanswer_set = '%s', answer = '%s', page_idpage = '%s'>" % (self.idanswer, self.question_idquestion, self.answer_set_idanswer_set, self.answer, self.page_idpage)
+
+
+class trial_randomization (db.Model):
+ __tablename__ = "trial_randomization"
+ idtrial_randomization = db.Column(db.Integer, primary_key=True)
+ page_idpage = db.Column(db.Integer)
+ randomized_idpage = db.Column(db.Integer)
+ answer_set_idanswer_set = db.Column(db.Integer)
+ experiment_idexperiment = db.Column(db.Integer)
+
+ def __repr__(self):
+ return "<idtrial_randomization = '%s', page_idpage = '%s', randomized_idpage = '%s', answer_set_idanswer_set = '%s', experiment_idexperiment = '%s'>" % (self.idtrial_randomization, self.page_idpage, self.randomized_idpage, self.answer_set_idanswer_set, self.experiment_idexperiment)
+
+
+class user(UserMixin, db.Model):
+ __tablename__ = "user"
+ id = db.Column(db.Integer, primary_key=True)
+ username = db.Column(db.String(64), index=True, unique=True)
+ email = db.Column(db.String(120), index=True, unique=True)
+ password_hash = db.Column(db.String(128))
+
+ def __repr__(self):
+ return '<user {}>'.format(self.username)
+
+ def set_password(self, password):
+ self.password_hash = generate_password_hash(password)
+
+ def check_password(self, password):
+ return check_password_hash(self.password_hash, password)
+
+
+@login.user_loader
+def load_user(id):
+ return user.query.get(int(id))
+
\ No newline at end of file
diff --git a/app/rating_tool.py b/app/rating_tool.py
new file mode 100644
index 0000000..5223f6e
--- /dev/null
+++ b/app/rating_tool.py
@@ -0,0 +1,45 @@
+from app import app, db, babel
+from app.models import background_question, background_question_option
+from app.models import experiment
+from app.models import answer_set
+from app.models import background_question_answer
+from app.models import question, page, answer
+from app.models import user, trial_randomization
+
+
+
+@app.shell_context_processor
+def make_shell_context():
+ return {'db': db,
+ 'background_question': background_question,
+ 'background_question_option': background_question_option,
+ 'experiment': experiment,
+ 'answer_set': answer_set,
+ 'background_question_answer': background_question_answer,
+ 'question': question,
+ 'page': page,
+ 'answer': answer,
+ 'user': user,
+ 'trial_randomization': trial_randomization
+ }
+
+
+"""
+
+from app import app, db
+from app.models import Background_question, Background_question_answer
+from app.models import Experiment, Question, Answer_set
+from app.models import Page, Answer
+
+@app.shell_context_processor
+def make_shell_context():
+ return {'db': db,
+ 'Background_question': Background_question,
+ 'Background_question_answer': Background_question_answer,
+ 'Experiment': Experiment,
+ 'Question': Question,
+ 'Answer_set': Answer_set,
+ 'Page': Page,
+ 'Answer': Answer,
+ }
+"""
\ No newline at end of file
diff --git a/app/routes.py b/app/routes.py
new file mode 100644
index 0000000..b29fcd3
--- /dev/null
+++ b/app/routes.py
@@ -0,0 +1,1471 @@
+from app import app, db
+from flask import render_template, request
+from app.models import background_question, experiment
+from app.models import background_question_answer
+from app.models import page, question
+from app.models import background_question_option
+from app.models import answer_set, answer
+from flask import session
+from app.forms import LoginForm, RegisterForm
+from flask import flash, redirect
+from flask import url_for
+from wtforms_sqlalchemy.fields import QuerySelectField
+from app.forms import Answers, Questions
+from flask_bootstrap import Bootstrap
+from flask_sqlalchemy import SQLAlchemy, BaseQuery
+from app.forms import BackgroundQuestionForm
+from wtforms import Form, TextField, TextAreaField, validators, StringField, SubmitField
+from app.forms import TestForm, TestForm1, TestForm2, TaskForm
+from collections import OrderedDict
+from sqlalchemy import func, desc
+from app.forms import ContinueTaskForm
+from sqlalchemy import and_
+from app.models import user, trial_randomization
+from flask_login import current_user, login_user
+from flask_login import logout_user
+from flask_login import login_required
+from sqlalchemy import update
+from app.forms import StartWithIdForm
+import secrets
+from app.forms import CreateExperimentForm, CreateBackgroundQuestionForm, CreateQuestionForm, UploadStimuliForm, EditBackgroundQuestionForm, EditQuestionForm, EditExperimentForm
+from app.forms import EditPageForm, RemoveExperimentForm
+import os
+import random
+from flask import Flask, make_response
+import pyexcel as pe
+import io
+from io import BytesIO
+import csv
+from flask import send_file
+from flask import make_response
+from flask_babel import Babel
+from app import babel
+
+
+
+#Stimuli upload folder setting
+APP_ROOT = os.path.dirname(os.path.abspath(__file__))
+
+
+
+
+
+
+
+
+
+@app.route('/')
+@app.route('/index')
+def index():
+
+ experiments = experiment.query.all()
+ return render_template('index.html', title='Home', experiments=experiments)
+
+
+@app.route('/consent')
+def consent():
+ exp_id = request.args.get('exp_id', None)
+ experiments = experiment.query.all()
+ return render_template('consent.html', exp_id=exp_id, experiments=experiments)
+
+
+@app.route('/session')
+def participant_session():
+
+ #start session
+ session['exp_id'] = request.args.get('exp_id', None)
+ session['agree'] = request.args.get('agree', None)
+
+
+ #If user came via the route for "I have already a participant ID that I wish to use, Use that ID, otherwise generate a random ID
+
+ if 'begin_with_id' in session:
+
+ session['user'] = session['begin_with_id']
+ session.pop('begin_with_id', None)
+
+ else:
+
+ #lets generate a random id. If the same id is allready in db, lets generate a new one and finally use that in session['user']
+
+ random_id = secrets.token_hex(3)
+ check_id = answer_set.query.filter_by(session=random_id).first()
+
+ while check_id is not None:
+
+ #flash("ID already existed; generated a new one")
+ random_id = secrets.token_hex(3)
+ check_id = answer_set.query.filter_by(session=random_id).first()
+
+
+
+ session['user'] = random_id
+
+
+ #create answer set for the participant in the database
+ participant_answer_set = answer_set(experiment_idexperiment=session['exp_id'], session=session['user'], agreement = session['agree'], answer_counter = '0')
+ db.session.add(participant_answer_set)
+ db.session.commit()
+
+
+
+ #If trial randomization is set to 'On' for the experiment, create a randomized trial order for this participant
+ #identification is based on the uniquie answer set id
+
+ exp_status = experiment.query.filter_by(idexperiment=session['exp_id']).first()
+
+ if exp_status.randomization == 'On':
+
+ session['randomization'] = 'On'
+
+ #flash("answer_set_id")
+ #flash(participant_answer_set.idanswer_set)
+
+ #create a list of page id:s for the experiment
+ experiment_pages = page.query.filter_by(experiment_idexperiment=session['exp_id']).all()
+ original_id_order_list = [(int(o.idpage)) for o in experiment_pages]
+
+
+ #flash("original Page id order:")
+ #for a in range(len(original_id_order_list)):
+
+ #flash(original_id_order_list[a])
+
+ #create a randomized page id list
+ helper_list = original_id_order_list
+ randomized_order_list = []
+
+ for i in range(len(helper_list)):
+
+ element = random.choice(helper_list)
+ helper_list.remove(element)
+ randomized_order_list.append(element)
+
+
+ #Input values into trial_randomization table where the original page_ids have a corresponding randomized counterpart
+ experiment_pages = page.query.filter_by(experiment_idexperiment=session['exp_id']).all()
+ original_id_order_list = [(int(o.idpage)) for o in experiment_pages]
+
+ for c in range(len(original_id_order_list)):
+
+ random_page = trial_randomization(page_idpage=original_id_order_list[c], randomized_idpage=randomized_order_list[c], answer_set_idanswer_set = participant_answer_set.idanswer_set, experiment_idexperiment = session['exp_id'])
+ db.session.add(random_page)
+ db.session.commit()
+
+ if exp_status.randomization == "Off":
+
+ session['randomization'] = "Off"
+
+
+
+
+ #store participants session id in session list as answer_set
+
+ #old: was missing experiment id so made duplicates
+ #session_id_for_participant = answer_set.query.filter_by(session=session['user']).first()
+
+ #store participants session id in session list as answer_set, based on experiment id and session id
+ session_id_for_participant = answer_set.query.filter(and_(answer_set.session==session['user'], answer_set.experiment_idexperiment==session['exp_id'])).first()
+ session['answer_set'] = session_id_for_participant.idanswer_set
+
+ #collect experiments mediatype from db to session['type'].
+ #This is later used in task.html to determine page layout based on stimulus type
+ mediatype = page.query.filter_by(experiment_idexperiment=session['exp_id']).first()
+
+ if mediatype:
+ session['type'] = mediatype.type
+ else:
+ flash('No pages or mediatype set for experiment')
+ return redirect('/')
+
+
+ if 'user' in session:
+ user = session['user']
+ #flash('Session started for user {}'.format(user))
+ return redirect('/register')
+
+ return "Session start failed return <a href = '/login'></b>" + "Home</b></a>"
+
+
+@app.route('/register', methods=['GET', 'POST'])
+def register():
+
+
+ form = RegisterForm(request.form)
+ questions_and_options = {}
+ questions = background_question.query.filter_by(experiment_idexperiment=session['exp_id']).all()
+
+ for q in questions:
+
+ options = background_question_option.query.filter_by(background_question_idbackground_question=q.idbackground_question).all()
+ options_list = [(o.option, o.idbackground_question_option) for o in options]
+ questions_and_options[q.idbackground_question, q.background_question] = options_list
+
+
+ form.questions1 = questions_and_options
+
+ if request.method == 'POST'and form.validate():
+
+ data = request.form.to_dict()
+ for key, value in data.items():
+
+
+ #tähän db insertit
+
+ #flash(key)
+ #flash(value)
+ #Input registration page answers to database
+ participant_background_question_answers = background_question_answer(answer_set_idanswer_set=session['answer_set'], answer=value, background_question_idbackground_question=key)
+ db.session.add(participant_background_question_answers)
+ db.session.commit()
+
+ return redirect('/instructions')
+
+
+ return render_template('register.html', form=form)
+
+
+@app.route('/task_completed')
+def task_completed():
+
+ session.pop('user', None)
+ session.pop('exp_id', None)
+ session.pop('agree', None)
+ session.pop('answer_set', None)
+ session.pop('type', None)
+ session.pop('randomization', None)
+
+
+ return render_template('task_completed.html')
+
+
+@app.route('/continue_task', methods=['GET', 'POST'])
+def continue_task():
+
+
+ exp_id = request.args.get('exp_id', None)
+ form = ContinueTaskForm()
+
+
+ if form.validate_on_submit():
+
+ #check if participant ID is found from db and that the answer set is linked to the correct experiment
+ participant = answer_set.query.filter(and_(answer_set.session==form.participant_id.data, answer_set.experiment_idexperiment==exp_id)).first()
+ if participant is None:
+ flash('Invalid ID')
+ return redirect(url_for('continue_task', exp_id=exp_id))
+
+ #flash('Login requested for participant {}'.format(form.participant_id.data))
+
+ #if correct participant_id is found with the correct experiment ID; start session for that user
+ session['exp_id'] = exp_id
+ session['user'] = form.participant_id.data
+ session['answer_set'] = participant.idanswer_set
+ mediatype = page.query.filter_by(experiment_idexperiment=session['exp_id']).first()
+
+ rand = experiment.query.filter_by(idexperiment=session['exp_id']).first()
+
+ session['randomization'] = rand.randomization
+
+ if mediatype:
+ session['type'] = mediatype.type
+ else:
+ flash('No pages or mediatype set for experiment')
+ return redirect('/')
+
+
+ #If participant has done just the registration redirect to the first page of the experiment
+ if participant.answer_counter == 0:
+ #flash("Ei vastauksia ohjataan ekalle sivulle")
+ return redirect( url_for('task', page_num=1))
+
+
+ redirect_to_page = participant.answer_counter + 1
+
+
+ #flash("redirect to page:")
+ #flash(redirect_to_page)
+
+ experiment_page_count = db.session.query(page).filter_by(experiment_idexperiment=session['exp_id']).count()
+
+ #If participant has ansvered all pages allready redirect to task completed page
+ if experiment_page_count == participant.answer_counter:
+
+ return redirect( url_for('task_completed'))
+
+
+ return redirect( url_for('task', page_num=redirect_to_page))
+
+ return render_template('continue_task.html', exp_id=exp_id, form=form)
+
+
+@app.route('/begin_with_id', methods=['GET', 'POST'])
+def begin_with_id():
+
+
+ exp_id = request.args.get('exp_id', None)
+ form = StartWithIdForm()
+
+ if form.validate_on_submit():
+
+ #check if participant ID is found from db with this particular ID. If a match is found inform about error
+ participant = answer_set.query.filter(and_(answer_set.session==form.participant_id.data, answer_set.experiment_idexperiment==exp_id)).first()
+ if participant is not None:
+ flash('ID already in use')
+ return redirect(url_for('begin_with_id', exp_id=exp_id))
+
+ #if there was not a participant already in DB:
+ if participant is None:
+ #save the participant ID in session list for now, this is deleted after the session has been started in participant_session-view
+ session['begin_with_id'] = form.participant_id.data
+ return render_template('consent.html', exp_id=exp_id)
+
+
+ return render_template('begin_with_id.html', exp_id=exp_id, form=form)
+
+
+@app.route('/create_task')
+def create_task():
+ return render_template('create_task.html')
+
+
+@app.route('/instructions')
+def instructions():
+
+ participant_id = session['user']
+ instructions = experiment.query.filter_by(idexperiment = session['exp_id']).all()
+ return render_template('instructions.html', instructions=instructions, participant_id=participant_id)
+
+
+@app.route('/task/<int:page_num>', methods=['GET', 'POST'])
+def task(page_num):
+
+ pages = page.query.filter_by(experiment_idexperiment=session['exp_id']).paginate(per_page=1, page=page_num, error_out=True)
+ progress_bar_percentage = round((pages.page/pages.pages)*100)
+
+ #this variable is feeded to the template as empty if trial randomization is set to "off"
+ randomized_stimulus = ""
+
+
+
+ #if trial randomization is on we will still use the same functionality that is used otherwise
+ #but we will pass the randomized pair of the page_id from trial randomization table to the task.html
+ if session['randomization'] == 'On':
+
+
+ randomized_page_id = trial_randomization.query.filter(and_(trial_randomization.answer_set_idanswer_set==session['answer_set'], trial_randomization.page_idpage==pages.items[0].idpage)).first()
+ #answer.query.filter(and_(answer.answer_set_idanswer_set==session['answer_set'], answer.page_idpage==session['current_idpage'])).first()
+ #flash("randomized page:")
+ #flash(randomized_page_id.randomized_idpage)
+ #set the stimulus to be shown if randomization is on
+ randomized_stimulus = page.query.filter_by(idpage=randomized_page_id.randomized_idpage).first()
+
+
+
+ for p in pages.items:
+ session['current_idpage'] = p.idpage
+
+ #slider set
+ form = TaskForm(request.form)
+ categories_and_scales = {}
+ categories = question.query.filter_by(experiment_idexperiment=session['exp_id']).all()
+
+ for cat in categories:
+
+ scale_list = [(cat.left, cat.right)]
+ categories_and_scales[cat.idquestion, cat.question] = scale_list
+
+ form.categories1 = categories_and_scales
+
+
+ #slider set form handling
+ if request.method == 'POST'and form.validate():
+
+
+ #Lets check if there are answers in database already for this page_id (eg. if user returned to previous page and tried to answer again)
+ #If so flash ("Page has been answered already. Answers discarded"), else insert values in to db
+ #this has to be done separately for trial randomization "on" and "off" situations
+
+ if session['randomization'] == 'On':
+
+ check_answer = answer.query.filter(and_(answer.answer_set_idanswer_set==session['answer_set'], answer.page_idpage==randomized_page_id.randomized_idpage)).first()
+
+ if session['randomization'] == 'Off':
+
+ check_answer = answer.query.filter(and_(answer.answer_set_idanswer_set==session['answer_set'], answer.page_idpage==session['current_idpage'])).first()
+
+
+
+ if check_answer is None:
+
+ update_answer_counter = answer_set.query.filter_by(idanswer_set=session['answer_set']).first()
+ update_answer_counter.answer_counter = int(update_answer_counter.answer_counter) + 1
+
+ #flash("vastauksia:")
+ #flash(update_answer_counter.answer_counter)
+ db.session.commit()
+
+ data = request.form.to_dict()
+ for key, value in data.items():
+
+ #flash(key)
+ #flash(value)
+ #flash(session['current_idpage'])
+
+
+ #Insert slider values to database
+
+
+ #If trial randomization is set to 'Off' the values are inputted for session['current_idpage']
+ #Otherwise the values are set for the corresponding id found in the trial randomization table
+
+ if session['randomization'] == 'Off':
+
+ participant_answer = answer(question_idquestion=key, answer_set_idanswer_set=session['answer_set'], answer=value, page_idpage=session['current_idpage'])
+ db.session.add(participant_answer)
+ db.session.commit()
+
+ else:
+
+ participant_answer = answer(question_idquestion=key, answer_set_idanswer_set=session['answer_set'], answer=value, page_idpage=randomized_page_id.randomized_idpage)
+ db.session.add(participant_answer)
+ db.session.commit()
+
+
+ else:
+ flash("Page has been answered already. Answers discarded")
+
+ page_num=pages.next_num
+
+ if pages.has_next:
+ return redirect( url_for('task', page_num=pages.next_num))
+
+ return redirect ( url_for('task_completed'))
+
+
+ return render_template('task.html', pages=pages, progress_bar_percentage=progress_bar_percentage, form=form, randomized_stimulus=randomized_stimulus)
+
+
+
+@app.route('/quit_task')
+def quit_task():
+
+ user_id = session['user']
+ session.pop('user', None)
+ session.pop('exp_id', None)
+ session.pop('agree', None)
+ session.pop('answer_set', None)
+ session.pop('type', None)
+
+ return render_template('quit_task.html', user_id=user_id)
+
+
+@app.route('/researcher_login', methods=['GET', 'POST'])
+def login():
+ if current_user.is_authenticated:
+ flash("allready logged in")
+ return redirect(url_for('index'))
+ form = LoginForm()
+ if form.validate_on_submit():
+ user_details = user.query.filter_by(username=form.username.data).first()
+ if user_details is None or not user_details.check_password(form.password.data):
+ flash('Invalid username or password')
+ return redirect(url_for('login'))
+ login_user(user_details, remember=form.remember_me.data)
+ return redirect(url_for('index'))
+
+# flash('Login requested for user {}, remember_me={}'.format(
+# form.username.data, form.remember_me.data))
+# return redirect('/index')
+ return render_template('researcher_login.html', title='Sign In', form=form)
+
+
+@app.route('/logout')
+def logout():
+ logout_user()
+ return redirect(url_for('index'))
+
+
+@app.route('/experiment_statistics')
+@login_required
+def experiment_statistics():
+
+ exp_id = request.args.get('exp_id', None)
+
+ experiment_info = experiment.query.filter_by(idexperiment = exp_id).all()
+ participants = answer_set.query.filter_by(experiment_idexperiment= exp_id).all()
+
+ participants_and_answers = {}
+
+ for participant in participants:
+
+ answers = answer.query.filter_by(answer_set_idanswer_set=participant.idanswer_set).all()
+ answers_list = [(a.idanswer, a.question_idquestion, a.answer_set_idanswer_set, a.answer, a.page_idpage) for a in answers]
+ participants_and_answers[participant.session] = answers_list
+
+
+
+ pages = page.query.filter_by(experiment_idexperiment=exp_id).all()
+ pages_and_questions = {}
+
+ for p in pages:
+
+ questions = question.query.filter_by(experiment_idexperiment=exp_id).all()
+ questions_list = [(p.idpage, a.question) for a in questions]
+ pages_and_questions[p.idpage] = questions_list
+
+
+ bg_questions = background_question.query.filter_by(experiment_idexperiment=exp_id).all()
+ bg_answers_for_participants = {}
+
+ for participant in participants:
+
+ bg_answers = background_question_answer.query.filter_by(answer_set_idanswer_set=participant.idanswer_set).all()
+ bg_answers_list = [(a.answer) for a in bg_answers]
+ bg_answers_for_participants[participant.session] = bg_answers_list
+
+
+ started_ratings = answer_set.query.filter_by(experiment_idexperiment=exp_id).count()
+
+
+
+ return render_template('experiment_statistics.html', experiment_info=experiment_info, participants_and_answers=participants_and_answers, pages_and_questions=pages_and_questions, bg_questions=bg_questions, bg_answers_for_participants=bg_answers_for_participants, started_ratings=started_ratings)
+
+
+
+#EDIT FUNCTIONS
+
+@app.route('/create_experiment', methods=['GET', 'POST'])
+@login_required
+def create_experiment():
+
+ form = CreateExperimentForm(request.form)
+
+
+ if request.method == 'POST' and form.validate():
+
+ new_exp = experiment(name=request.form['name'], instruction=request.form['instruction'], language=request.form['language'], status='Hidden', randomization='Off')
+ db.session.add(new_exp)
+ db.session.commit()
+
+ #flash("lol")
+ #flash(new_exp.idexperiment)
+
+ exp_id = new_exp.idexperiment
+
+ #data = request.form.to_dict()
+ #for key, value in data.items():
+ #tähän db insertit
+
+ #flash(key)
+ #flash(value)
+ #flash('{}'.format(form.name.data))
+
+ #Input registration page answers to database
+ # participant_background_question_answers = background_question_answer(answer_set_idanswer_set=session['answer_set'], answer=value, background_question_idbackground_question=key)
+ # db.session.add(participant_background_question_answers)
+ # db.session.commit()
+
+ return redirect(url_for('create_experiment_bgquestions', exp_id=exp_id))
+
+ return render_template('create_experiment.html', form=form)
+
+
+
+@app.route('/create_experiment_bgquestions', methods=['GET', 'POST'])
+@login_required
+def create_experiment_bgquestions():
+
+ exp_id = request.args.get('exp_id', None)
+ form = CreateBackgroundQuestionForm(request.form)
+
+ if request.method == 'POST' and form.validate():
+
+ #data = request.form.to_dict()
+
+ #flash(data)
+ #flash(form.bg_questions_and_options.data)
+
+
+ str = form.bg_questions_and_options.data
+
+ #Split the form data into a list that separates questions followed by the corresponding options
+ str_list = str.split('/n')
+
+ #Iterate through the questions and options list
+ for a in range(len(str_list)):
+
+ #Split the list cells further into questions and options
+ list = str_list[a].split(';')
+
+ #flash(list[0])
+ #flash("id oikein?")
+ #flash(add_bgquestion.idbackground_question)
+
+
+ #Input the first item of the list as a question in db and the items followed by that as options for that question
+ for x in range(len(list)):
+
+ if x == 0:
+ #flash("Kysymys")
+ #flash(list[x])
+ add_bgquestion = background_question(background_question=list[x], experiment_idexperiment=exp_id)
+ db.session.add(add_bgquestion)
+ db.session.commit()
+
+ else:
+ #flash("optio")
+ #flash(list[x])
+ add_bgq_option = background_question_option(background_question_idbackground_question=add_bgquestion.idbackground_question, option=list[x])
+ db.session.add(add_bgq_option)
+ db.session.commit()
+
+ return redirect(url_for('create_experiment_questions', exp_id=exp_id))
+
+ return render_template('create_experiment_bgquestions.html', form=form, exp_id=exp_id)
+
+
+@app.route('/create_experiment_questions', methods=['GET', 'POST'])
+@login_required
+def create_experiment_questions():
+
+ exp_id = request.args.get('exp_id', None)
+
+ form = CreateQuestionForm(request.form)
+
+ if request.method == 'POST' and form.validate():
+
+ str = form.questions_and_options.data
+
+ str_list = str.split('/n')
+
+ for a in range(len(str_list)):
+
+ list = str_list[a].split(';')
+
+ #If there are the right amount of values for the slider input values
+ if len(list) == 3:
+
+ #flash("Question:")
+ #flash(list[0])
+ #flash("Left:")
+ #flash(list[1])
+ #flash("Right:")
+ #flash(list[2])
+
+ add_question = question(experiment_idexperiment=exp_id, question=list[0], left=list[1], right=list[2])
+ db.session.add(add_question)
+ db.session.commit()
+
+
+ #If slider has too many or too litlle parameters give an error and redirect back to input form
+ else:
+ flash("Error Each slider must have 3 parameters separated by ; Some slider has:")
+ flash(len(list))
+
+ return redirect(url_for('create_experiment_questions', exp_id=exp_id))
+
+ return redirect(url_for('create_experiment_upload_stimuli', exp_id=exp_id))
+
+ return render_template('create_experiment_questions.html', form=form)
+
+
+@app.route('/create_experiment_upload_stimuli', methods=['GET', 'POST'])
+@login_required
+def create_experiment_upload_stimuli():
+
+ exp_id = request.args.get('exp_id', None)
+
+ form = UploadStimuliForm(request.form)
+
+ if request.method == 'POST' and form.validate():
+
+ #flash("validated")
+ #flash(form.type.data)
+ #flash(form.text.data)
+
+
+ #If stimulus type is text lets parse the information and insert it to database
+
+ if form.type.data == 'text':
+
+ #flash("db insert text")
+
+ string = form.text.data
+ str_list = string.split('/n')
+
+ for a in range(len(str_list)):
+
+ #flash("lisättiin:")
+ #flash(str_list[a])
+ add_text_stimulus = page(experiment_idexperiment=exp_id, type='text', text=str_list[a], media='none')
+ db.session.add(add_text_stimulus)
+ db.session.commit()
+
+ #flash("Succes!")
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+
+ else:
+
+ #Upload stimuli into /static/experiment_stimuli/exp_id folder
+ #Create the pages for the stimuli by inserting experiment_id, stimulus type, text and names of the stimulus files (as a path to the folder)
+ path = 'static/experiment_stimuli/' + str(exp_id)
+
+ target = os.path.join(APP_ROOT, path)
+ #flash(target)
+
+ if not os.path.isdir(target):
+ os.mkdir(target)
+ #flash("make dir")
+
+
+ #This returns a list of filenames: request.files.getlist("file")
+
+ for file in request.files.getlist("file"):
+
+ #save files in the correct folder
+ #flash(file.filename)
+ filename = file.filename
+ destination = "/".join([target, filename])
+ #flash("destination")
+ #flash(destination)
+ file.save(destination)
+
+ #add pages to the db
+ db_path = path + str('/') + str(filename)
+
+ #flash("db path")
+ #flash(db_path)
+
+ new_page = page(experiment_idexperiment=exp_id, type=form.type.data, media=db_path)
+
+ db.session.add(new_page)
+ db.session.commit()
+
+ #flash("Succes!")
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+ return redirect(url_for('create_experiment_upload_stimuli', exp_id=exp_id))
+
+ return render_template('create_experiment_upload_stimuli.html', form=form)
+
+
+@app.route('/view_experiment')
+@login_required
+def view_experiment():
+
+ #crap:3lines
+ exp_id = request.args.get('exp_id', None)
+ media = page.query.filter_by(experiment_idexperiment=exp_id).paginate(per_page=20, page=1, error_out=True)
+ mtype = page.query.filter_by(experiment_idexperiment=exp_id).first()
+
+ #experiment info
+ experiment_info = experiment.query.filter_by(idexperiment = exp_id).all()
+
+ #background questions
+ questions_and_options = {}
+ questions = background_question.query.filter_by(experiment_idexperiment=exp_id).all()
+
+ for q in questions:
+
+ options = background_question_option.query.filter_by(background_question_idbackground_question=q.idbackground_question).all()
+ options_list = [(o.option, o.idbackground_question_option) for o in options]
+ questions_and_options[q.idbackground_question, q.background_question] = options_list
+
+ questions1 = questions_and_options
+
+ #sliderset
+ categories_and_scales = {}
+ categories = question.query.filter_by(experiment_idexperiment=exp_id).all()
+
+ for cat in categories:
+
+ scale_list = [(cat.left, cat.right)]
+ categories_and_scales[cat.idquestion, cat.question] = scale_list
+
+ categories1 = categories_and_scales
+
+
+ return render_template('view_experiment.html', exp_id=exp_id, media=media, mtype=mtype, experiment_info=experiment_info, categories1=categories1, questions1=questions1)
+
+
+@app.route('/edit_experiment', methods=['GET', 'POST'])
+@login_required
+def edit_experiment():
+
+ exp_id = request.args.get('exp_id', None)
+
+ current_experiment = experiment.query.filter_by(idexperiment=exp_id).first()
+
+ form = EditExperimentForm(request.form, obj=current_experiment)
+ form.language.default = current_experiment.language
+
+ if request.method == 'POST' and form.validate():
+
+ form.populate_obj(current_experiment)
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+ return render_template('edit_experiment.html', form=form, exp_id=exp_id)
+
+
+
+
+
+@app.route('/edit_bg_question', methods=['GET', 'POST'])
+@login_required
+def edit_bg_question():
+
+
+ bg_question_id = request.args.get('idbackground_question', None)
+
+
+ #Search for the right question and for the right options. Form a string of those separated with ";" and insert the
+ #formed string into the edit form
+ current_bg_question = background_question.query.filter_by(idbackground_question=bg_question_id).first()
+ exp_id=current_bg_question.experiment_idexperiment
+ question_string = current_bg_question.background_question
+ options = background_question_option.query.filter_by(background_question_idbackground_question=bg_question_id).all()
+
+ for o in range(len(options)):
+
+ question_string = str(question_string) + str("; ") + str(options[o].option)
+
+ form = EditBackgroundQuestionForm(request.form)
+ form.bg_questions_and_options.data = question_string
+
+ #After user chooses to update the question and options lets replace the old question and options with the ones from the form
+ if request.method == 'POST' and form.validate():
+
+
+ #Explode the string with new values from the form
+ form_values = form.new_values.data
+ form_values_list = form_values.split(';')
+
+ #Check and remove possible whitespaces from string beginnings with lstrip
+ for x in range(len(form_values_list)):
+
+ form_values_list[x] = form_values_list[x].lstrip()
+
+ #Cycle through strings and update db
+ for x in range(len(form_values_list)):
+
+ #Replace question and update the object to database
+ if x == 0:
+
+
+ #flash("delete kys:")
+ #flash(current_bg_question.background_question)
+ #flash("insert kys:")
+ current_bg_question.background_question = form_values_list[x]
+ #flash(current_bg_question.background_question)
+ #flash(current_bg_question.idbackground_question)
+ #flash(current_bg_question.experiment_idexperiment)
+
+ db.session.commit()
+
+ #Delete old options from db
+ for o in options:
+
+ db.session.delete(o)
+ db.session.commit()
+
+ #Insert new options to db
+ else:
+
+
+ #flash("insert opt:")
+ #flash(form_values_list[x])
+ new_option = background_question_option(background_question_idbackground_question=current_bg_question.idbackground_question, option=form_values_list[x])
+ db.session.add(new_option)
+ db.session.commit()
+
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+ return render_template('edit_bg_question.html', form=form, exp_id=exp_id)
+
+
+
+@app.route('/edit_question', methods=['GET', 'POST'])
+@login_required
+def edit_question():
+
+
+ question_id = request.args.get('idquestion', None)
+
+ current_question = question.query.filter_by(idquestion=question_id).first()
+
+ form = EditQuestionForm(request.form, obj=current_question)
+
+
+ if request.method == 'POST' and form.validate():
+
+ form.populate_obj(current_question)
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=current_question.experiment_idexperiment))
+
+ return render_template('edit_question.html', form=form)
+
+
+
+@app.route('/add_bg_question', methods=['GET', 'POST'])
+@login_required
+def add_bg_question():
+
+ exp_id = request.args.get('exp_id', None)
+ form = CreateBackgroundQuestionForm(request.form)
+
+ if request.method == 'POST' and form.validate():
+
+ str = form.bg_questions_and_options.data
+
+ #Split the form data into a list that separates questions followed by the corresponding options
+ str_list = str.split('/n')
+
+ #Iterate through the questions and options list
+ for a in range(len(str_list)):
+
+ #Split the list cells further into questions and options
+ list = str_list[a].split(';')
+
+ #Input the first item of the list as a question in db and the items followed by that as options for that question
+ for x in range(len(list)):
+
+ if x == 0:
+ #flash("Kysymys")
+ #flash(list[x])
+ add_bgquestion = background_question(background_question=list[x], experiment_idexperiment=exp_id)
+ db.session.add(add_bgquestion)
+ db.session.commit()
+
+ else:
+ #flash("optio")
+ #flash(list[x])
+ add_bgq_option = background_question_option(background_question_idbackground_question=add_bgquestion.idbackground_question, option=list[x])
+ db.session.add(add_bgq_option)
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+ return render_template('add_bg_question.html', form=form)
+
+
+
+@app.route('/add_questions', methods=['GET', 'POST'])
+@login_required
+def add_questions():
+
+ exp_id = request.args.get('exp_id', None)
+ form = CreateQuestionForm(request.form)
+
+ if request.method == 'POST' and form.validate():
+
+ str = form.questions_and_options.data
+ str_list = str.split('/n')
+
+ for a in range(len(str_list)):
+
+ list = str_list[a].split(';')
+
+ #If there are the right amount of values for the slider input values
+ if len(list) == 3:
+
+ #flash("Question:")
+ #flash(list[0])
+ #flash("Left:")
+ #flash(list[1])
+ #flash("Right:")
+ #flash(list[2])
+
+ add_question = question(experiment_idexperiment=exp_id, question=list[0], left=list[1], right=list[2])
+ db.session.add(add_question)
+ db.session.commit()
+
+ #If slider has too many or too litlle parameters give an error and redirect back to input form
+ else:
+ flash("Error Each slider must have 3 parameters separated by ; Some slider has:")
+ flash(len(list))
+
+ return redirect(url_for('create_experiment_questions', exp_id=exp_id))
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+ return render_template('add_questions.html', form=form)
+
+
+
+#Remove functions
+
+
+@app.route('/remove_bg_question')
+@login_required
+def remove_bg_question():
+
+ exp_id = request.args.get('exp_id', None)
+ remove_id = request.args.get('idbackground_question', None)
+
+ remove_options = background_question_option.query.filter_by(background_question_idbackground_question=remove_id).all()
+
+ for a in range(len(remove_options)):
+
+ #flash(remove_options[a].idbackground_question_option)
+
+ db.session.delete(remove_options[a])
+ db.session.commit()
+
+
+ remove_question = background_question.query.filter_by(idbackground_question=remove_id).first()
+
+ db.session.delete(remove_question)
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+
+
+@app.route('/remove_question')
+@login_required
+def remove_question():
+
+ exp_id = request.args.get('exp_id', None)
+ remove_id = request.args.get('idquestion', None)
+
+ remove_question = question.query.filter_by(idquestion=remove_id).first()
+
+ db.session.delete(remove_question)
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+@app.route('/remove_experiment', methods=['GET', 'POST'])
+@login_required
+def remove_experiment():
+
+ exp_id = request.args.get('exp_id', None)
+
+ form = RemoveExperimentForm(request.form)
+
+ if request.method == 'POST' and form.validate():
+
+ if form.remove.data == 'DELETE':
+
+
+ #This removes all experiment data from the database!
+
+
+ #Tables
+
+ #background_question_option & background_question & background question answers:
+ remove_background_question = background_question.query.filter_by(experiment_idexperiment=exp_id).all()
+
+ #cycle through all bg questions and delete their options
+ for a in range(len(remove_background_question)):
+
+ remove_background_question_option = background_question_option.query.filter_by(background_question_idbackground_question=remove_background_question[a].idbackground_question).all()
+
+ for b in range(len(remove_background_question_option)):
+
+ db.session.delete(remove_background_question_option[b])
+ db.session.commit()
+
+
+ #Remove all background questions and all answers given to each bg question
+ for a in range(len(remove_background_question)):
+
+ remove_background_question_answers = background_question_answer.query.filter_by(background_question_idbackground_question=remove_background_question[a].idbackground_question).all()
+
+ for b in range(len(remove_background_question_answers)):
+
+ db.session.delete(remove_background_question_answers[b])
+ db.session.commit()
+
+ db.session.delete(remove_background_question[a])
+ db.session.commit()
+
+
+
+ #Remove all questions and answers
+ remove_question = question.query.filter_by(experiment_idexperiment=exp_id).all()
+
+ for a in range(len(remove_question)):
+
+ remove_question_answers = answer.query.filter_by(question_idquestion=remove_question[a].idquestion).all()
+
+ for b in range(len(remove_question_answers)):
+
+ db.session.delete(remove_question_answers[b])
+ db.session.commit()
+
+ db.session.delete(remove_question[a])
+ db.session.commit()
+
+
+ #Remove all pages and datafiles
+ remove_pages = page.query.filter_by(experiment_idexperiment=exp_id).all()
+
+ for a in range(len(remove_pages)):
+
+ if remove_pages[a].type == 'text':
+
+ db.session.delete(remove_page[a])
+ db.session.commit()
+
+ else:
+
+ target = os.path.join(APP_ROOT, remove_pages[a].media)
+
+ if os.path.exists(target):
+ os.remove(target)
+
+ #Now that the files are removed we can delete the page
+ db.session.delete(remove_pages[a])
+ db.session.commit()
+
+
+ #Remove all answer_sets and trial_randomization orders
+ remove_answer_set = answer_set.query.filter_by(experiment_idexperiment=exp_id).all()
+
+ for a in range(len(remove_answer_set)):
+
+ remove_trial_randomizations = trial_randomization.query.filter_by(answer_set_idanswer_set=remove_answer_set[a].idanswer_set).all()
+
+ for b in range(len(remove_trial_randomizations)):
+
+ db.session.delete(remove_trial_randomizations[b])
+ db.session.commit()
+
+ db.session.delete(remove_answer_set[a])
+ db.session.commit()
+
+
+ #Remove experiment table
+ remove_experiment = experiment.query.filter_by(idexperiment=exp_id).first()
+ db.session.delete(remove_experiment)
+ db.session.commit()
+
+
+ flash("Experiment was removed from database!")
+
+ return redirect(url_for('index'))
+
+ else:
+
+ flash("Experiment was not removed!")
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+
+ return render_template('remove_experiment.html', form=form, exp_id=exp_id)
+
+
+
+@app.route('/remove_page')
+@login_required
+def remove_page():
+
+ exp_id = request.args.get('exp_id', None)
+ remove_id = request.args.get('idpage', None)
+ remove_page = page.query.filter_by(idpage=remove_id).first()
+ experiment_pages = page.query.filter_by(experiment_idexperiment=exp_id).all()
+
+ #if stimulustype is text, the stimulus itself is text on the database, other stimulus types are real files
+ #on the server and need to be deleted
+ if remove_page.type != 'text':
+
+ #helper variable
+ do_not_delete_file = 'False'
+
+ #if the file to be deleted is in duplicate use of another page then we won't delete the file
+ for a in range(len(experiment_pages)):
+
+ #flash("in da for")
+
+ if experiment_pages[a].media == remove_page.media and experiment_pages[a].idpage != remove_page.idpage:
+
+ #flash("in da if")
+ do_not_delete_file = 'True'
+
+ #If no other page is using the file then lets remove it
+ if do_not_delete_file == 'False':
+ #remove old file
+ target = os.path.join(APP_ROOT, remove_page.media)
+ #flash("Remove:")
+ #flash(target)
+ os.remove(target)
+
+ db.session.delete(remove_page)
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+ if remove_page.type == 'text':
+
+ db.session.delete(remove_page)
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+@app.route('/publish_experiment')
+@login_required
+def publish_experiment():
+
+ exp_id = request.args.get('exp_id', None)
+
+ publish_experiment = experiment.query.filter_by(idexperiment = exp_id).first()
+
+ publish_experiment.status = 'Public'
+
+ flash("Changed status to Public")
+
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+@app.route('/hide_experiment')
+@login_required
+def hide_experiment():
+
+ exp_id = request.args.get('exp_id', None)
+
+ hide_experiment = experiment.query.filter_by(idexperiment = exp_id).first()
+
+ hide_experiment.status = 'Hidden'
+
+ flash("Changed status to Hidden")
+
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+@app.route('/enable_randomization')
+@login_required
+def enable_randomization():
+
+ exp_id = request.args.get('exp_id', None)
+
+ enable_randomization = experiment.query.filter_by(idexperiment = exp_id).first()
+
+ enable_randomization.randomization = 'On'
+
+ flash("Enabled trial randomization")
+
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+@app.route('/disable_randomization')
+@login_required
+def disable_randomization():
+
+ exp_id = request.args.get('exp_id', None)
+
+ disable_randomization = experiment.query.filter_by(idexperiment = exp_id).first()
+
+ disable_randomization.randomization = 'Off'
+
+ flash("Disabled trial randomization")
+
+ db.session.commit()
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+@app.route('/edit_stimuli', methods=['GET', 'POST'])
+@login_required
+def edit_stimuli():
+
+ exp_id = request.args.get('exp_id', None)
+ page_id = request.args.get('idpage', None)
+ edit_page = page.query.filter_by(idpage=page_id).first()
+
+
+
+ form = EditPageForm(request.form, obj=edit_page)
+
+ if request.method == 'POST' and form.validate():
+
+
+ #If the stimulus type is not text, then the old stimulus file is deleted from os and replaced
+ if edit_page.type != 'text':
+
+ #remove old file
+ target = os.path.join(APP_ROOT, edit_page.media)
+ #flash("Remove:")
+ #flash(target)
+ os.remove(target)
+
+ #upload new file
+
+ path = 'static/experiment_stimuli/' + str(exp_id)
+
+ target = os.path.join(APP_ROOT, path)
+ #flash(target)
+
+ if not os.path.isdir(target):
+ os.mkdir(target)
+ #flash("make dir")
+
+
+ #This returns a list of filenames: request.files.getlist("file")
+
+ for file in request.files.getlist("file"):
+
+ #save files in the correct folder
+ #flash(file.filename)
+ filename = file.filename
+ destination = "/".join([target, filename])
+ #flash("destination")
+ #flash(destination)
+ file.save(destination)
+
+ #update db object
+ db_path = path + str('/') + str(filename)
+
+ #flash("db path")
+ #flash(db_path)
+
+ edit_page.media=db_path
+
+ db.session.commit()
+
+ #flash("Succes!")
+
+
+ #If editing text stimulus no need for filehandling
+ else:
+
+ form.populate_obj(edit_page)
+ db.session.commit()
+
+
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+ return render_template('edit_stimuli.html', form=form, edit_page=edit_page)
+
+
+@app.route('/add_stimuli', methods=['GET', 'POST'])
+@login_required
+def add_stimuli():
+
+ exp_id = request.args.get('exp_id', None)
+ stimulus_type = request.args.get('stimulus_type', None)
+
+ form = UploadStimuliForm(request.form)
+
+ if request.method == 'POST':
+
+
+ if stimulus_type == 'text':
+
+ #flash("db insert text")
+
+ string = form.text.data
+ str_list = string.split('/n')
+
+ for a in range(len(str_list)):
+
+ #flash("lisättiin:")
+ #flash(str_list[a])
+ add_text_stimulus = page(experiment_idexperiment=exp_id, type='text', text=str_list[a], media='none')
+ db.session.add(add_text_stimulus)
+ db.session.commit()
+
+ #flash("Succes!")
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+
+ else:
+
+ #Upload stimuli into /static/experiment_stimuli/exp_id folder
+ #Create the pages for the stimuli by inserting experiment_id, stimulus type, text and names of the stimulus files (as a path to the folder)
+ path = 'static/experiment_stimuli/' + str(exp_id)
+
+ target = os.path.join(APP_ROOT, path)
+ #flash(target)
+
+ if not os.path.isdir(target):
+ os.mkdir(target)
+ #flash("make dir")
+
+
+ #This returns a list of filenames: request.files.getlist("file")
+
+ for file in request.files.getlist("file"):
+
+ #save files in the correct folder
+ #flash(file.filename)
+ filename = file.filename
+ destination = "/".join([target, filename])
+ #flash("destination")
+ #flash(destination)
+ file.save(destination)
+
+ #add pages to the db
+ db_path = path + str('/') + str(filename)
+
+ #flash("db path")
+ #flash(db_path)
+
+ new_page = page(experiment_idexperiment=exp_id, type=form.type.data, media=db_path)
+
+ db.session.add(new_page)
+ db.session.commit()
+
+ #flash("Succes!")
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+ return redirect(url_for('view_experiment', exp_id=exp_id))
+
+
+ return render_template('add_stimuli.html', form=form, stimulus_type=stimulus_type)
+
+
+@app.route('/download_csv')
+@login_required
+def download_csv():
+
+ exp_id = request.args.get('exp_id', None)
+
+ """
+ with open('export_new.csv', 'w', newline='') as f:
+
+ thewriter = csv.writer(f)
+
+ thewriter.writerow(['1','2','3','4'])
+ thewriter.writerow(['a','b','c','d'])
+ """
+
+
+
+ return redirect(url_for('experiment_statistics', exp_id=exp_id))
+
+
+@app.route('/researcher_info')
+@login_required
+def researcher_info():
+
+
+ return render_template('researcher_info.html')
+
diff --git a/app/static/css/custom.css b/app/static/css/custom.css
new file mode 100644
index 0000000..2389230
--- /dev/null
+++ b/app/static/css/custom.css
@@ -0,0 +1,7 @@
+.btn {
+ border-radius: 0px;
+}
+.navbar-custom{
+ background-color:red;
+ border-color: green;
+}
diff --git a/app/static/css/main.css b/app/static/css/main.css
new file mode 100644
index 0000000..73f519a
--- /dev/null
+++ b/app/static/css/main.css
@@ -0,0 +1,28 @@
+body {
+ background-color: darkgrey;
+ font-family: Helvetica, Arial, sans-serif;
+}
+
+
+container {
+
+ text-decoration-color: #4EB1BA;
+ margin-left: auto;
+ margin-right: auto;
+
+}
+
+#header{
+ background-color: darkslategrey;
+ color: white;
+ text-align: center;
+
+}
+
+#nav{
+
+}
+
+#main{
+
+}
\ No newline at end of file
diff --git a/app/static/css/style.css b/app/static/css/style.css
new file mode 100644
index 0000000..cebb222
--- /dev/null
+++ b/app/static/css/style.css
@@ -0,0 +1,1455 @@
+@import url('css/prettyPhoto.css');
+
+/*-----------------------------------------------------------------------------------*
+/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
+/*-----------------------------------------------------------------------------------*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ border: 0;
+ font-family: inherit;
+ font-size: 100%;
+ font-style: inherit;
+ font-weight: inherit;
+ margin: 0;
+ outline: 0;
+ padding: 0;
+ vertical-align: baseline;
+}
+
+/* remember to define focus styles! */
+:focus {
+ outline: 0;
+}
+body {
+ background: #fff;
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+caption, th, td {
+ font-weight: normal;
+ text-align: left;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: "";
+}
+blockquote, q {
+ quotes: "" "";
+}
+a img {
+ border: 0;
+}
+
+/* Block elements */
+header, hgroup, footer, section, article, aside {
+ display: block;
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Body, Common Classes & Wrap
+/*-----------------------------------------------------------------------------------*/
+
+body {
+ background: #212121;
+ font-size: 12px;
+ line-height: 1.5em;
+ color: #444;
+ font-family: 'Helvetica Nue', Arial, Helvetica, sans-serif;
+}
+a {
+ text-decoration: none;
+ color: #7da1bc;
+}
+a:hover {
+ text-decoration: none;
+ color: #ef4034;
+}
+p { margin: 0 0 1em }
+strong { font-weight: 700 }
+em { font-style: italic }
+pre{
+ margin: 20px 0;
+ background: #eee;
+ border: 1px solid #ddd;
+ padding: 10px;
+ white-space: pre-wrap; /* css-3 */
+ white-space: -moz-pre-wrap; /* Mozilla */
+ white-space: -pre-wrap; /* Opera 4-6 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+blockquote{
+ border-left: 4px solid #ccc;
+ padding-left: 20px;
+ margin: 30px 0px;
+}
+.clear { clear: both }
+.clearfix:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+}
+* html .clearfix{ zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+.remove-margin { margin-right: 0 !important }
+
+/*-----------------------------------------------------------------------------------*
+/* = Structure
+/*-----------------------------------------------------------------------------------*/
+
+#wrap{
+ overflow: hidden;
+ background:#fff;
+ margin: 0 auto;
+ margin-bottom: 30px;
+ width: 920px;
+ padding: 30px 30px 0;
+ /*
+ -moz-box-shadow: 0px 0px 8px rgb(0,0,0);
+ -webkit-box-shadow: 0px 0px 8px rgb(0,0,0);
+ box-shadow: 0px 0px 8px rgb(0,0,0);
+ */
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Headings
+/*-----------------------------------------------------------------------------------*/
+
+h1,
+h2,
+h3,
+h4 {
+ color: #333;
+ line-height: 1.5em;
+ font-weight: bold;
+}
+h1 {
+ font-size: 24px;
+ margin-bottom: 20px;
+ line-height: 1.2em;
+}
+h2 { font-size: 18px }
+h3 { font-size: 16px }
+h4 { font-size: 14px; }
+h2,
+h3,
+h4 {
+ margin-top: 30px;
+ margin-bottom: 20px;
+}
+h1 a,
+h2 a,
+h3 a,
+h4 a { color: #333 }
+h2 a:hover,
+h3 a:hover,
+h4 a:hover { color: #ef4034; text-decoration: none; }
+
+.single-title{ margin-bottom: 5px; }
+
+/*-----------------------------------------------------------------------------------*
+/* = WordPress Styles
+/*-----------------------------------------------------------------------------------*/
+
+/*sticky*/
+.sticky{}
+
+/*gallery captio*/
+.gallery-caption
+
+/*by post author*/
+.bypostauthor{}
+
+/*aligns*/
+.aligncenter{ display:block; margin:0 auto}
+.alignright{ float:right; margin:10px 0 10px 10px}
+.alignleft{ float:left; margin:10px 10px 10px 0}
+
+/*floats*/
+.floatleft{ float:left}
+.floatright{ float:right}
+
+/*text style*/
+.textcenter{ text-align:center}
+.textright{ text-align:right}
+.textleft{ text-align:left}
+
+/*captions*/
+.wp-caption{
+ border:1px solid #ddd;
+ text-align:center;
+ background-color:#f3f3f3;
+ padding-top:4px;
+ margin:10px;
+ -moz-border-radius:3px;
+ -khtml-border-radius:3px;
+ -webkit-border-radius:3px;
+ border-radius:3px;
+}
+.wp-caption img{
+ margin:0;
+ padding:0;
+ border:0 none;
+}
+.wp-caption p.wp-caption-text{
+ font-size:11px;
+ line-height:17px;
+ padding:0 4px 5px;
+ margin:0;
+}
+
+/*smiley reset*/
+.wp-smiley{
+ margin:0 !important;
+ max-height:1em;
+}
+
+/*blockquote*/
+blockquote.left{
+ margin-right:20px;
+ text-align:right;
+ margin-left:0;
+ width:33%;
+ float:left;
+}
+blockquote.right{
+ margin-left:20px;
+ text-align:left;
+ margin-right:0;
+ width:33%;
+ float:right;
+}
+
+/* tag-cloud widget */
+.tagcloud a {
+ float: left;
+ display: block;
+ margin-right: 5px;
+ margin-bottom: 5px;
+ padding: 4px 7px;
+ line-height: 1.3em;
+ color: #fff !important;
+ background: #ef4034;
+ font-weight: bold;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.tagcloud a:hover{
+ background: #eee;
+ color: #333 !important;
+ text-decoration: none;
+}
+/* calendar widget */
+.widget_calendar {float: left;}
+#wp-calendar {width: 100%; }
+#wp-calendar caption {
+ text-align: right;
+ color: #333;
+ font-size: 12px;
+ margin-top: 10px;
+ margin-bottom: 15px;
+}
+#wp-calendar thead { font-size: 12px; }
+#wp-calendar thead th { padding-bottom: 10px; }
+#wp-calendar tbody { color: #aaa; }
+#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
+#wp-calendar tbody td:hover { background: #fff; }
+#wp-calendar tbody .pad { background: none; }
+#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; }
+#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; }
+
+/*-----------------------------------------------------------------------------------*
+/* = Headings
+/*-----------------------------------------------------------------------------------*/
+#logo h2,
+#logo h1 {
+ margin: 0 !important;
+ font-size: 36px;
+ font-weight: 800;
+ line-height: 1em !important;
+}
+#logo h2 a,
+#logo h1 a {
+ color: #000;
+ text-decoration: none;
+}
+#logo h2 a:hover,
+#logo h1 a:hover { color: #999 }
+
+#page-heading{
+ margin: -30px -30px 30px;
+ padding: 0px 30px;
+ height: 65px;
+ background: #eee;
+ border-bottom: 1px solid #ddd;
+ position: relative;
+}
+#page-heading h1,
+#page-heading h2{
+ font-size: 21px;
+ line-height: 65px;
+ color: #000;
+ text-shadow: 0px 0px 0px #fff;
+ margin: 0px !important;
+}
+
+/*-------------------------------------------------*
+/* = Header
+/*-------------------------------------------------*/
+#header {
+ margin: 0 auto;
+ position: relative;
+ width: 980px;
+ padding: 30px 0px;
+}
+#logo a{
+ font-size: 24px;
+ font-weight: normal;
+ color: #E8E8E8;
+ letter-spacing: -1px;
+ line-height: 0em;
+ padding: 0px;
+ margin: 0px;
+ text-decoration: none;
+}
+#logo a:hover { color: #FFF; }
+
+
+/*-------------------------------------------------*
+/* = Navigation
+/*-------------------------------------------------*/
+#navigation {
+ position: absolute;
+ right: 0px;
+ top: 30px;
+}
+/*** ESSENTIAL Navigation Style ***/
+.sf-menu,
+.sf-menu * {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.sf-menu { line-height: 1.0 }
+.sf-menu ul {
+ position: absolute;
+ top: -999em;
+ width: 160px; /* left offset of submenus need to match (see below) */
+}
+.sf-menu ul li { width: 100% }
+.sf-menu li:hover {
+ visibility: inherit; /* fixes IE7 'sticky bug' */
+}
+.sf-menu li {
+ float: left;
+ position: relative;
+}
+.sf-menu a {
+ display: block;
+ position: relative;
+}
+.sf-menu li:hover ul,
+.sf-menu li.sfHover ul {
+ left: 0;
+ top: 48px; /* match top ul list item height */
+ z-index: 99;
+}
+ul.sf-menu li:hover li ul,
+ul.sf-menu li.sfHover li ul { top: -999em }
+ul.sf-menu li li:hover ul,
+ul.sf-menu li li.sfHover ul {
+ left: 180px; /* match ul width */
+ top: 0;
+}
+/*** navigation skin ***/
+.sf-menu {
+ float: left;
+ margin-bottom: 1em;
+}
+.sf-menu a {
+ font-size: 12px;
+ font-weight: bold;
+ color: #999;
+ border-bottom: 1px solid #333;
+ padding: 0 10px 10px;
+ text-decoration: none;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.sf-menu a:focus,
+.sf-menu a:hover,
+.sf-menu a:active {
+ color: #FFF;
+ border-bottom: 1px solid #fee825 !important;
+}
+#navigation .current-menu-item > a:first-child {
+ color: #FFF;
+ border-bottom: 1px solid #fee825;
+}
+/*Subs*/
+.sf-menu ul{
+ background: #212121;
+ padding: 10px 10px 20px;
+ -moz-opacity: 0.98;
+ -khtml-opacity: 0.98;
+ opacity: 0.98;
+}
+.sf-menu ul a{
+ padding: 10px 0px;
+ border-bottom: 1px solid #333;
+}
+.sf-menu ul a:focus,
+.sf-menu ul a:hover,
+.sf-menu ul a:active {
+ border-bottom: 1px solid #333 !important;
+}
+.sf-menu ul .current-menu-item a{
+ border-bottom: 1px solid #333 !important;
+}
+
+/*-----------------------------------------------------------------------------------*/
+/* = Home
+/*-----------------------------------------------------------------------------------*/
+
+.home-wrap{
+ margin: -30px;
+}
+
+#home-tagline{
+ padding: 20px 30px;
+ background:#eee;
+ color: #666;
+ border-bottom: 1px solid #ddd;
+ margin-bottom: 30px;
+ margin-top: -30px;
+ font-size: 16px;
+ line-height: 1.4em;
+ font-weight: bold;
+ text-shadow: 1px 1px 1px #fff;
+}
+#home-tagline a{
+ color: #ef4034;
+}
+#home-tagline a:hover{
+ border-bottom: 1px dotted #ef4034;
+}
+#home-projects {
+ margin: 0px 30px 0px;
+}
+h2.home-projects-heading{
+ font-size: 14px;
+ font-weight: bold;
+ border-bottom: double #eee;
+ padding-bottom: 5px;
+}
+
+/*-----------------------------------------------------------------------------------*/
+/* = NivoSlider
+/*-----------------------------------------------------------------------------------*/
+#slider_nivo {
+ position: relative;
+ width: 980px;
+ height: 400px;
+ overflow: hidden;
+ margin-bottom: 30px;
+}
+.nivoSlider {
+ position: relative;
+ width: 980px;
+ height: 400px;
+ background: #fff url(images/nivo-loader.gif) no-repeat 50% 50%;
+}
+.nivoSlider img {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ z-index: 6;
+ display:none;
+}
+.nivoSlider a.nivo-imageLink {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 980px;
+ height: 100%;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ z-index: 6;
+ display: none;
+}
+.nivo-slice {
+ display: block;
+ position: absolute;
+ z-index: 5;
+ height: 100%;
+}
+.nivo-box {
+ display: block;
+ position: absolute;
+ z-index: 5;
+}
+.nivo-directionNav a {
+ width: 48px;
+ height: 48px;
+ position: absolute;
+ z-index: 1000;
+ top: 178px;
+ cursor: pointer;
+}
+.nivo-prevNav,
+.nivo-nextNav {
+ -moz-opacity: 0.4;
+ -khtml-opacity: 0.4;
+ opacity: 0.4;
+ text-indent: -9999px;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ -moz-transition: opacity 0.2s ease-in-out;
+ -o-transition: opacity 0.2s ease-in-out;
+ -ms-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+}
+.nivo-prevNav:hover,
+.nivo-nextNav:hover {
+ -moz-opacity: 1.0;
+ -khtml-opacity: 1.0;
+ opacity: 1.0;
+}
+.nivo-nextNav {
+ background: url('images/sliders/nivo-right-arrow.png');
+ right: 20px;
+}
+.nivo-prevNav {
+ background: url('images/sliders/nivo-left-arrow.png');
+ left: 20px;
+}
+.nivo-controlNav a.active { font-weight: bold }
+.nivo-controlNav {
+ position: absolute;
+ z-index: 1000;
+ list-style: none;
+ bottom: 10px;
+ right: 10px;
+ padding: 0;
+}
+.nivo-controlNav a {
+ float: left;
+ margin-left: 5px;
+ cursor: pointer;
+ color: #999;
+ text-indent: -9999px;
+ background: url('images/sliders/bullets.png') no-repeat 4px 0;
+ width: 13px;
+ height: 12px;
+ overflow: hidden;
+}
+.nivo-controlNav a.active {
+ background-position: -8px 0;
+ margin-right: -1px;
+ margin-left: 6px;
+}
+
+
+/*-----------------------------------------------------------------------------------*
+/* = HP Highlights
+/*-----------------------------------------------------------------------------------*/
+
+#home-highlights{
+ margin: 0px 30px;
+}
+.hp-highlight{
+ float: left;
+ width: 215px;
+ margin-right: 20px;
+ margin-bottom: 20px;
+}
+.hp-highlight p:last-child{
+ margin-bottom: 0px;
+}
+.hp-highlight h2,
+.hp-highlight h3{
+ font-weight: bold;
+ font-size: 14px;
+ margin-top: 0px;
+ margin-bottom: 15px;
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Portfolio
+/*-----------------------------------------------------------------------------------*/
+.no-margin{
+ margin-right: 0px !important;
+}
+
+ul.filter{
+ list-style: none;
+ margin: 40px 0px 15px;
+}
+ul.filter a{
+ display: block;
+ float: left;
+ margin-right: 5px;
+ margin-left: 0px;
+}
+
+/*filter links design*/
+ul.filter a, ul.filter a span {
+ display: inline-block;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+ul.filter a {
+ white-space: nowrap;
+ line-height:1em;
+ position:relative;
+ outline: none;
+ overflow: visible; /* removes extra side padding in IE */
+ cursor: pointer;
+ border: 1px solid #999;/* IE */
+ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
+ border-bottom:rgba(0, 0, 0, .4) 1px solid;
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+ box-shadow: 0 1px 2px rgba(0,0,0,.2);
+ background: -moz-linear-gradient(
+ center top,
+ rgba(255, 255, 255, .1) 0%,
+ rgba(0, 0, 0, .1) 100%
+ );/* FF3.6 */
+ background: -webkit-gradient(
+ linear,
+ center bottom,
+ center top,
+ from(rgba(0, 0, 0, .1)),
+ to(rgba(255, 255, 255, .1))
+ );/* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
+ -moz-user-select: none;
+ -webkit-user-select:none;
+ -khtml-user-select: none;
+ user-select: none;
+ margin-bottom:10px;
+}
+ul.filter a:hover, ul.filter a.hover {
+ -moz-opacity: 0.8;
+ -khtml-opacity: 0.8;
+ opacity: 0.8;
+}
+ul.filter a:active, ul.filter a.active {
+ top:1px;
+}
+ul.filter a span {
+ position: relative;
+ color:#fff;
+ font-weight: bold;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+ border-top: rgba(255, 255, 255, .3) 1px solid;
+ padding:0.8em 1.3em;
+ line-height:1em;
+ text-decoration:none;
+ text-align:center;
+ white-space: nowrap;
+}
+
+
+/*filter-colors*/
+ul.filter a {
+ background-color: #666666;
+}
+ul.filter a {
+ background-color: #D5D2D2;
+ text-shadow: 1px 1px 0px #FFF;
+}
+ul.filter a span{
+ color: #242424;
+ text-shadow: 1px 1px 0px #e7e7e7;
+ border-top: rgba(255, 255, 255, .6) 1px solid;
+}
+ul.filter .active a{
+ background-color: #333333;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+}
+ul.filter .active a span{
+ color: #fff;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+ border-top: rgba(255, 255, 255, .3) 1px solid;
+}
+ul.filter .active a:hover {
+ -moz-opacity: 1 !important;
+ -khtml-opacity: 1 !important;
+ opacity: 1 !important;
+}
+
+
+/*portfolio items*/
+.portfolio-item{
+ position: relative;
+ float: left;
+ width: 300px;
+ margin-right: 10px;
+ margin-bottom: 10px;
+}
+.portfolio-item img{
+ padding: 4px;
+ border: 1px solid #ddd;
+}
+.portfolio-item-details{
+ text-align: center;
+ margin-bottom: 10px;
+}
+.portfolio-item-details h2{
+ font-size: 12px;
+ margin-top: 0px;
+ margin-bottom: 5px;
+}
+
+#portfolio-wrap{
+ overflow: hidden;
+ margin-bottom: -15px;
+ margin-right: -10px;
+}
+
+
+/*single portfolio*/
+#single-portfolio{
+ margin-bottom: 20px;
+}
+#single-portfolio-left{
+ float: left;
+ width: 510px;
+}
+#single-portfolio-left img{
+ margin-bottom: 20px;
+ padding: 4px;
+ border: 1px solid #ddd;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ -moz-transition: opacity 0.2s ease-in-out;
+ -o-transition: opacity 0.2s ease-in-out;
+ -ms-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+}
+#single-portfolio-left a:hover img{
+ -moz-opacity: 0.8;
+ -khtml-opacity: 0.8;
+ opacity: 0.8;
+}
+
+#single-portfolio-left img:last-child{
+ margin-bottom: 0px;
+}
+#single-portfolio-right{
+ float: right;
+ width: 380px;
+}
+#single-portfolio-meta{
+ margin-top: -10px;
+ margin-bottom: 20px;
+ font-style: italic;
+ font-weight: bold;
+ color: #666;
+}
+#single-portfolio-meta a{
+ margin-right: 5px;
+}
+#single-portfolio-nav{
+ margin-top: 20px;
+}
+#single-portfolio-nav a{
+ float: left;
+ margin-right: 10px;
+}
+
+
+/*-----------------------------------------------------------------------------------*
+/* = Posts & Pages
+/*-----------------------------------------------------------------------------------*/
+.post{
+ float: left;
+ width: 670px;
+ overflow: hidden;
+}
+.full-width{
+ float: none !important;
+ width: 100% !important;
+}
+.loop-entry{
+ margin-bottom: 30px;
+ padding-bottom: 30px;
+ border-bottom: 1px dotted #ccc;
+}
+.loop-entry-left{
+ float: left;
+ width: 150px;
+}
+.loop-entry-right{
+ float: right;
+ width: 490px;
+}
+
+.loop-entry-thumbnail{
+ margin-bottom: 20px;
+ padding: 4px;
+ border: 1px solid #ddd;
+}
+.loop-entry-thumbnail img{
+ display: block;
+ margin: 0px;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ -moz-transition: opacity 0.2s ease-in-out;
+ -o-transition: opacity 0.2s ease-in-out;
+ -ms-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+}
+.loop-entry-thumbnail:hover img{
+ -moz-opacity: 0.8;
+ -khtml-opacity: 0.8;
+ opacity: 0.8;
+}
+.loop-entry h2{
+ margin-top: -5px;
+ margin-bottom: 10px;
+ font-size: 16px;
+}
+
+.loop-entry-date{
+ text-align: center;
+ border: 1px solid #ddd;
+ background: #eee;
+ font-size: 14px;
+ padding: 5px;
+ font-weight: bold;
+ margin-bottom: 10px;
+}
+
+.loop-entry-author,
+.loop-entry-cat{
+ text-align: right;
+ color: #999;
+ font-style: italic;
+}
+
+.loop-entry-author a,
+.loop-entry-cat a{
+ font-weight: bold;
+ color: #999;
+}
+.loop-entry-author a:hover,
+.loop-entry-cat a:hover{
+ color: #666;
+}
+
+.entry {
+ margin-bottom: 20px;
+}
+.entry ul,
+.entry ol {
+ margin-left: 30px;
+ margin-bottom: 10px;
+ list-style: inherit;
+}
+.entry ol{
+ list-style: decimal;
+}
+/*thumbnail*/
+.post-thumbnail{
+ margin-top: -10px;
+ margin-bottom: 10px;
+}
+/*post meta*/
+.post-meta{
+ color: #999;
+ font-style: italic;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #ccc;
+ margin-bottom: 30px;
+}
+.post-meta span{
+ margin-right: 10px;
+}
+.post-meta a{
+ font-weight: bold;
+ color: #999;
+}
+.post-meta a:hover{
+ color:#666;
+}
+.meta-date{ background: url(images/date.png) left no-repeat; padding-left: 17px; }
+.meta-category{ background: url(images/category.png) left no-repeat; padding-left: 17px; }
+.meta-author{ background: url(images/author.png) left no-repeat; padding-left: 17px; }
+.post-meta-single {
+ margin-bottom: 20px;
+}
+/*post tags*/
+.post-tags {
+ margin-right: 10px;
+ margin-top: 30px;
+ font-size: 12px;
+}
+.post-tags a {
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Pagination
+/*-----------------------------------------------------------------------------------*/
+.pagination
+{
+ font-family: Arial, Helvetica, sans-serif;
+}
+.pagination a,
+.pagination span
+{
+ font-size: 11px;
+ line-height: 20px;
+ height: 20px;
+ width: 20px;
+ text-align: center;
+ margin-right: 5px;
+ display: block;
+ float: left;
+ background: #FFF;
+ color: #666;
+ border-bottom: 1px solid #cdcdcd;
+ border-right: 1px solid #cdcdcd;
+}
+.pagination a:hover,
+.pagination span.current
+{
+ text-decoration: none;
+ color: #FFF;
+ background: #333;
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Comments
+/*-----------------------------------------------------------------------------------*/
+#commentsbox {
+ width: 100%;
+ overflow: hidden;
+ margin-top: 30px;
+}
+#comments{
+ text-transform: none;
+ font-weight: bold;
+ color: #333;
+ font-size: 13px;
+ margin-top: 20px;
+ margin-bottom: 30px;
+ padding-bottom: 10px;
+ border-bottom: 1px dotted #d6d6d6;
+}
+#commentsbox ol,
+#commentsbox ul {
+ list-style: none;
+ margin: 0 !important;
+}
+#commentsbox li { }
+.children {
+ list-style: none;
+ margin: 30px 0 0;
+ text-indent: 0;
+}
+.children li.depth-2 { margin: 0 0 0px 65px }
+.children li.depth-3 { margin: 0 0 0px 65px }
+.children li.depth-4 { margin: 0 0 0px 65px }
+.children li.depth-5 { margin: 0 0 0px 65px }
+.children li.depth-6 { margin: 0 0 0px 65px }
+.children li.depth-7 { margin: 0 0 0px 65px }
+.children li.depth-8 { margin: 0 0 0px 65px }
+.children li.depth-9 { margin: 0 0 0px 65px }
+.children li.depth-10 { margin: 0 0 0px 65px }
+.comment-body {
+ position: relative;
+ padding: 15px 15px 0;
+ margin-left: 65px;
+ margin-bottom: 30px;
+ background: #ffffff;
+ border: 1px solid #EBEBEB;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ transition: all 0.4s ease;
+ -webkit-transition: all 0.4s ease;
+ -o-transition: all 0.4s ease;
+ -moz-transition: all 0.4s ease;
+}
+.comment-body p{
+ margin-bottom: 15px !important;
+}
+.comment-body:after {
+ content: '';
+ position: absolute;
+ top: 10px;
+ left: -12px;
+ width: 12px;
+ height: 20px;
+ background: url("images/comment-arrow.png") no-repeat;
+}
+.comment-body:hover{
+}
+.reply{
+ display: none;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+.comment-reply-link {
+ font-size: 10px;
+}
+.comment-reply-link:hover{
+}
+.comment-body:hover .reply{
+ display: block;
+}
+#commentsbox .avatar {
+ position: absolute;
+ top: 0px;
+ left: -65px;
+ height: 40px;
+ width: 40px;
+ padding: 2px;
+ border: 1px solid #eee;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.comment-author {
+ font-weight: bold;
+ color: #000;
+}
+.says { display: none }
+.comment-meta{
+ margin-bottom: 10px;
+}
+.comment-meta a {
+ font-size: 11px;
+ font-style: italic;
+ color: #666;
+}
+.cancel-comment-reply {
+ margin-top: -10px;
+}
+.cancel-comment-reply a {
+ color: #F00;
+ line-height: 20px;
+ height: 20px;
+}
+.cancel-comment-reply a:hover{
+ text-decoration: underline;
+}
+#comments-respond {
+ clear: left;
+ text-transform: none;
+ font-weight: bold;
+ color: #333;
+ font-size: 13px;
+ margin-top: 0px;
+ margin-bottom: 15px;
+}
+#comments-respond-meta{
+ font-size: 11px;
+}
+#commentform label {
+ display: block;
+}
+#commentform input#author,
+#commentform input#email,
+#commentform input#url {
+ width: 45%;
+ color: #666;
+ text-shadow: 1px 1px 0px #FFF;
+ border: 1px solid #cecece;
+ outline: none;
+ padding: 10px 5px;
+ margin-bottom: 10px;
+ -webkit-border-radius: 1px;
+ -moz-border-radius: 1px;
+ border-radius: 1px;
+ background-color: #fff;
+ -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
+ -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
+ box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
+}
+#commentform textarea {
+ display: block;
+ padding: 10px;
+ width: 95%;
+ color: #666;
+ text-shadow: 1px 1px 0px #FFF;
+ border: 1px solid #cecece;
+ background-color: #fff;
+ -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
+ -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
+ box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
+ -webkit-transition: all 0.1s ease-in-out;
+ -moz-transition: all 0.1s ease-in-out;
+ -o-transition: all 0.1s ease-in-out;
+ -ms-transition: all 0.1s ease-in-out;
+ transition: all 0.1s ease-in-out;
+}
+#commentform input#author:focus,
+#commentform input#email:focus,
+#commentform input#url:focus,
+#commentform textarea:focus {
+ border-color: #acacac !important;
+}
+#commentSubmit {
+ font-size: 12px;
+ margin-top: -5px;
+ margin-bottom: 20px;
+ outline: none;
+}
+#commentSubmit::-moz-focus-inner, #commentSubmit::-moz-focus-inner { border: 0; padding: 0; }
+#commentSubmit span{
+ display: block;
+ margin: 0px;
+ padding: 10px 15px !important;
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Sidebar
+/*-----------------------------------------------------------------------------------*/
+#sidebar {
+ width: 220px;
+ float: right;
+}
+.sidebar-box {
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+ border-bottom: 1px dotted #ccc;
+}
+.sidebar-box h4 {
+ margin-top: 0px !important;
+ margin-bottom: 15px;
+ text-transform: uppercase;
+ font-size: 12px;
+}
+.sidebar-box ul {
+ list-style: none;
+}
+.sidebar-box li{
+ margin-bottom: 5px;
+}
+.sidebar-box a{
+ color: #666;
+}
+.sidebar-box a:hover{
+ color:#ef4034;
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Copyright
+/*-----------------------------------------------------------------------------------*/
+#footer{
+ background:#000;
+ padding: 20px 30px;
+ margin-top: 30px;
+ margin-left: -30px;
+ margin-right: -30px;
+}
+#footer a{
+ color: #ccc;
+ border-bottom: 1px dotted #ccc;
+ text-decoration: none;
+}
+#footer a:hover{
+ color: #fee825;
+}
+#copyright {
+ float: left;
+ width: 820px;
+ font-size: 10px;
+ color:#666;
+ text-transform: uppercase;
+}
+#back-to-top{
+ width: 100px;
+ float: right;
+ text-align: right;
+}
+
+/*-----------------------------------------------------------------------------------*
+/* = Search Bar
+/*-----------------------------------------------------------------------------------*/
+#searchbar {
+ display: block;
+ position: relative;
+ width: 220px;
+}
+#search {
+ position: relative;
+ width: 180px;
+ padding: 10px 30px 10px 10px;
+ outline: none;
+ border: 1px solid #ddd;
+ color: #666;
+}
+#search:focus { }
+#searchsubmit {
+ position: absolute;
+ right: 10px;
+ top: 12px;
+ background: url(images/search.png) no-repeat;
+ text-indent: -9999px;
+ border: none;
+ outline: none;
+ width: 15px;
+ height: 15px;
+ cursor: pointer;
+}
+
+.search-portfolio-thumb{
+ float: left;
+ margin-right: 20px;
+ padding: 4px;
+ border: 1px solid #ddd;
+}
+.search-portfolio-thumb img{
+ margin: 0px;
+ padding: 0px;
+ display: block;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ -moz-transition: opacity 0.2s ease-in-out;
+ -o-transition: opacity 0.2s ease-in-out;
+ -ms-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+}
+.search-portfolio-thumb:hover img{
+ -moz-opacity: 0.8;
+ -khtml-opacity: 0.8;
+ opacity: 0.8;
+}
+
+/*-----------------------------------------------------------------------------------*
+/* Main Shortcodes
+/*-----------------------------------------------------------------------------------*/
+
+/*columns*/
+.one-half{ width:48%; }
+.one-third{ width:30.66%; }
+.two-third{ width:65.33%; }
+.one-fourth{ width:22%; }
+.three-fourth{ width:74%; }
+.one-fifth{ width:16.8%; }
+.one-sixth{ width:13.33%; }
+.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {
+ position:relative; margin-right:4%; float:left;
+}
+
+
+.column-last{margin-right: 0px;}
+.column-first{margin-left: 0px;}
+
+/*box shortcodes*/
+.box-shortcode {
+ margin: 5px 0px;
+ padding: 10px;
+ color: #fff;
+ font-size: 13px;
+ font-weight: bold;
+}
+.box-black {
+ background-color: #000;
+}
+.box-red {
+ background-color: #e62727;
+}
+.box-green {
+ background-color: #91bd09;
+}
+.box-blue {
+ background-color: #00ADEE;
+}
+/*highlights*/
+.text-highlight { padding: 2px }
+.highlight-yellow,
+.highlight-yellow a {
+ background-color: #FFF7A8;
+ color: #695D43;
+}
+.highlight-pink,
+.highlight-pink a {
+ background-color: #F7DEEB;
+ color: #724473;
+}
+.highlight-purple,
+.highlight-purple a {
+ background-color: #E0DBF6;
+ color: #5C5577;
+}
+.highlight-blue,
+.highlight-blue a {
+ background-color: #D7F0FF;
+ color: #2A67A4;
+}
+.highlight-green,
+.highlight-green a {
+ background-color: #E7FFCE;
+ color: #47630A;
+}
+.highlight-red,
+.highlight-red a {
+ background: #FFCEBE;
+ color: #A22121;
+}
+.highlight-gray,
+.highlight-gray a {
+ background-color: #EBEBEB;
+ color: #787777;
+}
+
+/*Other buttons*/
+.button{
+ margin-right: 5px;
+}
+.button, .button span {
+ display: inline-block;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+.button {
+ white-space: nowrap;
+ line-height:1em;
+ position:relative;
+ outline: none;
+ overflow: visible; /* removes extra side padding in IE */
+ cursor: pointer;
+ border: 1px solid #999;/* IE */
+ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
+ border-bottom:rgba(0, 0, 0, .4) 1px solid;
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+ box-shadow: 0 1px 2px rgba(0,0,0,.2);
+ background: -moz-linear-gradient(
+ center top,
+ rgba(255, 255, 255, .1) 0%,
+ rgba(0, 0, 0, .1) 100%
+ );/* FF3.6 */
+ background: -webkit-gradient(
+ linear,
+ center bottom,
+ center top,
+ from(rgba(0, 0, 0, .1)),
+ to(rgba(255, 255, 255, .1))
+ );/* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
+ -moz-user-select: none;
+ -webkit-user-select:none;
+ -khtml-user-select: none;
+ user-select: none;
+ margin-bottom:10px;
+}
+.button.full, .button.full span {
+ display: block;
+}
+.button:hover, .button.hover {
+ background: -moz-linear-gradient(
+ center top,
+ rgba(255, 255, 255, .2) 0%,
+ rgba(255, 255, 255, .1) 100%
+ );/* FF3.6 */
+ background: -webkit-gradient(
+ linear,
+ center bottom,
+ center top,
+ from(rgba(255, 255, 255, .1)),
+ to(rgba(255, 255, 255, .2))
+ );/* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
+}
+.button:active, .button.active {
+ top:1px;
+}
+.button span {
+ position: relative;
+ color:#fff;
+ font-weight: bold;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+ border-top: rgba(255, 255, 255, .3) 1px solid;
+ padding:0.8em 1.3em;
+ line-height:1em;
+ text-decoration:none;
+ text-align:center;
+ white-space: nowrap;
+}
+.button.black {
+ background-color: #333333;
+}
+.button.gray {
+ background-color: #666666;
+}
+.button.light-gray {
+ background-color: #D5D2D2;
+ text-shadow: 1px 1px 0px #FFF;
+}
+.button.light-gray span{
+ color: #242424;
+ text-shadow: 1px 1px 0px #e7e7e7;
+ border-top: rgba(255, 255, 255, .6) 1px solid;
+}
+.button.red {
+ background-color: #e62727;
+}
+.button.orange {
+ background-color: #f24919;
+}
+.button.magenta {
+ background-color: #A9014B;
+}
+.button.yellow {
+ background-color: #ffb515;
+}
+.button.blue {
+ background-color: #00ADEE;
+}
+.button.pink {
+ background-color: #e22092;
+}
+.button.green {
+ background-color: #91bd09;
+}
+.button.rosy {
+ background-color: #F16C7C;
+}
+.button.brown {
+ background-color: #804000;
+}
+.button.purple {
+ background-color: #800080;
+}
+.button.cyan {
+ background-color: #46C7C7;
+}
+.button.gold {
+ background-color: #D4A017;
+}
\ No newline at end of file
diff --git a/app/static/img/madam-300x250.jpg b/app/static/img/madam-300x250.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4613ea3c170247fb1c90e13bcfc4fb93d3355697
GIT binary patch
literal 9456
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
R7C2o5PZ}XxDZ=>wCIDo$yC?tv
literal 0
HcmV?d00001
diff --git a/app/templates/_formhelpers.html b/app/templates/_formhelpers.html
new file mode 100644
index 0000000..5790894
--- /dev/null
+++ b/app/templates/_formhelpers.html
@@ -0,0 +1,12 @@
+{% macro render_field(field) %}
+ <dt>{{ field.label }}
+ <dd>{{ field(**kwargs)|safe }}
+ {% if field.errors %}
+ <ul class=errors>
+ {% for error in field.errors %}
+ <li>{{ error }}</li>
+ {% endfor %}
+ </ul>
+ {% endif %}
+ </dd>
+{% endmacro %}
\ No newline at end of file
diff --git a/app/templates/add_bg_question.html b/app/templates/add_bg_question.html
new file mode 100644
index 0000000..d01ac5e
--- /dev/null
+++ b/app/templates/add_bg_question.html
@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+ <h1 class="container mt-5 display-4 text-center"><br>Add background questions:</h1>
+ <br>
+ <p class="lead">Please paste the background questions followed by the list of options for that question separated by ; into the field below.
+ Mark the last option of the question with a /n after which you can again input a new question followed by a list of options.
+ <br>
+ <br>
+ <b>Here is an example input of two background questions:</b>
+ <br>
+ <br>
+ How many hours did you sleep last night?;6;7;8;9;10/n
+ Do you normally listen to audio books?;Yes;No
+ </p>
+
+ {% from "_formhelpers.html" import render_field %}
+
+
+<form action="" method="post" role="form">
+<div class="form-group">
+ <label for="Background questions">Background questions and options:</label>
+ <textarea class="form-control" rows="15" id="bg_questions_and_options" name="bg_questions_and_options"></textarea>
+</div>
+<button type="submit" class="btn btn-primary">Submit</button>
+<a class="btn btn-primary" href="{{ request.referrer }}" role="button">Cancel</a>
+</form>
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/add_questions.html b/app/templates/add_questions.html
new file mode 100644
index 0000000..cea9d04
--- /dev/null
+++ b/app/templates/add_questions.html
@@ -0,0 +1,36 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+ <h1 class="container mt-5 display-4 text-center"><br>Add sliders:</h1>
+ <br>
+ <p class="lead">Please paste the slider set questions followed by the left and right ends of the scales separated with a ; Place a /n after the right scale to input another question
+ followed by the corresponding scales. Make sure you do not input the /n after the last question.
+
+ <br>
+ <br>
+ <b>Here is an example input of two questions followed by their left (first) and right (second) ends of the scales:</b>
+ <br>
+ <br>
+
+ Did the stimulus make you feel angry?; No; Yes /n
+ Did the stimulus make you feel happy; Not at all; Yes, alot
+ </p>
+
+
+
+
+
+{% from "_formhelpers.html" import render_field %}
+
+<form action="" method="post" role="form">
+<div class="form-group">
+ <label for="questions_and_options">Question;left scale;right scale/n</label>
+ <textarea class="form-control" rows="15" id="questions_and_options" name="questions_and_options"></textarea>
+</div>
+<button type="submit" class="btn btn-primary">Submit</button>
+<a class="btn btn-primary" href="{{ request.referrer }}" role="button">Cancel</a>
+</form>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/add_stimuli.html b/app/templates/add_stimuli.html
new file mode 100644
index 0000000..f8617a1
--- /dev/null
+++ b/app/templates/add_stimuli.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block content %}
+<h1 class="container mt-5 display-4 text-center"><br>Add more stimuli:</h1>
+<br>
+<p class="lead"></p>
+ {% from "_formhelpers.html" import render_field %}
+ <form id="EditPageForm" action="" method="POST" role="form" enctype="multipart/form-data">
+ {% if stimulus_type == 'text' %}
+ <div class="form-group">
+ <legend>Paste the new texts to the textarea and mark the end of each stimulus with a /n. Do not place the marker at the end of the last text. Example: Text1/n Text2/n Text3</legend>
+ <textarea class="form-control" rows="10" id="text" name="text"></textarea>
+ </div>
+ {% else %}
+ <div class="input-group mb-3">
+ <legend>Add files:</legend>
+ <div class="input-group-prepend">
+ <span class="input-group-text">Upload:</span>
+ </div>
+ <div class="custom-file">
+ <input type="file" class="custom-file-input" id="file" name="file" accept="audio/*,video/*,image/*" multiple>
+ <label class="custom-file-label" for="upload_file">Choose file</label>
+ </div>
+ </div>
+ {% endif %}
+ <br>
+ <button type="submit" class="btn btn-primary">Submit</button>
+ <a class="btn btn-primary" href="{{ request.referrer }}" role="button">Cancel</a>
+</form>
+{% endblock %}
+
+
diff --git a/app/templates/base.html b/app/templates/base.html
new file mode 100644
index 0000000..aa3814a
--- /dev/null
+++ b/app/templates/base.html
@@ -0,0 +1,89 @@
+
+{% import "bootstrap/wtf.html" as wtf %}
+
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <meta name="description" content="">
+ <meta name="author" content="">
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
+ <title>Mega-fMRI Stimulus Rating Tool</title>
+
+ <!-- Bootstrap core CSS -->
+ <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
+
+ <!-- Custom styles for this template -->
+ <link href="sticky-footer-navbar.css" rel="stylesheet">
+ </head>
+ <body>
+ <header>
+<!-- Navigation -->
+<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+ <div class="col navbar-brand">
+ <img src="/static/img/madam-300x250.jpg" alt="Logo" style="width:70px;">
+ {% if pages %}
+ <a class="navbar-brand pl-5 font-weight-light">Participant ID: <span class="text-success font-weight-bold">{{ session['user']}}</span></a>
+ {% else %}
+ <a class="navbar-brand pl-3 text-success font-weight-light" href="{{ url_for('index') }}" class="nav-link">MEGA-fMRI Stimulus Rating Tool</a>
+ {% endif %}
+ </div>
+ <div class="col-6 navbar-nav">
+ {% if pages %}
+ <div class="progress-bar bg-success progress-bar-striped" role="progressbar" style="width: {{ progress_bar_percentage }}%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">Task progress: {{ progress_bar_percentage }}%</div>
+ {% endif %}
+ </div>
+ <div class="col text-success text-right">
+ {% block navbar %}
+ {% with messages = get_flashed_messages() %}
+ {% if messages %}
+ {% for message in messages %}
+ <a class="text">{{ message }}</a>
+ {% endfor %}
+ {% endif %}
+ {% endwith %}
+ {% endblock %}
+ {% if current_user.is_authenticated %}
+ <a class="nav-item" href="{{ url_for('researcher_info') }}" class="nav-link">Data preparation info |</a>
+ <a class="nav-item" href="{{ url_for('create_experiment') }}" class="nav-link">Create experiment |</a>
+ {% endif %}
+ {% if current_user.is_anonymous %}
+ <a class="nav-item" href="{{ url_for('login') }}" class="nav-link">Researcher login</a>
+ {% else %}
+ <a class="nav-item" href="{{ url_for('logout') }}" class="nav-link">Logout</a>
+ {% endif %}
+ </div>
+
+
+
+
+</nav>
+</header>
+
+<main role="main" class="container">
+ {% block content %}{% endblock %}
+</main>
+ <footer class="footer">
+ <div class="container">
+ <br>
+ <span class="text-muted">Human Emotion Systems Laboratory | <a href="http://emotion.utu.fi">emotion.utu.fi</a></span>
+ </div>
+ </footer>
+
+ <!-- Bootstrap core JavaScript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+ <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+ <script src="../../assets/js/vendor/popper.min.js"></script>
+ <script src="../../dist/js/bootstrap.min.js"></script>
+ </body>
+</html>
+
+
+
+
diff --git a/app/templates/begin_with_id.html b/app/templates/begin_with_id.html
new file mode 100644
index 0000000..3e9bb98
--- /dev/null
+++ b/app/templates/begin_with_id.html
@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+<div class="container text-center">
+<div class="row mt-5 display-4"><br></div>
+
+<h1 class="mt-5 display-4"><br>Please insert your ID-code below:</h1><br>
+<br>
+
+<h3 class="display-5 text-center text-danger"> Notice!</h3>
+<div class="row lead">This login is meant only for participants who have received an identification code from a researcher to be used in the rating task. If you have not received such please return to the previous page and select the "Begin task" function instead.</div>
+
+<br><br>
+ <form action="" method="post">
+ {{ form.hidden_tag() }}
+ <p>
+ {{ form.participant_id(size=32) }}<br>
+ {% for error in form.participant_id.errors %}
+ <span style="color: red;">[{{ error }}]</span>
+ {% endfor %}
+ </p>
+ <p>{{ form.submit() }}</p>
+
+ </form>
+</div>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/consent.html b/app/templates/consent.html
new file mode 100644
index 0000000..ee2743f
--- /dev/null
+++ b/app/templates/consent.html
@@ -0,0 +1,40 @@
+{% extends "base.html" %}
+{% block content %}
+
+<h1 class="row mt-5 display-4"><br>This is the consent page for experiment ID: {{ exp_id }}</h1>
+<br>
+<h4>Lue tutkimustiedote <a href="tiedote.pdf">tästä.</a></h4>
+<br/>
+<p class="lead">Ennen tämän suostumuksen antamista olen lukenut ja ymmärtänyt saamani tutkimustiedotteen, sekä saanut riittävästi tietoa tutkimuksen kulusta. Minulle on selvitetty, että minusta kerättäviä tutkimustietoja tullaan käsittelemään luottamuksellisina siten, että niistä ei voida tunnistaa henkilöllisyyttäni. Ymmärrän, että osallistumiseni tutkimukseen on täysin vapaaehtoista ja että voin missä tutkimuksen vaiheessa tahansa keskeyttää tutkimuksen antamatta perustetta. Minulle on lisäksi selvitetty, että halutessani saan tutkimustiedotteessa nimetyltä tutkijalta lisätietoja tutkimuksen yleisistä periaatteista ja edistymisestä. Ymmärrän, että aineistoa kerätään pelkästään tieteellistä tutkimusta varten eikä sitä luovuteta osittainkaan koehenkilölle itselleen, ja että tietokoneeni IP-osoitetta tai muita tunnistetietoja ei tallenneta.
+</p>
+<p class="lead">Klikkaamalla alla olevaa painiketta annan suostumukseni tutkimuksen yhteydessä tapahtuvaan tietojen keräämiseen ja niiden käsittelyyn tiedotteessa kuvatulla tavalla.
+</p>
+<p class="lead">Tästä elektronisesta suostumuksesta säilytetään digitaalinen merkintä tutkimuksesta vastaavan tutkijan tiedostoissa.
+</p>
+<p>
+ <a class="btn btn-primary" href="{{ url_for('participant_session', exp_id=exp_id, agree='true') }}" role="button">Agree</a>
+ <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Disagree</button>
+ <!-- Modal -->
+ <div class="modal fade" id="myModal" role="dialog">
+ <div class="modal-dialog modal-dialog-centered">
+ <!-- Modal content-->
+ <div class="modal-content modal-dialog-centered">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">×</button>
+ <h4 class="modal-title">Notice!</h4>
+ </div>
+ <div class="modal-body">
+ <p>In order to participate for the study you need to agree with the terms presented.</p>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close Notice</button>
+ <a class="btn btn-primary" href="/" role="button">Return Home</a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+{% endblock %}
+
+
+
diff --git a/app/templates/continue_task.html b/app/templates/continue_task.html
new file mode 100644
index 0000000..ad2084d
--- /dev/null
+++ b/app/templates/continue_task.html
@@ -0,0 +1,24 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+<div class="container text-center">
+<div class="row mt-5 display-4"><br></div>
+<br>
+
+<h1 class="mt-5 display-4"><br>Please insert your participant ID:</h1><br>
+ <form action="" method="post">
+ {{ form.hidden_tag() }}
+ <p>
+ {{ form.participant_id(size=32) }}<br>
+ {% for error in form.participant_id.errors %}
+ <span style="color: red;">[{{ error }}]</span>
+ {% endfor %}
+ </p>
+ <p>{{ form.submit() }}</p>
+
+ </form>
+</div>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/create_experiment.html b/app/templates/create_experiment.html
new file mode 100644
index 0000000..d8ca0c7
--- /dev/null
+++ b/app/templates/create_experiment.html
@@ -0,0 +1,104 @@
+{% extends "base.html" %}
+{% block content %}
+ <h1 class="container mt-5 display-4 text-center"><br>Create new experiment: (1/4)</h1>
+ <br>
+ <br>
+ <p class="lead">Please input the following information. All fields are required.
+ </p>
+ {% from "_formhelpers.html" import render_field %}
+ <div class=container"><br>
+ <div class="row align-items-center justify-content-center">
+ <div class="col-12">
+ <form action="" method="post" role="form">
+ <div class="form-group">
+ <label for="name">Experiment name:</label>
+ <input required type="text" class="form-control" id="name" name="name" placeholder="Name?">
+ <br>
+ <label for="instruction">Instructions:</label>
+ <input required type="text" class="form-control" id="instruction" name="instruction" placeholder="Instructions?">
+ <br>
+
+ <div class="form-group">
+ <label for="language">Language:</label>
+ <select class="form-control" id="language" name="language">
+ <option disabled selected value></option>
+ <option value="Afrikanns">Afrikanns</option>
+ <option value="Albanian">Albanian</option>
+ <option value="Arabic">Arabic</option>
+ <option value="Armenian">Armenian</option>
+ <option value="Basque">Basque</option>
+ <option value="Bengali">Bengali</option>
+ <option value="Bulgarian">Bulgarian</option>
+ <option value="Catalan">Catalan</option>
+ <option value="Cambodian">Cambodian</option>
+ <option value="Chinese (Mandarin)">Chinese (Mandarin)</option>
+ <option value="Croation">Croation</option>
+ <option value="Czech">Czech</option>
+ <option value="Danish">Danish</option>
+ <option value="Dutch">Dutch</option>
+ <option value="English">English</option>
+ <option value="Estonian">Estonian</option>
+ <option value="Fiji">Fiji</option>
+ <option value="Finnish">Finnish</option>
+ <option value="French">French</option>
+ <option value="Georgian">Georgian</option>
+ <option value="German">German</option>
+ <option value="Greek">Greek</option>
+ <option value="Gujarati">Gujarati</option>
+ <option value="Hebrew">Hebrew</option>
+ <option value="Hindi">Hindi</option>
+ <option value="Hungarian">Hungarian</option>
+ <option value="Icelandic">Icelandic</option>
+ <option value="Indonesian">Indonesian</option>
+ <option value="Irish">Irish</option>
+ <option value="Italian">Italian</option>
+ <option value="Japanese">Japanese</option>
+ <option value="Javanese">Javanese</option>
+ <option value="Korean">Korean</option>
+ <option value="Latin">Latin</option>
+ <option value="Latvian">Latvian</option>
+ <option value="Lithuanian">Lithuanian</option>
+ <option value="Macedonian">Macedonian</option>
+ <option value="Malay">Malay</option>
+ <option value="Malayalam">Malayalam</option>
+ <option value="Maltese">Maltese</option>
+ <option value="Maori">Maori</option>
+ <option value="Marathi">Marathi</option>
+ <option value="Mongolian">Mongolian</option>
+ <option value="Nepali">Nepali</option>
+ <option value="Norwegian">Norwegian</option>
+ <option value="Persian">Persian</option>
+ <option value="Polish">Polish</option>
+ <option value="Portuguese">Portuguese</option>
+ <option value="Punjabi">Punjabi</option>
+ <option value="Quechua">Quechua</option>
+ <option value="Romanian">Romanian</option>
+ <option value="Russian">Russian</option>
+ <option value="Samoan">Samoan</option>
+ <option value="Serbian">Serbian</option>
+ <option value="Slovak">Slovak</option>
+ <option value="Slovenian">Slovenian</option>
+ <option value="Spanish">Spanish</option>
+ <option value="Swahili">Swahili</option>
+ <option value="Swedish ">Swedish </option>
+ <option value="Tamil">Tamil</option>
+ <option value="Tatar">Tatar</option>
+ <option value="Telugu">Telugu</option>
+ <option value="Thai">Thai</option>
+ <option value="Tibetan">Tibetan</option>
+ <option value="Tonga">Tonga</option>
+ <option value="Turkish">Turkish</option>
+ <option value="Ukranian">Ukranian</option>
+ <option value="Urdu">Urdu</option>
+ <option value="Uzbek">Uzbek</option>
+ <option value="Vietnamese">Vietnamese</option>
+ <option value="Welsh">Welsh</option>
+ <option value="Xhosa">Xhosa</option>
+ </select>
+ </div>
+ </div>
+ <br>
+ <button type="submit" class="btn btn-primary">Submit</button>
+ </form>
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/create_experiment_bgquestions.html b/app/templates/create_experiment_bgquestions.html
new file mode 100644
index 0000000..6f32525
--- /dev/null
+++ b/app/templates/create_experiment_bgquestions.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+ <h1 class="container mt-5 display-4 text-center"><br>Create new experiment: (2/4)</h1>
+ <br>
+ <p class="lead">Please paste the background questions followed by the list of options for that question separated by ; into the field below.
+ Mark the last option of the question with a /n after which you can again input a new question followed by a list of options.
+ <br>
+ <br>
+ <b>Here is an example input of two background questions:</b>
+ <br>
+ <br>
+ How many hours did you sleep last night?;6;7;8;9;10/n
+ Do you normally listen to audio books?;Yes;No
+ </p>
+
+ {% from "_formhelpers.html" import render_field %}
+
+
+<form action="" method="post" role="form">
+<div class="form-group">
+ <label for="Background questions">Background questions and options:</label>
+ <textarea class="form-control" rows="15" id="bg_questions_and_options" name="bg_questions_and_options"></textarea>
+</div>
+<button type="submit" class="btn btn-primary">Submit</button>
+</form>
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/create_experiment_questions.html b/app/templates/create_experiment_questions.html
new file mode 100644
index 0000000..a3401e8
--- /dev/null
+++ b/app/templates/create_experiment_questions.html
@@ -0,0 +1,35 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+ <h1 class="container mt-5 display-4 text-center"><br>Create new experiment: (3/4)</h1>
+ <br>
+ <p class="lead">Please paste the slider set questions followed by the left and right ends of the scales separated with a ; Place a /n after the right scale to input another question
+ followed by the corresponding scales. Make sure you do not input the /n after the last question.
+
+ <br>
+ <br>
+ <b>Here is an example input of two questions followed by their left (first) and right (second) ends of the scales:</b>
+ <br>
+ <br>
+
+ Did the stimulus make you feel angry?; No; Yes /n
+ Did the stimulus make you feel happy; Not at all; Yes, alot
+ </p>
+
+
+
+
+
+{% from "_formhelpers.html" import render_field %}
+
+<form action="" method="post" role="form">
+<div class="form-group">
+ <label for="questions_and_options">Question;left scale;right scale/n</label>
+ <textarea class="form-control" rows="15" id="questions_and_options" name="questions_and_options"></textarea>
+</div>
+<button type="submit" class="btn btn-primary">Submit</button>
+</form>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/create_experiment_upload_stimuli.html b/app/templates/create_experiment_upload_stimuli.html
new file mode 100644
index 0000000..c718d5f
--- /dev/null
+++ b/app/templates/create_experiment_upload_stimuli.html
@@ -0,0 +1,78 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+ <h1 class="container mt-5 display-4 text-center"><br>Create new experiment: (4/4)</h1>
+ <br>
+ <p class="lead">Select the stimuli to be uploaded for the experiment. First select the stimulus type. If your are using text as a stimuli paste the texts to the textarea and mark
+ the end of each stimulus with a /n. If you are using images, audio or videofiles use the upload function and select all the stimuli at once from your computer and press submit.</p>
+
+
+
+{% from "_formhelpers.html" import render_field %}
+
+
+<form id="UploadStimuliForm" action="" method="POST" role="form" enctype="multipart/form-data">
+
+
+
+ <fieldset class="form-group">
+ <legend>1. Select stimulus type:</legend>
+ <div class="form-check">
+ <label class="form-check-label">
+ <input type="radio" class="form-check-input" name="type" id="text" value="text">
+ Text
+ </label>
+ </div>
+ <div class="form-check">
+ <label class="form-check-label">
+ <input type="radio" class="form-check-input" name="type" id="picture" value="picture">
+ Images
+ </label>
+ </div>
+ <div class="form-check">
+ <label class="form-check-label">
+ <input type="radio" class="form-check-input" name="type" id="video" value="video">
+ Video
+ </label>
+ </div>
+ <div class="form-check">
+ <label class="form-check-label">
+ <input type="radio" class="form-check-input" name="type" id="audio" value="audio">
+ Audio
+ </label>
+ </div>
+ </fieldset>
+
+
+
+
+
+ <div class="form-group">
+ <legend>2. Use this box to upload text stimuli:</legend>
+ <label for="text_stimulus font-weight-bold">Example: text1 /n text2 /n text3</label>
+ <textarea class="form-control" rows="10" id="text" name="text"></textarea>
+ </div>
+
+
+ <div class="input-group mb-3">
+ <legend>OR</legend>
+ <legend>2. Upload images, audio or videofiles here:</legend>
+ <div class="input-group-prepend">
+ <span class="input-group-text">Upload:</span>
+ </div>
+ <div class="custom-file">
+ <input type="file" class="custom-file-input" id="file" name="file" accept="audio/*,video/*,image/*" multiple>
+ <label class="custom-file-label" for="upload_file">Choose file</label>
+ </div>
+</div>
+
+
+ <br>
+ <button type="submit" class="btn btn-primary">Submit</button>
+
+</form>
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/edit_bg_question.html b/app/templates/edit_bg_question.html
new file mode 100644
index 0000000..83b8a84
--- /dev/null
+++ b/app/templates/edit_bg_question.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% block content %}
+<h1 class="container mt-5 display-4 text-center"><br>Edit experiment details:</h1>
+<br>
+<br>
+<p class="lead">Please use following format: Question; Option1; Option2; Option3
+<br>
+<br>
+Note that there is no ; after the last option!
+</p>
+<form action="" method="post" role="form">
+<div class="form-group">
+<label for="Background questions">Background question and its options:</label>
+<textarea class="form-control" rows="15" id="new_values" name="new_values" placeholder= {{ form.bg_questions_and_options }}</textarea>
+</div>
+<button type="submit" class="btn btn-primary">Submit</button>
+<a class="btn btn-primary" href="{{ request.referrer }}" role="button">Cancel</a>
+</form>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/edit_experiment.html b/app/templates/edit_experiment.html
new file mode 100644
index 0000000..8815f36
--- /dev/null
+++ b/app/templates/edit_experiment.html
@@ -0,0 +1,36 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+<h1 class="container mt-5 display-4 text-center"><br>Edit experiment details:</h1>
+
+
+
+
+ <br>
+ <br>
+ <p class="lead">Now editing experiment ID: {{ exp_id }}. All fields are required.
+ </p>
+ {% from "_formhelpers.html" import render_field %}
+ <div class=container"><br>
+ <div class="row align-items-center justify-content-center">
+ <div class="col-12">
+ <form action="" method="post" role="form">
+ <div class="form-group">
+ <label for="Name">Name:</label>
+ <input type="text" class="form-control" id="name" name="name" placeholder={{ form.name }}
+ <br>
+ <label for="Instruction">Instructions:</label>
+ <input required type="text" class="form-control" id="instruction" name="instruction" placeholder= {{ form.instruction }}
+ <br>
+ {{ render_field(form.language) }}
+ </div>
+ <br>
+ <button type="submit" class="btn btn-primary">Update</button>
+ <a class="btn btn-primary" href="{{ url_for('view_experiment', exp_id=exp_id) }}" role="button">Cancel</a>
+
+
+ </form>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/edit_question.html b/app/templates/edit_question.html
new file mode 100644
index 0000000..2ac4513
--- /dev/null
+++ b/app/templates/edit_question.html
@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+<h1 class="container mt-5 display-4 text-center"><br>Edit question:</h1>
+ <br>
+ <br>
+ <p class="lead">Edit this question
+ </p>
+
+ <div class=container"><br>
+ <div class="row align-items-center justify-content-center">
+ <div class="col-12">
+ <form action="" method="post" role="form">
+ <div class="form-group">
+ <label for="Question">Question:</label>
+ <input type="text" class="form-control" id="question" name="question" placeholder= {{ form.question }}
+ <br>
+ <label for="Left scale">Left end of the scale:</label>
+ <input required type="text" class="form-control" id="left" name="left" placeholder= {{ form.left }}
+ <br>
+ <label for="Right scale">Right end of the scale:</label>
+ <input required type="text" class="form-control" id="right" name="right" placeholder= {{ form.right }}
+ <br>
+ </div>
+ <br>
+ <button type="submit" class="btn btn-primary">Update</button>
+ <a class="btn btn-primary" href="{{ request.referrer }}" role="button">Cancel</a>
+
+
+ </form>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/edit_stimuli.html b/app/templates/edit_stimuli.html
new file mode 100644
index 0000000..e234e0d
--- /dev/null
+++ b/app/templates/edit_stimuli.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block content %}
+<h1 class="container mt-5 display-4 text-center"><br>Edit stimulus:</h1>
+<br>
+<p class="lead"></p>
+ {% from "_formhelpers.html" import render_field %}
+ <form id="EditPageForm" action="" method="POST" role="form" enctype="multipart/form-data">
+ {% if edit_page.type == 'text' %}
+ <div class="form-group">
+ <legend>Modify this text:</legend>
+ <textarea class="form-control" rows="10" id="text" name="text" placeholder={{ form.text }}
+ </textarea>
+ </div>
+ {% else %}
+ <div class="input-group mb-3">
+ <legend>Replace current file:<br> {{ edit_page.media }}</legend>
+ <div class="input-group-prepend">
+ <span class="input-group-text">Upload:</span>
+ </div>
+ <div class="custom-file">
+ <input type="file" class="custom-file-input" id="file" name="file" accept="audio/*,video/*,image/*" required>
+ <label class="custom-file-label" for="upload_file">Choose file</label>
+ </div>
+ </div>
+ {% endif %}
+ <br>
+ <button type="submit" class="btn btn-primary">Submit</button>
+ <a class="btn btn-primary" href="{{ request.referrer }}" role="button">Cancel</a>
+</form>
+{% endblock %}
+
diff --git a/app/templates/experiment_statistics.html b/app/templates/experiment_statistics.html
new file mode 100644
index 0000000..45fe3c5
--- /dev/null
+++ b/app/templates/experiment_statistics.html
@@ -0,0 +1,110 @@
+{% extends "base.html" %}
+{% block content %}
+
+<h1 class="container mt-5 display-4 text-left"><br>Experiment info:</h1>
+<br>
+
+
+{% for exp in experiment_info %}
+
+<table class="table">
+ <tbody>
+ <tr>
+ <td>Name:</td>
+ <td>{{ exp.name }}</td>
+ </tr>
+ <tr>
+ <td>ID:</td>
+ <td>{{ exp.idexperiment }}</td>
+ </tr>
+ <tr>
+ <td>Language:</td>
+ <td>{{ exp.language }}</td>
+ </tr>
+ <tr>
+ <td>Status:</td>
+ <td>{{ exp.status }}</td>
+ </tr>
+ <tr>
+ <td>Instructions:</td>
+ <td>{{ exp.instruction }}</td>
+ </tr>
+ <tr>
+ <td>Number of started ratings:</td>
+ <td>{{ started_ratings }}</td>
+ </tr>
+ <tr>
+ <td>Number of finished ratings:</td>
+ <td>??</td>
+ </tr>
+ <tr>
+ <td><a class="btn btn-primary btn-info" href="{{ url_for('download_csv', exp_id=exp.idexperiment) }}" role="button">Export results (csv)</a></td>
+ <td></td>
+ </tr>
+ </tbody>
+</table>
+
+{% endfor %}
+
+<h1 class="container mt-5 display-4 text-left"><br>Rating task values:</h1>
+<br>
+
+
+<table class="table">
+ <thead>
+ <tr>
+ <th scope="col" nowrap>Page ID/Question:</td>
+ {% for page in pages_and_questions %}
+
+ {% for p in pages_and_questions[page] %}
+ <th scope="col" nowrap>{{ p[0]}} / {{ p[1]}} </th>
+ {% endfor %}
+
+ {% endfor %}
+ </tr>
+ </thead>
+ <tbody>
+ {% for participant in participants_and_answers %}
+ <tr>
+ <td>{{ participant }}</td>
+ {% for answer in participants_and_answers[participant] %}
+ <td align="center">{{ answer[3] }}</td>
+ {% endfor %}
+ </tr>
+ {% endfor %}
+ </tbody>
+</table>
+
+
+<h1 class="container mt-5 display-4 text-left"><br>Background question answers:</h1>
+<br>
+
+
+<table class="table">
+ <thead>
+ <tr>
+ <th scope="col" nowrap>Question:</th>
+
+ {% for bg in bg_questions %}
+ <th scope="col" nowrap>{{ bg.background_question }}</th>
+ {% endfor %}
+ </tr>
+ </thead>
+ <tbody>
+ {% for p in bg_answers_for_participants %}
+ <tr>
+ <td>{{ p }}</td>
+ {% for bg_answer in bg_answers_for_participants[p] %}
+ <td align="center">{{ bg_answer }}</td>
+ {% endfor %}
+ </tr>
+ {% endfor %}
+ </tbody>
+</table>
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/index.html b/app/templates/index.html
new file mode 100644
index 0000000..55823d0
--- /dev/null
+++ b/app/templates/index.html
@@ -0,0 +1,91 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+ <h1 class="container mt-5 display-4 text-center"><br>{{ _('Welcome') }}</h1>
+ <br>
+ <p class="lead">This is the Human Emotion Systems laboratorys stimulus rating tool. If you have previously started a rating task you can continue that task on this page. If you are a researcher you can create new rating tasks by <a href="{{ url_for('login') }}">logging in.</a>
+ Or you can start a new rating task and start rating by selecting a rating task from the database list below.</p>
+ <div class="row">
+ <div class="col mt-5">
+ <h3>List of experiments in database:</h3>
+ {% block attributes %}
+ {% for exp in experiments %}
+
+ {% if exp.status == 'Public' %}
+
+ <ul class="list-group mb-4">
+ <li class="list-group-item active"><span class="font-weight-bold">Name:</span> {{ exp.name }} </li>
+ <li class="list-group-item"><span class="font-weight-bold">Instruction:</span> {{ exp.instruction }}</li>
+ {% if current_user.is_authenticated %}
+ <li class="list-group-item"><span class="font-weight-bold">ID number:</span> {{ exp.idexperiment }} </li>
+ <li class="list-group-item"><span class="font-weight-bold">Language:</span> {{ exp.language }}</li>
+ <li class="list-group-item"><span class="font-weight-bold">Status:</span> {{ exp.status }}</li>
+ {% endif %}
+ <li class="list-group-item">
+ <button class="btn btn-outline-success dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Begin task
+ </button>
+ <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+ <a class="dropdown-item" href="{{ url_for('consent', exp_id=exp.idexperiment) }}">As a new participant</a>
+ <a class="dropdown-item" href="{{ url_for('begin_with_id', exp_id=exp.idexperiment) }}">I have received an ID to use for this task</a>
+ </div>
+ <a class="btn btn-outline-success" href="{{ url_for('continue_task', exp_id=exp.idexperiment) }}" role="button">Continue task</a>
+
+ {% if current_user.is_authenticated %}
+
+
+ <a class="btn btn-outline-info" href="{{ url_for('experiment_statistics', exp_id=exp.idexperiment) }}" role="button">Statistics</a>
+ <a class="btn btn-outline-info" href="{{ url_for('view_experiment', exp_id=exp.idexperiment) }}" role="button">View / Edit</a>
+
+ {% endif %}
+
+
+ </ul>
+ <br>
+ <br>
+ {% endif %}
+
+ {% if (exp.status == 'Hidden') and (current_user.is_authenticated) %}
+ <br>
+ <h3>Unpublished experiment:</h3>
+ <ul class="list-group mb-4">
+ <li class="list-group-item list-group-item-dark"><span class="font-weight-bold">Name:</span> {{ exp.name }} </li>
+ <li class="list-group-item"><span class="font-weight-bold">Instruction:</span> {{ exp.instruction }}</li>
+ {% if current_user.is_authenticated %}
+ <li class="list-group-item"><span class="font-weight-bold">ID number:</span> {{ exp.idexperiment }} </li>
+ <li class="list-group-item"><span class="font-weight-bold">Language:</span> {{ exp.language }}</li>
+ <li class="list-group-item"><span class="font-weight-bold">Status:</span> {{ exp.status }}</li>
+ {% endif %}
+ <li class="list-group-item">
+ <button class="btn btn-outline-success dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Begin task
+ </button>
+ <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+ <a class="dropdown-item" href="{{ url_for('consent', exp_id=exp.idexperiment) }}">As a new participant</a>
+ <a class="dropdown-item" href="{{ url_for('begin_with_id', exp_id=exp.idexperiment) }}">I have received an ID to use for this task</a>
+ </div>
+ <a class="btn btn-outline-success" href="{{ url_for('continue_task', exp_id=exp.idexperiment) }}" role="button">Continue task</a>
+ {% if current_user.is_authenticated %}
+
+
+ <a class="btn btn-outline-info" href="{{ url_for('experiment_statistics', exp_id=exp.idexperiment) }}" role="button">Statistics</a>
+ <a class="btn btn-outline-info" href="{{ url_for('view_experiment', exp_id=exp.idexperiment) }}" role="button">View / Edit</a>
+
+
+ {% endif %}
+ </li>
+ </ul>
+
+ {% endif %}
+
+
+
+
+ {% endfor %}
+ {% endblock %}
+ </div>
+ </div>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/instructions.html b/app/templates/instructions.html
new file mode 100644
index 0000000..6c2c320
--- /dev/null
+++ b/app/templates/instructions.html
@@ -0,0 +1,25 @@
+{% extends "base.html" %}
+{% block content %}
+
+<h1 class="row mt-5 display-4"><br>Rating task instructions:</h1>
+
+
+{% block attributes %}
+ {% for ins in instructions %}
+ <div class="row lead"> {{ ins.instruction }} </div>
+ {% endfor %}
+ {% endblock %}
+
+<br>
+<h3 class="row display-5 text-danger"> Notice!</h3>
+<div class="row lead">If you wish to quit a rating task before it is fully completed, you can return to finish the task later but you will need your participant ID-number in order to do that. Please save your participant ID before starting the rating task!</div>
+
+<br>
+<h4 class="row">Your participant ID is: <div class="text-danger"> {{ session['user'] }} </div></h4>
+
+<br>
+<a class="btn btn-primary" href="/task/1" role="button">I'm ready to start</a>
+
+{% endblock %}
+
+
diff --git a/app/templates/quit_task.html b/app/templates/quit_task.html
new file mode 100644
index 0000000..78efec3
--- /dev/null
+++ b/app/templates/quit_task.html
@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+{% block content %}
+
+<h1 class="row mt-5 display-4"><br>Notice!</h1>
+
+<br>
+<h3 class="row display-5 text-danger"> Notice!</h3>
+<div class="row lead">Please write down your participant ID so you can return and finish the rating task later!</div>
+
+<br>
+<h4 class="row">Your participant ID is: <div class="text-danger"> {{ user_id }} </div></h4>
+
+<br>
+<a class="btn btn-primary" href="/" role="button">Quit!</a>
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/register.html b/app/templates/register.html
new file mode 100644
index 0000000..9526075
--- /dev/null
+++ b/app/templates/register.html
@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+{% import "bootstrap/wtf.html" as wtf %}
+{% block content %}
+
+<div class="container text-center mt-5">
+ <h1 class="display-4"><br>This is the registration page.</h1>
+ <p class="lead"> Please fill in these background questions before starting the rating task:</p>
+</div>
+<form class="form-group" action="" method="post">
+ {% for options in form.questions1 %}
+ <div class="form-group">
+ <label for="{{ options[0] }}">{{ options[1] }}</label>
+ <select required class="form-control" name="{{ options[0] }}">
+ <option disabled selected value></option>
+ {% for op in form.questions1[options] %}
+ <option value="{{ op[0] }}" name="{{ op[0] }}">{{ op[0] }}</option>
+ {% endfor %}
+ </select>
+ </div>
+ {% endfor %}
+ <p>
+ <button type="submit" class="btn btn-primary">Submit</button>
+ </p>
+</form>
+
+
+{% endblock %}
+
+
diff --git a/app/templates/remove_experiment.html b/app/templates/remove_experiment.html
new file mode 100644
index 0000000..03af89c
--- /dev/null
+++ b/app/templates/remove_experiment.html
@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+<h1 class="container mt-5 display-4 text-center"><br>Remove experiment:</h1>
+ <br>
+ <br>
+ <p class="lead text-center">Confirm that you wish to remove the experiment by writing "DELETE" on the text field below and press submit. <br><br>
+ Notice!- All experiment files will be lost, including data collected from participants.
+ Be sure to export your data before deleting experiments.
+ </p>
+
+ <div class=container"><br>
+ <div class="row align-items-center justify-content-center">
+ <div class="col-4 text-center">
+ <form action="" method="post" role="form">
+ <div class="form-group">
+ <label for="Remove"></label>
+ <input type="text" class="form-control" id="remove" name="remove" required>
+ <br>
+ <button type="submit" class="btn btn-primary">Remove</button>
+ <a class="btn btn-primary" href="{{ url_for('view_experiment', exp_id=exp_id) }}" role="button">Cancel</a>
+ </form>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/researcher_info.html b/app/templates/researcher_info.html
new file mode 100644
index 0000000..0a79d0d
--- /dev/null
+++ b/app/templates/researcher_info.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% block content %}
+
+<h1 class="row mt-5 display-4"><br>How to prepare your stimuli before uploading:</h1>
+<br>
+
+<h4 class="">How to split audiofiles into sections:</h4>
+
+<p class="">Audio segmentation is easy to do with eg. <a href="https://www.nch.com.au/wavepad/index.html">WavePad</a> ..... </p>
+
+
+<h4 class="">Supported videoformats and how to convert videos before upload:</h4>
+
+<p class="">Info on how to use <a href="https://www.videolan.org/vlc/">VLC-player</a> conversion tool to convert files to WebM-format..... </p>
+
+{% endblock %}
+
+
+
diff --git a/app/templates/researcher_login.html b/app/templates/researcher_login.html
new file mode 100644
index 0000000..051251f
--- /dev/null
+++ b/app/templates/researcher_login.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div class="container text-center">
+<h1 class="mt-5 display-4"><br>Sign In</h1>
+ <form action="" method="post">
+ {{ form.hidden_tag() }}
+ <p>
+ {{ form.username.label }}<br>
+ {{ form.username(size=32) }}<br>
+ {% for error in form.username.errors %}
+ <span style="color: red;">[{{ error }}]</span>
+ {% endfor %}
+ </p>
+ <p>
+ {{ form.password.label }}<br>
+ {{ form.password(size=32) }}<br>
+ {% for error in form.password.errors %}
+ <span style="color: red;">[{{ error }}]</span>
+ {% endfor %}
+ </p>
+ <p>{{ form.remember_me() }} {{ form.remember_me.label }}</p>
+ <p>{{ form.submit() }}</p>
+ </form>
+</div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/task.html b/app/templates/task.html
new file mode 100644
index 0000000..d0d8ade
--- /dev/null
+++ b/app/templates/task.html
@@ -0,0 +1,136 @@
+{% extends "base.html" %}
+{% block content %}
+
+<br>
+<br>
+
+{% if session['randomization']=='Off' %}
+
+
+ {% if session['type']=='text' %}
+ <div class="container text-center mt-5 pt-5">
+ {% for page in pages.items %}
+ <h3 class="text-center mt-5"><br>{{ page.text }}</h3>
+ {% endfor %}
+ </div>
+ <br><br><br><br><br>
+ {% endif %}
+
+
+ {% if session['type']=='picture' %}
+ <div class="container stimulus col-9 mt-5 pt-5">
+ {% for page in pages.items %}
+ <img src="/{{ page.media }}" class="img-fluid">
+ {% endfor %}
+ </div>
+ {% endif %}
+
+
+ {% if session['type']=='video' %}
+ <div class="col-9 container stimulus mt-5 pt-5">
+ {% for page in pages.items %}
+ <div class="embed-responsive embed-responsive-16by9">
+ <iframe class="embed-responsive-item" src="/{{ page.media }}" allowfullscreen></iframe>
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+
+
+ {% if session['type']=='audio' %}
+ <div class="col-4 container stimulus mt-5 pt-5">
+ {% for page in pages.items %}
+ <div class="embed-responsive embed-responsive-16by9">
+ <iframe class="embed-responsive-item" src="/{{ page.media }}" allowfullscreen></iframe>
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+
+
+{% else %}
+
+
+
+ {% if session['type']=='text' %}
+ <div class="container text-center mt-5 pt-5">
+ {% for page in pages.items %}
+ <h3 class="text-center mt-5"><br>{{ randomized_stimulus.text }}</h3>
+ {% endfor %}
+ </div>
+ <br><br><br><br><br>
+ {% endif %}
+
+
+ {% if session['type']=='picture' %}
+ <div class="container stimulus col-9 mt-5 pt-5">
+ {% for page in pages.items %}
+ <img src="/{{ randomized_stimulus.media }}" class="img-fluid">
+ {% endfor %}
+ </div>
+ {% endif %}
+
+
+ {% if session['type']=='video' %}
+ <div class="col-9 container stimulus mt-5 pt-5">
+ {% for page in pages.items %}
+ <div class="embed-responsive embed-responsive-16by9">
+ <iframe class="embed-responsive-item" src="/{{ randomized_stimulus.media }}" allowfullscreen></iframe>
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+
+
+ {% if session['type']=='audio' %}
+ <div class="col-4 container stimulus mt-5 pt-5">
+ {% for page in pages.items %}
+ <div class="embed-responsive embed-responsive-16by9">
+ <iframe class="embed-responsive-item" src="/{{ randomized_stimulus.media }}" allowfullscreen></iframe>
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+
+
+{% endif %}
+
+
+
+
+
+
+
+
+
+ <br>
+
+ <h4 class="text-center">Rate the above stimulus based on these categories</h4>
+
+ <form class="form-group mt-5" action="" method="post">
+ {% for category in form.categories1 %}
+ {% for scale in form.categories1[category] %}
+ <div class="row form-group">
+ <div class="col-2 text-center">
+ <p>{{ scale[0] }}</p>
+ </div>
+ <div class="col text-center">
+ <label for="customRange">{{ category[1] }}</label>
+ <input type="range" class="custom-range" id="customRange" name={{ category[0] }}>
+
+ </div>
+ <div class="col-2 text-center">
+ <p>{{ scale[1] }}</p>
+ </div>
+ </div>
+ {% endfor %}
+ {% endfor %}
+ <div class="form-row text-center">
+ <div class="col-12">
+ <a class="btn btn-primary" href={{ url_for('quit_task') }} role="button">Quit task</a>
+ <button type="submit" class="btn btn-primary">Next page</button>
+ </div>
+ </div>
+ </form>
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/task_completed.html b/app/templates/task_completed.html
new file mode 100644
index 0000000..a12ea8d
--- /dev/null
+++ b/app/templates/task_completed.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% block content %}
+
+
+ <h1 class="row mt-5 display-4">
+ <div class="container text-center">
+ <br>Task completed!</h1>
+ <br>
+ </div>
+ <div class="container text-center lead">
+ <p>You have completed the rating task. Thank you for your participation :)</p>
+ </div>
+ <p>
+ <div class="container text-center">
+ <a class="btn btn-primary" href="/" role="button">Return Home</a>
+ </div>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/view_experiment.html b/app/templates/view_experiment.html
new file mode 100644
index 0000000..512a1d8
--- /dev/null
+++ b/app/templates/view_experiment.html
@@ -0,0 +1,314 @@
+{% extends "base.html" %}
+{% block content %}
+
+<h1 class="container mt-5 display-4 text-left"><br>Experiment info:</h1>
+<br>
+
+
+<div class="container col-12">
+<table class="table">
+ <tbody>
+
+
+{% for exp in experiment_info %}
+ <tr>
+ <td>Name:</td>
+ <td>{{ exp.name }}</td>
+ <td>
+ <button type="button" class="btn btn-primary btn-block btn-sm btn-dark" data-toggle="modal" data-target="#myModal-remove">Remove experiment</button>
+ <!-- Modal -->
+ <div class="modal fade" id="myModal-remove" role="dialog">
+ <div class="modal-dialog modal-dialog-centered" id="modal-remove">
+ <!-- Modal content-->
+ <div class="modal-content modal-dialog-centered">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">×</button>
+ <h4 class="modal-title">Notice!</h4>
+ </div>
+ <div class="modal-body">
+ <p>Are you sure you want to remove this experiment? All gathered ratings will be lost!</p>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+ <a class="btn btn-primary" href="{{ url_for('remove_experiment', exp_id=exp.idexperiment) }}" role="button">Yes, remove</a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </td>
+ </tr>
+ <tr>
+ <td>Status:</td>
+ <td>{{ exp.status }}</td>
+ <td>
+ {% if exp.status == 'Hidden' %}
+ <a class="btn btn-primary btn-block btn-sm btn-info" href="{{ url_for('publish_experiment', exp_id=exp.idexperiment) }}" role="button">Publish</a></td>
+ {% endif %}
+ {% if exp.status == 'Public' %}
+ <a class="btn btn-primary btn-block btn-sm btn-info" href="{{ url_for('hide_experiment', exp_id=exp.idexperiment) }}" role="button">Hide experiment</a></td>
+ {% endif %}
+ </tr>
+ <tr>
+ <td class"col-1">Instructions:</td>
+ <td class"col-10">{{ exp.instruction }}</td>
+ <td class"col-1">
+ <a class="btn btn-primary btn-block btn-sm btn-info" href="{{ url_for('edit_experiment', exp_id=exp.idexperiment) }}" role="button">Edit info</a>
+ </td>
+ </tr>
+ <tr>
+ <td>Trial randomization:</td>
+ <td>{{ exp.randomization }}</td>
+ <td>
+ {% if exp.randomization == 'Off' %}
+ <a class="btn btn-primary btn-block btn-sm btn-info" href="{{ url_for('enable_randomization', exp_id=exp.idexperiment) }}" role="button">Enable</a></td>
+ {% endif %}
+ {% if exp.randomization == 'On' %}
+ <a class="btn btn-primary btn-block btn-sm btn-info" href="{{ url_for('disable_randomization', exp_id=exp.idexperiment) }}" role="button">Disable</a></td>
+ {% endif %}
+
+ </td>
+ </tr>
+ <tr>
+ <td>Language:</td>
+ <td>{{ exp.language }}</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>Stimulus type:</td>
+ <td>{{ mtype.type }}</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>Experiment ID:</td>
+ <td>{{ exp.idexperiment }}</td>
+ <td></td>
+ </tr>
+
+{% endfor %}
+ </tbody>
+</table>
+</div>
+
+
+
+<h1 class="container mt-5 display-4 text-left"><br>Background questions:</h1>
+<br>
+
+ {% for options in questions1 %}
+
+ <table class="table">
+ <tbody>
+ <tr>
+ <td class="col-8">
+ <label for="{{ options[0] }}">{{ options[1] }}</label>
+ <select required class="form-control" name="{{ options[0] }}">
+ <option disabled selected value></option>
+ {% for op in questions1[options] %}
+ <option value="{{ op[0] }}" name="{{ op[0] }}">{{ op[0] }}</option>
+ {% endfor %}
+ </select>
+ </td>
+ <td class="text-nowrap align-bottom">
+
+ <button type="button" class="btn btn-primary btn-sm btn-dark" data-toggle="modal" data-target="#myModal{{options[0]}}">Remove</button>
+ <!-- Modal -->
+ <div class="modal fade" id="myModal{{options[0]}}" role="dialog">
+ <div class="modal-dialog modal-dialog-centered" id="{{options[0]}}">
+ <!-- Modal content-->
+ <div class="modal-content modal-dialog-centered">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">×</button>
+ <h4 class="modal-title">Notice!</h4>
+ </div>
+ <div class="modal-body">
+ <p>Are you sure you want to remove this?</p>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+ <a class="btn btn-primary" href="{{ url_for('remove_bg_question', idbackground_question=options[0], exp_id=exp_id) }}" role="button">Yes, remove</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('edit_bg_question', idbackground_question=options[0]) }}" role="button">Edit</a>
+
+ </td>
+ </tr>
+
+ {% endfor %}
+ </tbody>
+ </table>
+ <table class="table">
+ <tbody>
+ <td class="text-nowrap align-bottom text-right col-8">
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('add_bg_question', exp_id=exp_id) }}" role="button">Add more</a>
+ </td>
+ </tbody>
+ </table>
+
+
+
+<h1 class="container mt-5 display-4 text-left"><br>Rating set:</h1>
+<hr>
+<br>
+ {% for category in categories1 %}
+ {% for scale in categories1[category] %}
+ <div class="row form-group">
+ <div class="col-2 text-center">
+ <p>{{ scale[0] }}</p>
+ </div>
+ <div class="col text-center">
+ <label for="customRange">{{ category[1] }}</label>
+ <input type="range" class="custom-range" id="customRange" name={{ category[0] }}>
+ </div>
+ <div class="col-2 text-center">
+ <p>{{ scale[1] }}</p>
+ </div>
+ <div class="col-2 text-center">
+
+
+ <button type="button" class="btn btn-primary btn-sm btn-dark" data-toggle="modal" data-target="#mymodal{{category[0]}}">Remove</button>
+ <!-- Modal -->
+ <div class="modal fade" id="mymodal{{category[0]}}" role="dialog">
+ <div class="modal-dialog modal-dialog-centered" id="{{category[0]}}">
+ <!-- Modal content-->
+ <div class="modal-content modal-dialog-centered">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">×</button>
+ <h4 class="modal-title">Notice!</h4>
+ </div>
+ <div class="modal-body">
+ <p>Are you sure you want to remove this?</p>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+ <a class="btn btn-primary" href="{{ url_for('remove_question', idquestion=category[0], exp_id=exp_id) }}" role="button">Yes, remove</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('edit_question', idquestion=category[0]) }}" role="button">Edit</a>
+
+ </div>
+
+ </div>
+ {% endfor %}
+ {% endfor %}
+
+ </table>
+ <table class="table">
+ <tbody>
+ <td class="text-nowrap align-bottom text-right col-8">
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('add_questions', exp_id=exp_id) }}" role="button">Add more</a>
+ </td>
+ </tbody>
+ </table>
+
+
+ <h1 class="container mt-5 display-4 text-left"><br>Stimuli:</h1>
+ <hr>
+
+ <p class="lead">Please notice that the Page ID is just the reference ID of the stimulus in the database. When stimulus randomization is set to "OFF"
+ the stimulus will be presented in the order below even if there would be numbers missing from the page ID sequence.
+ If randomization is set to "ON" the order will be randomized for each participant.
+ </p>
+ <br>
+<div class="container col-12">
+ <table class="table col-12">
+ <tbody>
+ {% if mtype.type=='text' %}
+ {% for page in media.items %}
+ <tr class="col-12">
+ <td class="text-nowrap">Page ID: {{ page.idpage }}
+ </td>
+ <td class="col-8">{{ page.text }}
+ </td>
+ <td class="col-2 text-nowrap">
+ <button type="button" class="btn btn-primary btn-sm btn-dark" data-toggle="modal" data-target="#mymodal{{page.idpage}}">Remove</button>
+ <!-- Modal -->
+ <div class="modal fade" id="mymodal{{page.idpage}}" role="dialog">
+ <div class="modal-dialog modal-dialog-centered" id="{{page.idpage}}">
+ <!-- Modal content-->
+ <div class="modal-content modal-dialog-centered">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">×</button>
+ <h4 class="modal-title">Notice!</h4>
+ </div>
+ <div class="modal-body">
+ <p>Are you sure you want to remove this?</p>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+ <a class="btn btn-primary" href="{{ url_for('remove_page', idpage=page.idpage, exp_id=exp_id) }}" role="button">Yes, remove</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('edit_stimuli', idpage=page.idpage, exp_id=exp_id) }}" role="button">Edit</a>
+ </td>
+ </tr>
+ {% endfor %}
+
+ <table class="table">
+ <tbody>
+ <td class="text-nowrap align-bottom text-right col-8">
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('add_stimuli', exp_id=exp_id, stimulus_type=mtype.type) }}" role="button">Add more</a>
+ </td>
+ </tbody>
+ </table>
+
+ {% else %}
+ <div class="container col-12">
+ {% for page in media.items %}
+ <tr class="col-12 text-left">
+ <td class="col-2 text-nowrap">Page ID: {{ page.idpage }}
+ </td>
+ <td class="col-8" >{{ page.media }}
+ </td>
+ <td class="col-2 text-nowrap">
+ <button type="button" class="btn btn-primary btn-sm btn-dark" data-toggle="modal" data-target="#mymodal{{page.idpage}}">Remove</button>
+ <!-- Modal -->
+ <div class="modal fade" id="mymodal{{page.idpage}}" role="dialog">
+ <div class="modal-dialog modal-dialog-centered" id="{{page.idpage}}">
+ <!-- Modal content-->
+ <div class="modal-content modal-dialog-centered">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">×</button>
+ <h4 class="modal-title">Notice!</h4>
+ </div>
+ <div class="modal-body">
+ <p>Are you sure you want to remove this?</p>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+ <a class="btn btn-primary" href="{{ url_for('remove_page', idpage=page.idpage, exp_id=exp_id) }}" role="button">Yes, remove</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('edit_stimuli', idpage=page.idpage, exp_id=exp_id) }}" role="button">Replace</a>
+
+ </td>
+ </tr>
+ {% endfor %}
+
+ <table class="table">
+ <tbody>
+ <td class="text-nowrap align-bottom text-right col-8">
+ <a class="btn btn-primary btn-sm btn-info" href="{{ url_for('add_stimuli', exp_id=exp_id, stimulus_type=mtype.type) }}" role="button">Add more</a>
+ </td>
+ </tbody>
+ </table>
+
+ {% endif %}
+
+ </tbody>
+ </table>
+
+ </div>
+ <br>
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/translations/fin/LC_MESSAGES/messages.mo b/app/translations/fin/LC_MESSAGES/messages.mo
new file mode 100644
index 0000000000000000000000000000000000000000..699bab536246627e73eee1a2fea29e5490bf4da7
GIT binary patch
literal 484
zcmca7#4?qEfq{XEfq_AWfq_8>#6iL~3=9nH3=9mm3=9mD85tN{85kJ27#J9CGBPkQ
zgs0{t=jWy}1Qg|Gr6!l?dZy@xr4|)u=I2={1O)kexjKg^gt-O<d;0rv1*I0`7nSJx
z7N=*X=sK0A7wd-PTPe8uI(qszIJ&q5xdsPw1^9>PIv1rTmSpDV>AEDAq*^H$85mmV
z8XD>vm?#*UTN#^b8yFcFa0U452Bnr|f^5R8&L^?BL^q@;F|Rl$u_V99O2IAE$49}>
z(brYM2E}SSE}z7_^wPxiR4awF%y>6XIA1p;H8B?|s9@vc<B*f7mtT}_#}$xMT9lZh
z>y}@XTWqC}R{-V~+ZtIbK$x}~c?ycQ3Wl0ozMj6Wh=4KFGvIR0&nrpIE71+9EJ(Fd
zC`qj-(J#nJ%*?Y^NX|$sDo!o2EiFmYwLqu?c_A&eNY^zlIX@*cFWpMPA}O<k%RMzO
nwJ5P9HAUB{(n`T8F)1}i!AQ?c&wz^|B(<n4wWKsBKal|dF@}fR
literal 0
HcmV?d00001
diff --git a/app/translations/fin/LC_MESSAGES/messages.po b/app/translations/fin/LC_MESSAGES/messages.po
new file mode 100644
index 0000000..5d1d64e
--- /dev/null
+++ b/app/translations/fin/LC_MESSAGES/messages.po
@@ -0,0 +1,24 @@
+# Finnish (Finland) translations for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2018.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-11-04 17:35+0200\n"
+"PO-Revision-Date: 2018-11-04 17:35+0200\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language: fi_FI\n"
+"Language-Team: fi_FI <LL@li.org>\n"
+"Plural-Forms: nplurals=2; plural=(n != 1)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.6.0\n"
+
+#: app/templates/index.html:5
+msgid "Welcome"
+msgstr "Tervetuloa"
+
diff --git a/babel.cfg b/babel.cfg
new file mode 100644
index 0000000..5ce6e47
--- /dev/null
+++ b/babel.cfg
@@ -0,0 +1,3 @@
+[python: app/**.py]
+[jinja2: app/templates/**.html]
+extensions=jinja2.ext.autoescape,jinja2.ext.with_
\ No newline at end of file
diff --git a/config.py b/config.py
new file mode 100644
index 0000000..1b0d935
--- /dev/null
+++ b/config.py
@@ -0,0 +1,11 @@
+import os
+basedir = os.path.abspath(os.path.dirname(__file__))
+
+class Config(object):
+
+ #seret key is set in __ini__.py
+ #SECRET_KEY = os.environ.get('SECRET_KEY') or 'you-will-never-guess'
+ SQLALCHEMY_DATABASE_URI = os.environ.get('DATABASE_URL') or \
+ 'sqlite:///' + os.path.join(basedir, 'app.db')
+ SQLALCHEMY_TRACK_MODIFICATIONS = False
+
diff --git a/dump.sql b/dump.sql
new file mode 100644
index 0000000..4daea50
--- /dev/null
+++ b/dump.sql
@@ -0,0 +1,95 @@
+CREATE TABLE background_question (
+ idbackground_question INTEGER NOT NULL,
+ background_question VARCHAR(120),
+ experiment_idexperiment INTEGER,
+ PRIMARY KEY (idbackground_question)
+);
+CREATE TABLE experiment (
+ idexperiment INTEGER NOT NULL,
+ name VARCHAR(120),
+ instruction VARCHAR(120),
+ directoryname VARCHAR(120),
+ language VARCHAR(120),
+ status VARCHAR(120),
+ randomization VARCHAR(120),
+ PRIMARY KEY (idexperiment)
+);
+CREATE TABLE trial_randomization (
+ idtrial_randomization INTEGER NOT NULL,
+ page_idpage INTEGER,
+ randomized_idpage INTEGER,
+ answer_set_idanswer_set INTEGER,
+ experiment_idexperiment INTEGER,
+ PRIMARY KEY (idtrial_randomization)
+);
+CREATE TABLE user (
+ id INTEGER NOT NULL,
+ username VARCHAR(64),
+ email VARCHAR(120),
+ password_hash VARCHAR(128),
+ PRIMARY KEY (id)
+);
+INSERT INTO user VALUES(1,'timo',NULL,'pbkdf2:sha256:50000$sctKb5R4$688ff9fd63df4a0883b9eb003b6738c6b7baa2010e1cd503c678b43c881c07bf');
+CREATE TABLE answer_set (
+ idanswer_set INTEGER NOT NULL,
+ experiment_idexperiment INTEGER,
+ session VARCHAR(120),
+ agreement VARCHAR(120),
+ answer_counter INTEGER,
+ PRIMARY KEY (idanswer_set),
+ FOREIGN KEY(experiment_idexperiment) REFERENCES experiment (idexperiment)
+);
+CREATE TABLE background_question_option (
+ idbackground_question_option INTEGER NOT NULL,
+ background_question_idbackground_question INTEGER,
+ option VARCHAR(120),
+ PRIMARY KEY (idbackground_question_option),
+ FOREIGN KEY(background_question_idbackground_question) REFERENCES background_question (idbackground_question)
+);
+CREATE TABLE page (
+ idpage INTEGER NOT NULL,
+ experiment_idexperiment INTEGER,
+ type VARCHAR(120),
+ text VARCHAR(120),
+ media VARCHAR(120),
+ PRIMARY KEY (idpage),
+ FOREIGN KEY(experiment_idexperiment) REFERENCES experiment (idexperiment)
+);
+CREATE TABLE question (
+ idquestion INTEGER NOT NULL,
+ experiment_idexperiment INTEGER,
+ question VARCHAR(120),
+ `left` VARCHAR(120),
+ `right` VARCHAR(120),
+ PRIMARY KEY (idquestion),
+ FOREIGN KEY(experiment_idexperiment) REFERENCES experiment (idexperiment)
+);
+CREATE TABLE answer (
+ idanswer INTEGER NOT NULL,
+ question_idquestion INTEGER,
+ answer_set_idanswer_set INTEGER,
+ answer VARCHAR(120),
+ page_idpage INTEGER,
+ PRIMARY KEY (idanswer),
+ FOREIGN KEY(answer_set_idanswer_set) REFERENCES answer_set (idanswer_set),
+ FOREIGN KEY(page_idpage) REFERENCES page (idpage),
+ FOREIGN KEY(question_idquestion) REFERENCES question (idquestion)
+);
+CREATE TABLE background_question_answer (
+ idbackground_question_answer INTEGER NOT NULL,
+ answer_set_idanswer_set INTEGER,
+ answer VARCHAR(120),
+ background_question_idbackground_question INTEGER,
+ PRIMARY KEY (idbackground_question_answer),
+ FOREIGN KEY(answer_set_idanswer_set) REFERENCES answer_set (idanswer_set),
+ FOREIGN KEY(background_question_idbackground_question) REFERENCES background_question (idbackground_question)
+);
+CREATE UNIQUE INDEX ix_experiment_directoryname ON experiment (directoryname);
+CREATE INDEX ix_experiment_instruction ON experiment (instruction);
+CREATE INDEX ix_experiment_name ON experiment (name);
+CREATE UNIQUE INDEX ix_user_email ON user (email);
+CREATE UNIQUE INDEX ix_user_username ON user (username);
+CREATE INDEX ix_page_media ON page (media);
+CREATE INDEX ix_page_text ON page (text);
+CREATE INDEX ix_page_type ON page (type);
+
diff --git a/messages.pot b/messages.pot
new file mode 100644
index 0000000..f6a2d81
--- /dev/null
+++ b/messages.pot
@@ -0,0 +1,23 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2018.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-11-04 17:35+0200\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.6.0\n"
+
+#: app/templates/index.html:5
+msgid "Welcome"
+msgstr ""
+
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..2bd4d95
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,24 @@
+alembic==0.9.9
+click==6.7
+dominate==2.3.1
+Flask==1.0.2
+Flask-Bootstrap==3.3.7.1
+Flask-Login==0.4.1
+Flask-Migrate==2.2.1
+Flask-Session==0.3.1
+Flask-SQLAlchemy==2.3.2
+Flask-Uploads==0.2.1
+Flask-WTF==0.14.2
+itsdangerous==0.24
+Jinja2==2.10
+Mako==1.0.7
+MarkupSafe==1.0
+python-dateutil==2.7.3
+python-editor==1.0.3
+six==1.11.0
+SQLAlchemy==1.2.8
+uuid==1.30
+visitor==0.1.3
+Werkzeug==0.14.1
+WTForms==2.2.1
+WTForms-SQLAlchemy==0.1
--
GitLab