Hotfix/banner for aug7 (#249)

* Add banner * Change to yellow * Add envService to main welcome * - Changes message according to Tracy's requests - Adds padding to the message * - Linting * - Linting * - Changes message to make it more explicit. --------- Co-authored-by: Nathan Franklin <[email protected]>
TACC-Cloud · Aug 6, 2024 · dedc5c8 · dedc5c8
1 parent fdd3d66
commit dedc5c8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/angular/src/app/components/main-welcome/main-welcome.component.html b/angular/src/app/components/main-welcome/main-welcome.component.html
@@ -5,6 +5,11 @@
                 <img src="assets/[email protected]" width="250px" />
                 <div style="margin-top: 10px" id="release-version">Version 2.17</div>
             </div>
+            <div id="welcome-banner">
+                Due to a system upgrade on August 7th, 2024, in order to continue using HazMapper users must log in to the
+                <a href="{{ envService.designSafePortalUrl }}" target="_blank">DesignSafe portal</a> at least once prior to creating new
+                maps or adding map data to existing projects.
+            </div>
         </div>
 
         <div class="grid-x align-center">

diff --git a/angular/src/app/components/main-welcome/main-welcome.component.styl b/angular/src/app/components/main-welcome/main-welcome.component.styl
@@ -90,6 +90,12 @@
         padding-bottom 50px
         justify-content center
         align-items center
+      #welcome-banner
+        background-color #fff3cd
+        color #856404
+        padding 20px
+        justify-content center
+      font-size 13px
       #welcome-learn
         padding-top 30px
 

diff --git a/angular/src/app/components/main-welcome/main-welcome.component.ts b/angular/src/app/components/main-welcome/main-welcome.component.ts
@@ -11,6 +11,7 @@ import { combineLatest } from 'rxjs';
 import { take } from 'rxjs/operators';
 import { StreetviewAuthenticationService } from 'src/app/services/streetview-authentication.service';
 import { StreetviewService } from 'src/app/services/streetview.service';
+import { EnvService } from 'src/app/services/env.service';
 
 @Component({
   selector: 'app-main-welcome',
@@ -33,7 +34,8 @@ export class MainWelcomeComponent implements OnInit {
     private modalService: ModalService,
     private streetviewAuthenticationService: StreetviewAuthenticationService,
     private streetviewService: StreetviewService,
-    private agaveSystemsService: AgaveSystemsService
+    private agaveSystemsService: AgaveSystemsService,
+    private envService: EnvService
   ) {}
 
   ngOnInit() {