a4-polls: create info box for unregistered users

Author: hom3mad3

adhocracy-plus/assets/scss/components/_info_box.scss

@@ -0,0 +1,21 @@
+.info-box {
+    background-color: $brand-primary-tint;
+    padding: $spacer;
+    margin: $spacer 0;
+    display: flex;
+    flex-direction: column;
+
+    &__content {
+        display: flex;
+        align-items: first baseline;
+        gap: $spacer; // Space between icon and text
+
+        p {
+            margin-bottom: 0;
+        }
+    }
+
+    &__text {
+        flex-grow: 1;
+    }
+}

adhocracy-plus/assets/scss/style.scss

@@ -95,6 +95,7 @@
 @import "components/homepage";
 @import "components/homepage_hero";
 @import "components/idea_remark";
+@import "components/info_box";
 @import "components/infographic";
 @import "components/item_detail";
 @import "components/language_choice";

adhocracy-plus/config/settings/base.py

@@ -553,6 +553,8 @@
 
 A4_USE_ORGANISATION_TERMS_OF_USE = True
 
+A4_POLL_ENABLE_UNREGISTERED_USERS = True
+
 # Disable CSP by default
 CSP_REPORT_ONLY = True
 CSP_DEFAULT_SRC = ["'self'", "'unsafe-inline'", "'unsafe-eval'", "data:", "blob:", "*"]

adhocracy-plus/templates/a4modules/includes/module_description.html

@@ -0,0 +1,13 @@
+{% block module_description %}
+    {% if module.phases.first.type != 'a4_candy_interactive_events:issue' %}
+        <section class="row">
+            <div class="col-md-8 offset-md-2 mb-3">
+                <header>
+                    <h2>{{ module.name }}</h2>
+                </header>
+                {% include "a4polls/includes/unregistered-users-info-box.html" %}
+                <p>{{ module.description }}</p>
+            </div>
+        </section>
+    {% endif %}
+{% endblock module_description %}

adhocracy-plus/templates/a4modules/module_detail.html

@@ -0,0 +1,20 @@
+{% load i18n static settings %}
+{% settings_value "APLUS_MANUAL_URL" as manual_url %}
+
+{% if poll.allow_unregistered_users %}
+    <aside class="info-box" aria-labelledby="info-box-title">
+        <h3 class="visually-hidden" id="info-box-title">{% translate "Poll Participation Info" %}</h3>
+        <div class="info-box__content">
+            <i class="far fa-lightbulb" aria-hidden="true"></i>
+            <div class="info-box__text">
+                {% blocktrans %}
+                    <p>You can now participate in this poll even if you're not logged in.</p>
+                    <p><strong>Unregistered users can't edit their votes once submitted.</strong></p>
+                {% endblocktrans %}
+                {% if manual_url %}
+                    <a href="{{ manual_url }}/{{ LANGUAGE_CODE }}:quickstart:faq:registration:poll" rel="nofollow noopener noreferrer external" target="_blank" class="info-box__link" aria-label="Learn more about the voting options and rules">{% translate "Learn more about voting options." %}</a>
+                {% endif %}
+            </div>
+        </div>
+    </aside>
+{% endif %}

adhocracy-plus/templates/a4polls/includes/unregistered-users-info-box.html

@@ -0,0 +1,3 @@
+### Added
+- info-box on poll for unregistered users
+- module_description snippet with fixed semantics