Merge pull request #38 from DataManagementLab/#16_Frontend_Reading_Mode

#16 frontend reading mode

Author: bhaettasch

frontend/locale/de_DE/LC_MESSAGES/django.po

@@ -98,6 +98,18 @@ msgstr "Kommentare"
 msgid "Add comment"
 msgstr "Kommentar hinzufügen"
 
+#: frontend/templates/frontend/content/readingmode.html:9
+msgid "Close"
+msgstr "Schließen"
+
+#: frontend/templates/frontend/content/readingmode.html:12
+msgid "Next"
+msgstr "Nächste"
+
+#: frontend/templates/frontend/content/readingmode.html:14
+msgid "Previous"
+msgstr "Vorherige"
+
 #: frontend/templates/frontend/course/create.html:11
 msgid "Create a new course"
 msgstr "Neuen Kurs anlegen"

frontend/templates/frontend/content/detail.html

@@ -20,7 +20,7 @@
 
             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
                 <a class="dropdown-item" href="
-                        {# url 'readingmode' course.id topic.id content.id #}{% if ending %}{{ ending }}{% endif %}">{% fa5_icon 'eye' 'far' %}
+                        {% url 'frontend:content-reading-mode' course.id topic.id content.id %}{% if ending %}{{ ending }}{% endif %}">{% fa5_icon 'eye' 'far' %}
                     Reading Mode</a>
                 {% if user.is_authenticated %}
                     {% if content.type|is_content_editable %}

frontend/templates/frontend/content/readingmode.html

@@ -0,0 +1,20 @@
+{% extends "frontend/base.html" %}
+
+{% load i18n %}
+{% load cc_frontend_tags %}
+
+{% block general_content %}
+    <div class="container-fluid" style="background-color: #0a3d62;padding-top:2em;padding-bottom:2em;color:#ffffff;">
+        <div class="container" style="border-top: 0.5em solid #ffffff;padding-top:1em;">
+            <a href="{% url 'frontend:content' course_id topic_id content.id %}" class="btn btn-primary">{% trans 'Close' %}</a>
+            <h3 class="d-inline-block">{{ content }}</h3>
+            <a href="{% url 'frontend:content-reading-mode' course_id topic_id next_id %}"
+               class="btn btn-primary d-inline-block float-right">{% trans 'Next' %}</a>
+            <a href="{% url 'frontend:content-reading-mode' course_id topic_id previous_id %}"
+               class="btn btn-primary d-inline-block float-right">{% trans 'Previous' %}</a>
+        </div>
+    </div>
+
+    {% include content.type|content_view %}
+
+{% endblock %}

frontend/urls.py

@@ -27,6 +27,7 @@
             path('<int:content_id>/comment/<int:pk>/delete/', views.DeleteComment.as_view(), name='comment-delete'),
             path('<int:content_id>/comment/<int:pk>/edit/', views.EditComment.as_view(), name='comment-edit'),
             path('<pk>/', views.ContentView.as_view(), name='content'),
+            path('<pk>/read/', views.content.ContentReadingModeView.as_view(), name='content-reading-mode'),
         ])),
         path('add/', views.AddCourseView.as_view(), name='add-course'),
     ])),

frontend/views/content.py

@@ -200,7 +200,7 @@ def get_context_data(self, **kwargs):
         return context
 
 
-class ContentReadingModeView(DetailView):  # pylint: disable=too-many-ancestors
+class ContentReadingModeView(LoginRequiredMixin, DetailView):  # pylint: disable=too-many-ancestors
     """
     Displays the content to the user
     """