From e5b9b98f66a2a5a9bae35e4391c6b3be8fd35ef6 Mon Sep 17 00:00:00 2001
From: Ali Hassan <alihassan01264@gmail.com>
Date: Fri, 17 Mar 2023 11:55:53 +0500
Subject: [PATCH 1/3] Removes "View Draft" and "Preview" to prevent
 unpredictable results

---
 iogt/templates/wagtailadmin/pages/create.html | 117 ++++++++++++
 iogt/templates/wagtailadmin/pages/edit.html   | 177 ++++++++++++++++++
 .../wagtailadmin/pages/listing/_buttons.html  |   5 +
 3 files changed, 299 insertions(+)
 create mode 100644 iogt/templates/wagtailadmin/pages/create.html
 create mode 100644 iogt/templates/wagtailadmin/pages/edit.html
 create mode 100644 iogt/templates/wagtailadmin/pages/listing/_buttons.html

diff --git a/iogt/templates/wagtailadmin/pages/create.html b/iogt/templates/wagtailadmin/pages/create.html
new file mode 100644
index 000000000..c265a4276
--- /dev/null
+++ b/iogt/templates/wagtailadmin/pages/create.html
@@ -0,0 +1,117 @@
+{% extends "wagtailadmin/base.html" %}
+{% load wagtailadmin_tags %}
+{% load i18n %}
+
+{% block titletag %}{% blocktrans with page_type=content_type.model_class.get_verbose_name %}New {{ page_type }}{% endblocktrans %}{% endblock %}
+{% block bodyclass %}page-editor create model-{{ content_type.model }}{% endblock %}
+
+{% block content %}
+    <div id="comments"></div>
+    <header class="merged tab-merged">
+        {% explorer_breadcrumb parent_page include_self=1 trailing_arrow=True %}
+
+        <div class="row">
+            <div class="left col9 header-title">
+                <h1>{% trans 'New' %} <span>{{ content_type.model_class.get_verbose_name }}</span></h1>
+            </div>
+        </div>
+
+        {% if locale %}
+        <ul class="row header-meta">
+            <li class="header-meta--locale">
+                {% include "wagtailadmin/shared/locale_selector.html" %}
+            </li>
+        </ul>
+        {% endif %}
+    </header>
+
+    <form id="page-edit-form" action="{% url 'wagtailadmin_pages:add' content_type.app_label content_type.model parent_page.id %}" method="POST" novalidate{% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
+        {% csrf_token %}
+        <input type="hidden" name="next" value="{{ next }}">
+
+        {% if parent_page.is_root %}
+            {# The user is allowed to set a different locale for pages created at the root #}
+            {# If they've done this, make sure their chosen locale is passed in the form #}
+            <input type="hidden" name="locale" value="{{ locale.language_code }}">
+        {% endif %}
+
+        {{ edit_handler.render_form_content }}
+
+        <footer class="footer">
+            <ul>
+                <li class="footer__container">
+                    <nav aria-label="{% trans 'Actions' %}">
+                        <ul>
+                            <li class="actions actions--primary">
+                                <div class="dropdown dropup dropdown-button dropdown-button--white match-width {% if is_revision %}warning{% endif %}">
+                                    {{ action_menu.render_html }}
+                                </div>
+                            </li>
+                            {% block extra_footer_actions %}
+                            {% endblock %}
+                        </ul>
+                    </nav>
+                </li>
+                {% include "wagtailadmin/pages/_unsaved_changes_warning.html" %}
+            </ul>
+        </footer>
+    </form>
+
+{% endblock %}
+
+{% block extra_css %}
+    {{ block.super }}
+    {% include "wagtailadmin/pages/_editor_css.html" %}
+    {{ edit_handler.form.media.css }}
+    {{ action_menu.media.css }}
+{% endblock %}
+
+{% block extra_js %}
+    {{ block.super }}
+    {% include "wagtailadmin/pages/_editor_js.html" %}
+
+    {% comment %}
+        Additional js from widgets media. Allows for custom widgets in admin panel.
+    {% endcomment %}
+    {{ edit_handler.form.media.js }}
+    {{ action_menu.media.js }}
+
+    {% comment %}
+        Additional HTML code that edit handlers define through 'html_declarations'. (Technically this isn't JavaScript, but it will generally be data that exists for JavaScript to work with...)
+    {% endcomment %}
+    {{ edit_handler.html_declarations }}
+
+    <script>
+        // Set wagtailConfig.ACTIVE_CONTENT_LOCALE if this is a translated page
+        // This value may be used by JS widgets on the form
+        {% if locale %}
+            window.wagtailConfig = window.wagtailConfig || {};
+            window.wagtailConfig.ACTIVE_CONTENT_LOCALE = '{{ locale.language_code|escapejs }}';
+        {% endif %}
+
+        $(function(){
+            $('#page-edit-form .tab-content section.active input').first().trigger('focus');
+
+            /* Make user confirm before leaving the editor if there are unsaved changes */
+            {% trans "This page has unsaved changes." as confirmation_message %}
+            enableDirtyFormCheck(
+                '#page-edit-form',
+                {
+                    confirmationMessage: '{{ confirmation_message|escapejs }}',
+
+                    {% if has_unsaved_changes %}
+                        alwaysDirty: true,
+                    {% endif %}
+                    commentApp: window.comments.commentApp,
+                    callback: window.updateFooterSaveWarning
+                }
+            );
+
+            {% get_comments_enabled as comments_enabled %}
+            {% if comments_enabled %}
+            // Initialise comments UI
+            window.comments.initCommentsInterface(document.getElementById('page-edit-form'));
+            {% endif %}
+        });
+    </script>
+{% endblock %}
diff --git a/iogt/templates/wagtailadmin/pages/edit.html b/iogt/templates/wagtailadmin/pages/edit.html
new file mode 100644
index 000000000..4072d5924
--- /dev/null
+++ b/iogt/templates/wagtailadmin/pages/edit.html
@@ -0,0 +1,177 @@
+{% extends "wagtailadmin/base.html" %}
+{% load wagtailadmin_tags %}
+{% load i18n %}
+{% load l10n %}
+{% block titletag %}{% blocktrans with title=page.get_admin_display_title page_type=content_type.model_class.get_verbose_name %}Editing {{ page_type }}: {{ title }}{% endblocktrans %}{% endblock %}
+{% block bodyclass %}page-editor {% if page.live %}page-is-live{% endif %} model-{{ content_type.model }} {% if page_locked %}page-locked{% endif %}{% endblock %}
+
+{% block content %}
+    <div id="comments"></div>
+    {% page_permissions page as page_perms %}
+    <header class="merged tab-merged">
+        {% explorer_breadcrumb page %}
+
+        <div class="row">
+            <h1 class="left col9 header-title" title="{% blocktrans with title=page.get_admin_display_title page_type=content_type.model_class.get_verbose_name %}Editing {{ page_type }}{% endblocktrans %}">
+                {{ page.get_admin_display_title }}
+            </h1>
+
+            <div class="right col3">
+                {% include "wagtailadmin/pages/_page_view_live_tag.html" with page=page_for_status %}
+            </div>
+        </div>
+        <ul class="row header-meta">
+            {% include "wagtailadmin/shared/workflow_status.html" with page=page_for_status %}
+            {% if page.get_latest_revision %}
+            <li>
+                <a href="{% url 'wagtailadmin_pages:history' page.id %}" class="button button-small button-nobg text-notransform">
+                    {% icon "history" class_name="default" %}
+                    {% trans "History" %}
+                </a>
+            </li>
+            {% endif %}
+            <li class="header-meta--type">
+                {% icon name="doc-empty-inverse" class_name="default" %}
+                {{ content_type.model_class.get_verbose_name }}
+            </li>
+            {% if locale %}
+            <li class="header-meta--locale">
+                {% include "wagtailadmin/shared/locale_selector.html" %}
+            </li>
+            {% endif %}
+        </ul>
+    </header>
+
+    {% block form %}
+    <form id="page-edit-form" action="{% url 'wagtailadmin_pages:edit' page.id %}" method="POST" novalidate{% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
+        {% csrf_token %}
+
+        <input type="hidden" name="next" value="{{ next }}">
+        {{ edit_handler.render_form_content }}
+
+        {% if is_revision %}
+            <input type="hidden" name="revision" value="{{ revision.id|unlocalize }}" />
+        {% endif %}
+
+        <footer class="footer">
+            <ul>
+                <li class="footer__container">
+                    <nav aria-label="{% trans 'Actions' %}">
+                        <ul>
+                            <li class="actions actions--primary">
+                                <div class="dropdown dropup dropdown-button match-width {% if is_revision %}warning{% endif %}">
+                            {{ action_menu.render_html }}
+                                </div>
+                            </li>
+                            {% block extra_footer_actions %}
+                            {% endblock %}
+                        </ul>
+                    </nav>
+                </li>
+                {% include "wagtailadmin/pages/_unsaved_changes_warning.html" %}
+            </ul>
+        </footer>
+    </form>
+    {% endblock %}
+
+{% endblock %}
+
+{% block extra_css %}
+    {{ block.super }}
+    {% include "wagtailadmin/pages/_editor_css.html" %}
+    {{ edit_handler.form.media.css }}
+    {{ action_menu.media.css }}
+{% endblock %}
+
+{% block extra_js %}
+    {{ block.super }}
+    {% include "wagtailadmin/pages/_editor_js.html" %}
+
+    {% comment %}
+        Additional js from widgets media. Allows for custom widgets in admin panel.
+    {% endcomment %}
+    {{ edit_handler.form.media.js }}
+    {{ action_menu.media.js }}
+
+    {% comment %}
+        Additional HTML code that edit handlers define through 'html_declarations'. (Technically this isn't JavaScript, but it will generally be data that exists for JavaScript to work with...)
+    {% endcomment %}
+    {{ edit_handler.html_declarations }}
+
+    <script>
+        // Set wagtailConfig.ACTIVE_CONTENT_LOCALE if this is a translated page
+        // This value may be used by JS widgets on the form
+        {% if locale %}
+            window.wagtailConfig = window.wagtailConfig || {};
+            window.wagtailConfig.ACTIVE_CONTENT_LOCALE = '{{ locale.language_code|escapejs }}';
+        {% endif %}
+
+        $(function() {
+            {% if publishing_will_cancel_workflow %}
+            /* Make user confirm before publishing the page if it will cancel an ongoing workflow */
+            let cancellationConfirmed = false;
+            $('[name=action-publish]').click((e) => {
+                if (!cancellationConfirmed) {
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+                    ModalWorkflow({
+                        'url': "{% url 'wagtailadmin_pages:confirm_workflow_cancellation' page.id %}",
+                        'onload': {
+                            'confirm': function(modal, jsonData) {
+                                $('[data-confirm-cancellation]', modal.body).click((event) => {
+                                    cancellationConfirmed = true;
+                                    modal.close();
+                                    e.currentTarget.click();
+                                })
+                                $('[data-cancel-dialog]', modal.body).click((event) => {
+                                    modal.close();
+                                })
+                            },
+                            'no_confirmation_needed': function(modal, jsonData) {
+                                modal.close();
+                                cancellationConfirmed = true;
+                                e.currentTarget.click();
+                            }
+                        },
+                    });
+                }
+            });
+            {% endif %}
+
+            /* Make user confirm before leaving the editor if there are unsaved changes */
+            {% trans "This page has unsaved changes." as confirmation_message %}
+            enableDirtyFormCheck(
+                '#page-edit-form',
+                {
+                    confirmationMessage: '{{ confirmation_message|escapejs }}',
+
+                    {% if has_unsaved_changes %}
+                        alwaysDirty: true,
+                    {% endif %}
+
+                    commentApp: window.comments.commentApp,
+                    callback: window.updateFooterSaveWarning
+                }
+            );
+
+            /* Tooltips used by the workflow status component */
+            $('[data-wagtail-tooltip]').tooltip({
+                animation: false,
+                title: function() {
+                    return $(this).attr('data-wagtail-tooltip');
+                },
+                trigger: 'hover',
+                placement: 'bottom',
+            });
+
+            ActivateWorkflowActionsForEditView('#page-edit-form');
+            LockUnlockAction('{{ csrf_token|escapejs }}', '{% url 'wagtailadmin_pages:edit' page.id %}');
+
+            {% get_comments_enabled as comments_enabled %}
+            {% if comments_enabled %}
+            // Initialise comments UI
+            window.comments.initCommentsInterface(document.getElementById('page-edit-form'));
+            {% endif %}
+        });
+    </script>
+{% endblock %}
diff --git a/iogt/templates/wagtailadmin/pages/listing/_buttons.html b/iogt/templates/wagtailadmin/pages/listing/_buttons.html
new file mode 100644
index 000000000..07f6b9e3d
--- /dev/null
+++ b/iogt/templates/wagtailadmin/pages/listing/_buttons.html
@@ -0,0 +1,5 @@
+{% for button in buttons %}
+    {% if button.show and button.label != 'View draft' %}
+        <li>{{ button|safe }}</li>
+    {% endif %}
+{% endfor %}

From b6ae42ba4d5a087eaf0207f2fabca3d6c1d87203 Mon Sep 17 00:00:00 2001
From: Ali Hassan <alihassan01264@gmail.com>
Date: Mon, 20 Mar 2023 11:55:55 +0500
Subject: [PATCH 2/3] Removes 'View Draft' button and preview buttons for
 questionnaires

---
 iogt/templates/wagtailadmin/pages/create.html | 21 ++++++++++++++++++
 iogt/templates/wagtailadmin/pages/edit.html   | 22 +++++++++++++++++++
 .../wagtailadmin/pages/listing/_buttons.html  |  8 ++++---
 3 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/iogt/templates/wagtailadmin/pages/create.html b/iogt/templates/wagtailadmin/pages/create.html
index c265a4276..2b10f9b8c 100644
--- a/iogt/templates/wagtailadmin/pages/create.html
+++ b/iogt/templates/wagtailadmin/pages/create.html
@@ -47,6 +47,27 @@ <h1>{% trans 'New' %} <span>{{ content_type.model_class.get_verbose_name }}</spa
                                     {{ action_menu.render_html }}
                                 </div>
                             </li>
+
+                            {% if preview_modes and content_type.name != 'poll' and content_type.name != 'quiz' and content_type.name != 'survey' %}
+                                <li class="preview">
+                                    {% trans 'Preview' as preview_label %}
+                                    {% if preview_modes|length > 1 %}
+                                        <div class="dropdown dropup dropdown-button match-width">
+                                            {% include "wagtailadmin/pages/_preview_button_on_create.html" with label=preview_label icon=1 %}
+                                            <div class="dropdown-toggle">{% icon name="arrow-up" %}</div>
+                                            <ul>
+                                                {% for mode_name, mode_display_name in preview_modes %}
+                                                    <li>
+                                                        {% include "wagtailadmin/pages/_preview_button_on_create.html" with mode=mode_name label=mode_display_name %}
+                                                    </li>
+                                                {% endfor %}
+                                            </ul>
+                                        </div>
+                                    {% else %}
+                                        {% include "wagtailadmin/pages/_preview_button_on_create.html" with label=preview_label icon=1 %}
+                                    {% endif %}
+                                </li>
+                            {% endif %}
                             {% block extra_footer_actions %}
                             {% endblock %}
                         </ul>
diff --git a/iogt/templates/wagtailadmin/pages/edit.html b/iogt/templates/wagtailadmin/pages/edit.html
index 4072d5924..a0d13e6b8 100644
--- a/iogt/templates/wagtailadmin/pages/edit.html
+++ b/iogt/templates/wagtailadmin/pages/edit.html
@@ -63,6 +63,28 @@ <h1 class="left col9 header-title" title="{% blocktrans with title=page.get_admi
                             {{ action_menu.render_html }}
                                 </div>
                             </li>
+                            {% with page.get_type as page_type %}
+                                {% if preview_modes and page_type != 'poll' and page_type != 'quiz' and page_type != 'survey' %}
+                                    <li class="preview">
+                                {% trans 'Preview' as preview_label %}
+                                {% if preview_modes|length > 1 %}
+                                    <div class="dropdown dropup dropdown-button match-width">
+                                        {% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label icon=1 %}
+                                        <div class="dropdown-toggle">{% icon name="arrow-up" %}</div>
+                                        <ul>
+                                            {% for mode_name, mode_display_name in preview_modes %}
+                                                <li>
+                                                    {% include "wagtailadmin/pages/_preview_button_on_edit.html" with mode=mode_name label=mode_display_name %}
+                                                </li>
+                                            {% endfor %}
+                                        </ul>
+                                    </div>
+                                {% else %}
+                                    {% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label icon=1 %}
+                                {% endif %}
+                                    </li>
+                                {% endif %}
+                            {% endwith %}
                             {% block extra_footer_actions %}
                             {% endblock %}
                         </ul>
diff --git a/iogt/templates/wagtailadmin/pages/listing/_buttons.html b/iogt/templates/wagtailadmin/pages/listing/_buttons.html
index 07f6b9e3d..78c50b860 100644
--- a/iogt/templates/wagtailadmin/pages/listing/_buttons.html
+++ b/iogt/templates/wagtailadmin/pages/listing/_buttons.html
@@ -1,5 +1,7 @@
 {% for button in buttons %}
-    {% if button.show and button.label != 'View draft' %}
-        <li>{{ button|safe }}</li>
-    {% endif %}
+    {% with page.get_type as page_type %}
+        {% if button.show and page_type != 'poll' and page_type != 'quiz' and page_type != 'survey' or button.label != 'View draft' %}
+            <li>{{ button|safe }}</li>
+        {% endif %}
+    {% endwith %}
 {% endfor %}

From e3c63e2d4daf7b3f986febbbcb199952dc693038 Mon Sep 17 00:00:00 2001
From: Ali Hassan <alihassan01264@gmail.com>
Date: Mon, 20 Mar 2023 14:33:05 +0500
Subject: [PATCH 3/3] minor change

---
 iogt/templates/wagtailadmin/pages/create.html | 138 ------------
 iogt/templates/wagtailadmin/pages/edit.html   | 199 ------------------
 questionnaires/models.py                      |   1 +
 3 files changed, 1 insertion(+), 337 deletions(-)
 delete mode 100644 iogt/templates/wagtailadmin/pages/create.html
 delete mode 100644 iogt/templates/wagtailadmin/pages/edit.html

diff --git a/iogt/templates/wagtailadmin/pages/create.html b/iogt/templates/wagtailadmin/pages/create.html
deleted file mode 100644
index 2b10f9b8c..000000000
--- a/iogt/templates/wagtailadmin/pages/create.html
+++ /dev/null
@@ -1,138 +0,0 @@
-{% extends "wagtailadmin/base.html" %}
-{% load wagtailadmin_tags %}
-{% load i18n %}
-
-{% block titletag %}{% blocktrans with page_type=content_type.model_class.get_verbose_name %}New {{ page_type }}{% endblocktrans %}{% endblock %}
-{% block bodyclass %}page-editor create model-{{ content_type.model }}{% endblock %}
-
-{% block content %}
-    <div id="comments"></div>
-    <header class="merged tab-merged">
-        {% explorer_breadcrumb parent_page include_self=1 trailing_arrow=True %}
-
-        <div class="row">
-            <div class="left col9 header-title">
-                <h1>{% trans 'New' %} <span>{{ content_type.model_class.get_verbose_name }}</span></h1>
-            </div>
-        </div>
-
-        {% if locale %}
-        <ul class="row header-meta">
-            <li class="header-meta--locale">
-                {% include "wagtailadmin/shared/locale_selector.html" %}
-            </li>
-        </ul>
-        {% endif %}
-    </header>
-
-    <form id="page-edit-form" action="{% url 'wagtailadmin_pages:add' content_type.app_label content_type.model parent_page.id %}" method="POST" novalidate{% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
-        {% csrf_token %}
-        <input type="hidden" name="next" value="{{ next }}">
-
-        {% if parent_page.is_root %}
-            {# The user is allowed to set a different locale for pages created at the root #}
-            {# If they've done this, make sure their chosen locale is passed in the form #}
-            <input type="hidden" name="locale" value="{{ locale.language_code }}">
-        {% endif %}
-
-        {{ edit_handler.render_form_content }}
-
-        <footer class="footer">
-            <ul>
-                <li class="footer__container">
-                    <nav aria-label="{% trans 'Actions' %}">
-                        <ul>
-                            <li class="actions actions--primary">
-                                <div class="dropdown dropup dropdown-button dropdown-button--white match-width {% if is_revision %}warning{% endif %}">
-                                    {{ action_menu.render_html }}
-                                </div>
-                            </li>
-
-                            {% if preview_modes and content_type.name != 'poll' and content_type.name != 'quiz' and content_type.name != 'survey' %}
-                                <li class="preview">
-                                    {% trans 'Preview' as preview_label %}
-                                    {% if preview_modes|length > 1 %}
-                                        <div class="dropdown dropup dropdown-button match-width">
-                                            {% include "wagtailadmin/pages/_preview_button_on_create.html" with label=preview_label icon=1 %}
-                                            <div class="dropdown-toggle">{% icon name="arrow-up" %}</div>
-                                            <ul>
-                                                {% for mode_name, mode_display_name in preview_modes %}
-                                                    <li>
-                                                        {% include "wagtailadmin/pages/_preview_button_on_create.html" with mode=mode_name label=mode_display_name %}
-                                                    </li>
-                                                {% endfor %}
-                                            </ul>
-                                        </div>
-                                    {% else %}
-                                        {% include "wagtailadmin/pages/_preview_button_on_create.html" with label=preview_label icon=1 %}
-                                    {% endif %}
-                                </li>
-                            {% endif %}
-                            {% block extra_footer_actions %}
-                            {% endblock %}
-                        </ul>
-                    </nav>
-                </li>
-                {% include "wagtailadmin/pages/_unsaved_changes_warning.html" %}
-            </ul>
-        </footer>
-    </form>
-
-{% endblock %}
-
-{% block extra_css %}
-    {{ block.super }}
-    {% include "wagtailadmin/pages/_editor_css.html" %}
-    {{ edit_handler.form.media.css }}
-    {{ action_menu.media.css }}
-{% endblock %}
-
-{% block extra_js %}
-    {{ block.super }}
-    {% include "wagtailadmin/pages/_editor_js.html" %}
-
-    {% comment %}
-        Additional js from widgets media. Allows for custom widgets in admin panel.
-    {% endcomment %}
-    {{ edit_handler.form.media.js }}
-    {{ action_menu.media.js }}
-
-    {% comment %}
-        Additional HTML code that edit handlers define through 'html_declarations'. (Technically this isn't JavaScript, but it will generally be data that exists for JavaScript to work with...)
-    {% endcomment %}
-    {{ edit_handler.html_declarations }}
-
-    <script>
-        // Set wagtailConfig.ACTIVE_CONTENT_LOCALE if this is a translated page
-        // This value may be used by JS widgets on the form
-        {% if locale %}
-            window.wagtailConfig = window.wagtailConfig || {};
-            window.wagtailConfig.ACTIVE_CONTENT_LOCALE = '{{ locale.language_code|escapejs }}';
-        {% endif %}
-
-        $(function(){
-            $('#page-edit-form .tab-content section.active input').first().trigger('focus');
-
-            /* Make user confirm before leaving the editor if there are unsaved changes */
-            {% trans "This page has unsaved changes." as confirmation_message %}
-            enableDirtyFormCheck(
-                '#page-edit-form',
-                {
-                    confirmationMessage: '{{ confirmation_message|escapejs }}',
-
-                    {% if has_unsaved_changes %}
-                        alwaysDirty: true,
-                    {% endif %}
-                    commentApp: window.comments.commentApp,
-                    callback: window.updateFooterSaveWarning
-                }
-            );
-
-            {% get_comments_enabled as comments_enabled %}
-            {% if comments_enabled %}
-            // Initialise comments UI
-            window.comments.initCommentsInterface(document.getElementById('page-edit-form'));
-            {% endif %}
-        });
-    </script>
-{% endblock %}
diff --git a/iogt/templates/wagtailadmin/pages/edit.html b/iogt/templates/wagtailadmin/pages/edit.html
deleted file mode 100644
index a0d13e6b8..000000000
--- a/iogt/templates/wagtailadmin/pages/edit.html
+++ /dev/null
@@ -1,199 +0,0 @@
-{% extends "wagtailadmin/base.html" %}
-{% load wagtailadmin_tags %}
-{% load i18n %}
-{% load l10n %}
-{% block titletag %}{% blocktrans with title=page.get_admin_display_title page_type=content_type.model_class.get_verbose_name %}Editing {{ page_type }}: {{ title }}{% endblocktrans %}{% endblock %}
-{% block bodyclass %}page-editor {% if page.live %}page-is-live{% endif %} model-{{ content_type.model }} {% if page_locked %}page-locked{% endif %}{% endblock %}
-
-{% block content %}
-    <div id="comments"></div>
-    {% page_permissions page as page_perms %}
-    <header class="merged tab-merged">
-        {% explorer_breadcrumb page %}
-
-        <div class="row">
-            <h1 class="left col9 header-title" title="{% blocktrans with title=page.get_admin_display_title page_type=content_type.model_class.get_verbose_name %}Editing {{ page_type }}{% endblocktrans %}">
-                {{ page.get_admin_display_title }}
-            </h1>
-
-            <div class="right col3">
-                {% include "wagtailadmin/pages/_page_view_live_tag.html" with page=page_for_status %}
-            </div>
-        </div>
-        <ul class="row header-meta">
-            {% include "wagtailadmin/shared/workflow_status.html" with page=page_for_status %}
-            {% if page.get_latest_revision %}
-            <li>
-                <a href="{% url 'wagtailadmin_pages:history' page.id %}" class="button button-small button-nobg text-notransform">
-                    {% icon "history" class_name="default" %}
-                    {% trans "History" %}
-                </a>
-            </li>
-            {% endif %}
-            <li class="header-meta--type">
-                {% icon name="doc-empty-inverse" class_name="default" %}
-                {{ content_type.model_class.get_verbose_name }}
-            </li>
-            {% if locale %}
-            <li class="header-meta--locale">
-                {% include "wagtailadmin/shared/locale_selector.html" %}
-            </li>
-            {% endif %}
-        </ul>
-    </header>
-
-    {% block form %}
-    <form id="page-edit-form" action="{% url 'wagtailadmin_pages:edit' page.id %}" method="POST" novalidate{% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
-        {% csrf_token %}
-
-        <input type="hidden" name="next" value="{{ next }}">
-        {{ edit_handler.render_form_content }}
-
-        {% if is_revision %}
-            <input type="hidden" name="revision" value="{{ revision.id|unlocalize }}" />
-        {% endif %}
-
-        <footer class="footer">
-            <ul>
-                <li class="footer__container">
-                    <nav aria-label="{% trans 'Actions' %}">
-                        <ul>
-                            <li class="actions actions--primary">
-                                <div class="dropdown dropup dropdown-button match-width {% if is_revision %}warning{% endif %}">
-                            {{ action_menu.render_html }}
-                                </div>
-                            </li>
-                            {% with page.get_type as page_type %}
-                                {% if preview_modes and page_type != 'poll' and page_type != 'quiz' and page_type != 'survey' %}
-                                    <li class="preview">
-                                {% trans 'Preview' as preview_label %}
-                                {% if preview_modes|length > 1 %}
-                                    <div class="dropdown dropup dropdown-button match-width">
-                                        {% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label icon=1 %}
-                                        <div class="dropdown-toggle">{% icon name="arrow-up" %}</div>
-                                        <ul>
-                                            {% for mode_name, mode_display_name in preview_modes %}
-                                                <li>
-                                                    {% include "wagtailadmin/pages/_preview_button_on_edit.html" with mode=mode_name label=mode_display_name %}
-                                                </li>
-                                            {% endfor %}
-                                        </ul>
-                                    </div>
-                                {% else %}
-                                    {% include "wagtailadmin/pages/_preview_button_on_edit.html" with label=preview_label icon=1 %}
-                                {% endif %}
-                                    </li>
-                                {% endif %}
-                            {% endwith %}
-                            {% block extra_footer_actions %}
-                            {% endblock %}
-                        </ul>
-                    </nav>
-                </li>
-                {% include "wagtailadmin/pages/_unsaved_changes_warning.html" %}
-            </ul>
-        </footer>
-    </form>
-    {% endblock %}
-
-{% endblock %}
-
-{% block extra_css %}
-    {{ block.super }}
-    {% include "wagtailadmin/pages/_editor_css.html" %}
-    {{ edit_handler.form.media.css }}
-    {{ action_menu.media.css }}
-{% endblock %}
-
-{% block extra_js %}
-    {{ block.super }}
-    {% include "wagtailadmin/pages/_editor_js.html" %}
-
-    {% comment %}
-        Additional js from widgets media. Allows for custom widgets in admin panel.
-    {% endcomment %}
-    {{ edit_handler.form.media.js }}
-    {{ action_menu.media.js }}
-
-    {% comment %}
-        Additional HTML code that edit handlers define through 'html_declarations'. (Technically this isn't JavaScript, but it will generally be data that exists for JavaScript to work with...)
-    {% endcomment %}
-    {{ edit_handler.html_declarations }}
-
-    <script>
-        // Set wagtailConfig.ACTIVE_CONTENT_LOCALE if this is a translated page
-        // This value may be used by JS widgets on the form
-        {% if locale %}
-            window.wagtailConfig = window.wagtailConfig || {};
-            window.wagtailConfig.ACTIVE_CONTENT_LOCALE = '{{ locale.language_code|escapejs }}';
-        {% endif %}
-
-        $(function() {
-            {% if publishing_will_cancel_workflow %}
-            /* Make user confirm before publishing the page if it will cancel an ongoing workflow */
-            let cancellationConfirmed = false;
-            $('[name=action-publish]').click((e) => {
-                if (!cancellationConfirmed) {
-                    e.stopImmediatePropagation();
-                    e.preventDefault();
-                    ModalWorkflow({
-                        'url': "{% url 'wagtailadmin_pages:confirm_workflow_cancellation' page.id %}",
-                        'onload': {
-                            'confirm': function(modal, jsonData) {
-                                $('[data-confirm-cancellation]', modal.body).click((event) => {
-                                    cancellationConfirmed = true;
-                                    modal.close();
-                                    e.currentTarget.click();
-                                })
-                                $('[data-cancel-dialog]', modal.body).click((event) => {
-                                    modal.close();
-                                })
-                            },
-                            'no_confirmation_needed': function(modal, jsonData) {
-                                modal.close();
-                                cancellationConfirmed = true;
-                                e.currentTarget.click();
-                            }
-                        },
-                    });
-                }
-            });
-            {% endif %}
-
-            /* Make user confirm before leaving the editor if there are unsaved changes */
-            {% trans "This page has unsaved changes." as confirmation_message %}
-            enableDirtyFormCheck(
-                '#page-edit-form',
-                {
-                    confirmationMessage: '{{ confirmation_message|escapejs }}',
-
-                    {% if has_unsaved_changes %}
-                        alwaysDirty: true,
-                    {% endif %}
-
-                    commentApp: window.comments.commentApp,
-                    callback: window.updateFooterSaveWarning
-                }
-            );
-
-            /* Tooltips used by the workflow status component */
-            $('[data-wagtail-tooltip]').tooltip({
-                animation: false,
-                title: function() {
-                    return $(this).attr('data-wagtail-tooltip');
-                },
-                trigger: 'hover',
-                placement: 'bottom',
-            });
-
-            ActivateWorkflowActionsForEditView('#page-edit-form');
-            LockUnlockAction('{{ csrf_token|escapejs }}', '{% url 'wagtailadmin_pages:edit' page.id %}');
-
-            {% get_comments_enabled as comments_enabled %}
-            {% if comments_enabled %}
-            // Initialise comments UI
-            window.comments.initCommentsInterface(document.getElementById('page-edit-form'));
-            {% endif %}
-        });
-    </script>
-{% endblock %}
diff --git a/questionnaires/models.py b/questionnaires/models.py
index 18e85b1e1..e7e518692 100644
--- a/questionnaires/models.py
+++ b/questionnaires/models.py
@@ -56,6 +56,7 @@ class QuestionnairePage(Page, PageUtilsMixin, TitleIconMixin):
     parent_page_types = []
     subpage_types = []
     show_in_menus_default = True
+    preview_modes = []
 
     description = StreamField(
         [