Merge pull request #13 from bgeo-gis/custom-background-logo-images

manisandro · web-flow · commit 17e7f65f1df0 · 2025-02-03T11:31:25.000+01:00
Add custom logo and background from ldap-auth config
diff --git a/src/server.py b/src/server.py
@@ -216,6 +216,9 @@ def login():
     if current_user.is_authenticated:
         return redirect(target_url)
     form = LDAPLoginForm(meta=wft_locales())
+    form.logo = config.get("logo_image_url", {})
+    form.background = config.get("background_image_url", {})
+    
     if form.validate_on_submit():
         user = form.user
         # flask_login stores user in session
diff --git a/src/static/style.css b/src/static/style.css
@@ -5,15 +5,31 @@
 *:focus {
   outline: none;
 }
-body {
+html, body {
   font-family: Arial;
   background-color: #a0a0a0;
   padding: 50px;
+  margin: 0;
+  padding: 0;
+  height: 100%;
 }
+
+.form-background {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
 .login {
-  margin: 20px auto;
+  margin: 50px auto;
   width: 300px;
 }
+
 .login-screen {
   background-color: #FFF;
   padding: 20px;
@@ -24,7 +40,12 @@ body {
   text-align: center;
   color: #777;
 }
- 
+
+.app-logo {
+  width: 220px;
+  height: 100px;
+}
+
 .login-form {
   text-align: center;
 }
diff --git a/src/templates/base.html b/src/templates/base.html
@@ -4,6 +4,9 @@
         <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" type="text/css">
     </head>
     <body>
+        {% if form.background %}
+            <div class="form-background" style="background-image: url('{{form.background}}');">
+        {% endif %}
         {% with messages = get_flashed_messages() + form.errors.get('csrf_token', []) %}
         {% if messages %}
         <ul>
diff --git a/src/templates/login.html b/src/templates/login.html
@@ -7,6 +7,9 @@ <h1>{{ i18n.t('auth.login_page_title') }}</h1>
         <div class="login">
             <div class="login-screen">
                 <div class="app-title">
+                    {% if form.logo %}
+                        <img class="app-logo" src="{{form.logo}}" alt="logo" />
+                    {% endif %}
                     <h1>{{ i18n.t('auth.login_form_title') }}</h1>
                 </div>
      
