Merge branch 'development' of gitlab.ub.uni-bielefeld.de:sfb1288inf/opaque into development

app/models.py

@@ -120,6 +120,7 @@ class User(UserMixin, db.Model):
                               cascade='save-update, merge, delete')
     jobs = db.relationship('Job', backref='creator', lazy='dynamic',
                            cascade='save-update, merge, delete')
+    is_dark = db.Column(db.Boolean, default=False)
 
     def __repr__(self):
         """

app/profile/forms.py

@@ -1,8 +1,9 @@
 from flask_wtf import FlaskForm
-from wtforms import PasswordField, StringField, SubmitField, ValidationError
+from wtforms import (PasswordField, StringField, SubmitField,
+                     ValidationError, BooleanField)
 from wtforms.validators import DataRequired, EqualTo, Length
 from ..models import User
-
+import logging
 
 class ChangePasswordForm(FlaskForm):
     """
@@ -36,3 +37,8 @@ class EditProfileForm(FlaskForm):
         if field.data != self.user.email and \
                 User.query.filter_by(email=field.data).first():
             raise ValidationError('Email already registered!')
+
+
+class EditUserSettingsForm(FlaskForm):
+    is_dark = BooleanField('Dark Mode')
+    submit = SubmitField('Save Settings')

app/profile/views.py

@@ -2,9 +2,12 @@ from app.utils import background_delete_user
 from flask import current_app, flash, redirect, render_template, url_for
 from flask_login import current_user, login_required, logout_user
 from . import profile
-from .forms import ChangePasswordForm, EditProfileForm
+from .forms import ChangePasswordForm, EditProfileForm, EditUserSettingsForm
 from .. import db
 import threading
+import logging
+
+logger = logging.getLogger(__name__)
 
 
 @profile.route('/', methods=['GET', 'POST'])
@@ -23,6 +26,7 @@ def index():
             return redirect(url_for('profile.index'))
         else:
             flash('Invalid password.')
+
     change_profile_form = EditProfileForm(user=current_user)
     if change_profile_form.validate_on_submit():
         current_user.email = change_profile_form.email.data
@@ -30,15 +34,27 @@ def index():
         db.session.commit()
         flash('Your email has been updated.')
     change_profile_form.email.data = current_user.email
+
+    edit_user_settings_form = EditUserSettingsForm()
+    if edit_user_settings_form.validate_on_submit():
+        current_user.is_dark = edit_user_settings_form.is_dark.data
+        logger.warning('Form data: {}'.format(current_user.is_dark))
+        db.session.add(current_user)
+        db.session.commit()
+
     return render_template('profile/index.html.j2',
                            change_password_form=change_password_form,
                            change_profile_form=change_profile_form,
+                           edit_user_settings_form=edit_user_settings_form,
                            title='Profile')
 
 
 @profile.route('/delete_self', methods=['GET', 'POST'])
 @login_required
 def delete_self():
+    """
+    Vie to delete yourslef and all associated data.
+    """
     delete_thread = threading.Thread(
         target=background_delete_user,
         args=(current_app._get_current_object(), current_user.id)

app/templates/base.html.j2

@@ -19,6 +19,18 @@
     <script src="{{ url_for('static', filename='js/list.utils.js') }}"></script>
     <script src="{{ url_for('static', filename='js/CorpusList.js') }}"></script>
     <script src="{{ url_for('static', filename='js/JobList.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/darkreader.js') }}"></script>
+    <script>
+      {% if current_user.is_dark == True %}
+      DarkReader.enable({
+        brightness: 100,
+        contrast: 90,
+        sepia: 10
+      });
+      {% else %}
+      DarkReader.disable();
+      {% endif %}
+    </script>
     <script>
       var corpora;
       var corporaSubscribers = [];

app/templates/profile/index.html.j2

@@ -1,11 +1,41 @@
 {% extends "base.html.j2" %}
 
 {% block page_content %}
+<div class="col s12 m4">
+  <h3>Dark Mode</h3>
+  <p>Activate Dark Mode to ease your eyes!</p>
+</div>
+<div class="col s12 m8">
+  <div class="card">
+    <div class="card-content">
+      <form method="POST">
+        {{ edit_user_settings_form.hidden_tag() }}
+        <div class="switch">
+          <i class="material-icons prefix">brightness_3</i>
+          Dark Mode:
+          <label class="active" for="{{edit_user_settings_form.is_dark.name}}">
+            Off
+            {% if current_user.is_dark == True %}
+              <input type="checkbox" id="{{edit_user_settings_form.is_dark.name}}" name="{{edit_user_settings_form.is_dark.name}}" checked="checked">
+            {% else %}
+              <input type="checkbox" id="{{edit_user_settings_form.is_dark.name}}" name="{{edit_user_settings_form.is_dark.name}}">
+            {% endif %}
+            <span class="lever"></span>
+            On
+          </label>
+        </div>
+      </div>
+      <div class="card-action right-align">
+        {{ edit_user_settings_form.submit(class='btn') }}
+      </div>
+    </form>
+  </div>
+</div>
+<div class="col s12"></div>
 <div class="col s12 m4">
   <h3>Change password</h3>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</p>
 </div>
-
 <div class="col s12 m8">
   <div class="card">
     <form method="POST">
@@ -42,6 +72,7 @@
     </form>
   </div>
 </div>
+<div class="col s12"></div>
 <div class="col s12 m4">
   <h3>Change email</h3>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</p>
@@ -66,6 +97,7 @@
     </form>
   </div>
 </div>
+<div class="col s12"></div>
 <div class="col s12 m4">
   <h3>Delete Account</h3>
   <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</p>