Allow a banner to be displayed on the login and other related pages showing custom text. Fixes #4549

docs/en_US/release_notes_4_12.rst

@@ -11,6 +11,7 @@ New features
 
 | `Issue #4333 <https://redmine.postgresql.org/issues/4333>`_ -  Add support for planner support functions in PostgreSQL 12+ functions.
 | `Issue #4334 <https://redmine.postgresql.org/issues/4334>`_ -  Add support for generated columns in Postgres 12+.
+| `Issue #4549 <https://redmine.postgresql.org/issues/4549>`_ -  Allow a banner to be displayed on the login and other related pages showing custom text.
 
 Housekeeping
 ************

web/config.py

@@ -187,6 +187,13 @@ else:
     else:
         DATA_DIR = os.path.realpath(os.path.expanduser(u'~/.pgadmin/'))
 
+# An optional login banner to show security warnings/disclaimers etc. at
+# login and password recovery etc. HTML may be included for basic formatting,
+# For example:
+# LOGIN_BANNER = "<h4>Authorised Users Only!</h4>" \
+#                "Unauthorised use is strictly forbidden."
+LOGIN_BANNER = ""
+
 ##########################################################################
 # Log settings
 ##########################################################################

web/pgadmin/static/scss/_pgadmin.style.scss

@@ -919,6 +919,16 @@ table.table-empty-rows{
   }
 }
 
+.login_banner {
+    position: fixed;
+    width: 80%;
+    top: 50px;
+    left: 50%;
+    transform: translateX(-50%);
+    text-align: center;
+    z-index: 100;
+}
+
 .change_pass {
   background-color: $color-gray-light;
   height: 100%;

web/pgadmin/templates/security/panel.html

@@ -2,6 +2,11 @@
 {% from "security/fields.html" import render_field_with_errors %}
 {% block body %}
 <div class="container-fluid h-100 login_page">
+    {% if config.LOGIN_BANNER is defined and config.LOGIN_BANNER != "" %}
+    <div class="login_banner alert alert-danger" role="alert">
+        {{ config.LOGIN_BANNER|safe }}
+    </div>
+    {% endif %}
     {% include "security/messages.html" %}
     <div class="row h-100 align-items-center justify-content-center">
         <div class="col-md-6">{% block panel_image %}{% endblock %}</div>