added dark theme logo

src/app/components/admin/admin-container/admin-container.component.html

@@ -110,7 +110,7 @@ <h2 class="icon-text">Administration</h2>
         [src]="
           (theme$ | async) === 'light-theme'
             ? '/assets/img/cmu-red-gray.png'
-            : '/assets/img/cmu-red-gray.png'
+            : '/assets/img/sei-logo-gray.png'
         "
       />
     </mat-sidenav>

src/app/components/msel/msel.component.html

@@ -28,11 +28,11 @@
 
       <mat-list-item class="list-item background">
         <div class="lefticon">
-          <button mat-icon-button title="Return to MSEL list" (click)="tabChange('<<  Back')">
+          <button mat-icon-button title="Return to MSEL list" (click)="tabChange('Back')">
             <mat-icon
               inline="true"
               class="primary mdi-36px"
-              fontIcon="mdi-chevron-double-left"
+              fontIcon="mdi-close-circle-outline"
             ></mat-icon>
           </button>
         </div>
@@ -75,7 +75,7 @@
 
       <mat-list-item class="list-item background">
         <div class="lefticon">
-          <button mat-icon-button title="Return to MSEL list" (click)="tabChange('<<  Back')">
+          <button mat-icon-button title="Return to MSEL list" (click)="tabChange('Back')">
             <mat-icon
               inline="true"
               class="primary mdi-36px"
@@ -109,7 +109,16 @@
           </button>
         </div>
       </mat-list-item>
+      <mat-list-item class="background">&nbsp;</mat-list-item>
     </mat-list>
+    <img
+      class="cmu-logo"
+      [src]="
+        (theme$ | async) === 'light-theme'
+          ? '/assets/img/cmu-red-gray.png'
+          : '/assets/img/sei-logo-gray.png'
+      "
+    />
   </mat-sidenav>
   <mat-sidenav-content class="content-frame">
     <div class="main-content">
@@ -167,3 +176,15 @@
     </div>
   </mat-sidenav-content>
 </mat-sidenav-container>
+<img
+class="small-logo"
+[src]="
+  (theme$ | async) === 'light-theme'
+    ? '/assets/img/cmu-red-gray.png'
+    : '/assets/img/sei-logo-gray.png'
+"
+/>
+<br />&nbsp;
+<br />&nbsp;
+<br />&nbsp;
+

src/app/components/msel/msel.component.scss

@@ -95,3 +95,14 @@
 .full-width {
   width: 100%;
 }
+
+.cmu-logo {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+
+.small-logo {
+  width: 300px;
+}

src/app/components/msel/msel.component.ts

@@ -7,6 +7,7 @@ import { Subject, Observable } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import {
   Theme,
+  ComnAuthQuery
 } from '@cmusei/crucible-common';
 import {
   Msel
@@ -60,7 +61,7 @@ export class MselComponent implements OnDestroy {
   selectedMselId = '';
   sideNavExpanded = true;
   fontIconList = new Map<string, string>([
-    ['Info', 'mdi-information-outline'],
+    ['Info', 'mdi-note-outline'],
     ['Teams', 'mdi-account-group-outline'],
     ['Data Fields', 'mdi-view-column-outline'],
     ['Organizations', 'mdi-office-building-outline'],
@@ -71,6 +72,7 @@ export class MselComponent implements OnDestroy {
     ['Events', 'mdi-chart-timeline'],
     ['Exercise View', 'mdi-eye-outline'],
   ]);
+  theme$: Observable<Theme>;
 
   constructor(
     private activatedRoute: ActivatedRoute,
@@ -90,8 +92,10 @@ export class MselComponent implements OnDestroy {
     private scenarioEventDataService: ScenarioEventDataService,
     private teamDataService: TeamDataService,
     private uiDataService: UIDataService,
-    private userMselRoleDataService: UserMselRoleDataService
+    private userMselRoleDataService: UserMselRoleDataService,
+    private authQuery: ComnAuthQuery
   ) {
+    this.theme$ = this.authQuery.userTheme$;
     // subscribe to route changes
     this.activatedRoute.queryParamMap.pipe(takeUntil(this.unsubscribe$)).subscribe(params => {
       // load the selected MSEL data
@@ -138,7 +142,7 @@ export class MselComponent implements OnDestroy {
   }
 
   tabChange(tabName: string) {
-    if (tabName === '<<  Back') {
+    if (tabName === 'Back') {
       this.uiDataService.setMselTab(this.defaultTab);
       this.router.navigate([], {
         queryParams: { }