Add QR Code link to My Stuff

Clicking the link will show a page with a QR Code linking to the previous page

changelog.d/+qr-code-my-stuff.added.md

@@ -0,0 +1 @@
+Add link to My Stuff that leads to a generated QR Code linking to the page it is called from

python/nav/web/templates/base.html

@@ -100,6 +100,7 @@ <h1>
               <li><a href="{{ link.uri }}">{{ link.name }}</a></li>
             {% endfor %}
             <li class="divider"><a href="{% url 'webfront-preferences' %}">My account <i class="fa fa-gear"></i></a></li>
+            <li class="divider"><a href="{% url 'webfront-qr-code' %}">QR Code <i class="fa fa-qrcode"></i></a></li>
           </ul>
         </li>
       {% endif %}

python/nav/web/templates/webfront/qr_code.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% load crispy_forms_tags %}
+
+{% block base_header_additional_head %}
+<link rel="stylesheet" href="{{ STATIC_URL }}css/nav.css" />
+<script>require(['src/navigation_preferences']);</script>
+{% endblock %}
+
+{% block base_content %}
+    {% if qr_code %}
+        <img src="data:image/png;base64,{{qr_code}}" alt="QR Code linking to previous side">
+    {% else %}
+        <div class="alert-box warning with-icon">
+            No previous side could be found. This functionality does not work when directly opening this page.
+      </div>
+    {% endif %}
+
+{% endblock %}

python/nav/web/webfront/urls.py

@@ -97,4 +97,5 @@
         views.set_account_preference,
         name='set-account-preference',
     ),
+    re_path(r'^qr-code/$', views.qr_code, name='webfront-qr-code'),
 ]

python/nav/web/webfront/views.py

@@ -41,6 +41,7 @@
 from nav.web import auth
 from nav.web.auth import ldap
 from nav.web.auth.utils import set_account
+from nav.web.utils import generate_qr_codes_as_byte_strings
 from nav.web.utils import require_param
 from nav.web.webfront.utils import quick_read, tool_list
 from nav.web.webfront.forms import (
@@ -325,6 +326,23 @@ def preferences(request):
     return render(request, 'webfront/preferences.html', context)
 
 
+def qr_code(request):
+    """Show qr code linking to previous page"""
+    qr_code = None
+    previous_url = request.headers.get("referer")
+    if previous_url:
+        qr_codes = generate_qr_codes_as_byte_strings({previous_url: previous_url})
+        qr_code = qr_codes[0]
+
+    context = {
+        'navpath': [('Home', '/'), ('QR Code', None)],
+        'title': 'QR Code',
+        'qr_code': qr_code,
+    }
+
+    return render(request, 'webfront/qr_code.html', context)
+
+
 @sensitive_post_parameters('old_password', 'new_password1', 'new_password2')
 def change_password(request):
     """Handles POST requests to change a users password"""

tests/integration/web/webfront_test.py

@@ -92,3 +92,31 @@ def test_non_expired_session_id_should_not_be_changed_on_request_unrelated_to_lo
     client.get(index_url)
     session_id_post_login = client.session.session_key
     assert session_id_post_login == session_id_pre_login
+
+
+def test_show_qr_code_with_referred_in_header_should_show_qr_code(client):
+    """
+    Tests that when showing the qr_code view after being referred to from another side
+    will show a generated QR code
+    """
+    url = reverse("webfront-qr-code")
+    header = {'HTTP_REFERER': 'www.example.com'}
+    response = client.get(url, follow=True, **header)
+
+    assert response.status_code == 200
+    assert "QR Code linking to previous side" in smart_str(response.content)
+
+
+def test_show_qr_code_with_no_referred_in_header_should_show_alert(client):
+    """
+    Tests that when showing the qr_code view when directly accessing the side, for
+    example by directly opening the url it will show an alert
+    """
+    url = reverse("webfront-qr-code")
+    response = client.get(url, follow=True)
+
+    assert response.status_code == 200
+    assert (
+        "No previous side could be found. This functionality does not work when directly opening this page."
+        in smart_str(response.content)
+    )