From 89db3572517ffa45207da774933e5801a09e275d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julian=20P=C3=B6mp?= <jp@poemp.net>
Date: Thu, 17 Oct 2024 11:14:03 +0200
Subject: [PATCH] fix(octra): broken online deactivated message

---
 .../app/core/pages/login/login.component.html | 41 +++++++++----------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/apps/octra/src/app/core/pages/login/login.component.html b/apps/octra/src/app/core/pages/login/login.component.html
index 4555bd681..e9db10c36 100644
--- a/apps/octra/src/app/core/pages/login/login.component.html
+++ b/apps/octra/src/app/core/pages/login/login.component.html
@@ -1,14 +1,12 @@
 <div class="section" id="login">
   <div class="row">
     <div class="col-12" style="text-align: center">
-      @if (
-        settingsService.appSettings.octra.maintenanceNotification !==
-        undefined &&
-        settingsService.appSettings.octra.maintenanceNotification.active ===
-        'active'
-        ) {
+      @if (settingsService.appSettings.octra.maintenanceNotification !==
+      undefined &&
+      settingsService.appSettings.octra.maintenanceNotification.active ===
+      'active') {
         <octra-maint-banner
-        [serverURL]="
+          [serverURL]="
           settingsService.appSettings.octra.maintenanceNotification.apiURL
         "
           [language]="appStorage.language"
@@ -21,7 +19,7 @@
       <div
         class="card login-card d-flex flex-column flex-fill h-100"
         #onlinemode
-        >
+      >
         <div class="card-body">
           @if (!apc.octra.responsive.enabled && !state.local.validSize) {
             <p
@@ -35,17 +33,16 @@ <h4>{{ 'login.online mode' | transloco }}</h4>
               {{ 'login.online mode description' | transloco }}
             </p>
             @if (!apc.octra.login.enabled) {
-              <div id="login-disabled">
-                {{ 'login.online mode disabled' | transloco }}
+              <div id="login-disabled" style="display: table-cell; height: 100%; align-content: center;">
+                <i class="bi bi-wifi-off fs-1"></i><br/>
+                {{'login.online mode disabled' | transloco }}
               </div>
-            }
-            @if (
-              (authStoreService.serverOnline$ | async) === undefined
+            } @else if ((authStoreService.serverOnline$ | async) === undefined
               ? true
               : (authStoreService.serverOnline$ | async)) {
               <div
                 class="form-horizontal"
-                >
+              >
                 <octra-authentication-component
                   [showTitle]="false"
                   (submitClick)="onOnlineSubmit($event)"
@@ -57,7 +54,7 @@ <h4>{{ 'login.online mode' | transloco }}</h4>
             } @else {
               <div
                 class="text-center justify-content-center d-flex flex-column flex-fill h-100 p-3 opacity-75"
-                >
+              >
                 <i class="bi bi-exclamation-triangle-fill text-warning fs-1"></i>
                 <div [innerHTML]="'login.api not available' | transloco : {
                    email_link: email_link
@@ -74,8 +71,8 @@ <h4>{{ 'login.online mode' | transloco }}</h4>
       <div class="card login-card position-relative" #localmode>
         <p style="position: absolute; top: 0; right: 0; text-align: right; margin-top:10px; margin-right:10px;">
           <a (click)="startDemo()" class="link pointer">{{
-            'login.demo' | transloco
-          }}</a>
+              'login.demo' | transloco
+            }}</a>
         </p>
         <div class="card-body">
           <section>
@@ -86,7 +83,7 @@ <h4>{{ 'login.local mode' | transloco }}</h4>
             <div>
               @if (appStorage.sessionfile !== undefined) {
                 <div
-                [innerHTML]="
+                  [innerHTML]="
                   'login.old file found'
                     | transloco
                       : { file_label: getDropzoneFileString(sessionfile) }
@@ -104,7 +101,7 @@ <h4>{{ 'login.local mode' | transloco }}</h4>
                   class="btn btn-raised btn-primary"
                   id="offline-submit"
                   type="submit"
-                  >
+                >
                   {{ 'transcription.start' | transloco }}
                 </button>
               }
@@ -112,7 +109,7 @@ <h4>{{ 'login.local mode' | transloco }}</h4>
                 <button
                   (click)="onOfflineSubmit(true)"
                   class="btn btn-raised btn-danger offline-delete-btn"
-                  >
+                >
                   {{ 'transcription.new' | transloco }}
                 </button>
               }
@@ -132,14 +129,14 @@ <h4>{{ 'login.local mode' | transloco }}</h4>
             alt="IPS LMU Munich"
             class="logo"
             src="./assets/img/ipsx60.png"
-            />
+          />
         </a>
       </div>
       <div class="col-md-4">
         <a
           href="https://clarin.phonetik.uni-muenchen.de/Bas/BasHomeeng.html"
           target="_blank"
-          >
+        >
           <img alt="BAS" class="logo" src="./assets/img/bas.png" />
         </a>
       </div>