Testing building with version number in OpenShift

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.html

@@ -2,4 +2,7 @@
   <div class="footer__logo-wrapper">
     <digi-logo af-color="secondary"></digi-logo>
   </div>
+  <div class="footer__version" *ngIf="showVersion">
+    <markdown src="assets/VERSION.md"></markdown>
+  </div>
 </footer>

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss

@@ -1,12 +1,20 @@
 @import 'variables/gutters';
 
 .footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
   background-color: var(--digi--ui--color--background--profile);
   padding: $digi--layout--gutter--l $digi--layout--gutter;
+  color: var(--digi--typography--color--text--light);
 
   &__logo-wrapper {
     ::ng-deep .digi-logo {
       --digi-logo--padding: 0;
     }
   }
+
+  &__version {
+    font-size: 0.75rem;
+  }
 }

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { environment } from '@msfa-environment';
 
 @Component({
   selector: 'msfa-footer',
@@ -6,4 +7,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   styleUrls: ['./footer.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class FooterComponent {}
+export class FooterComponent {
+  showVersion = !environment.production;
+}

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.module.ts

@@ -1,12 +1,12 @@
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
+import { MarkdownModule } from 'ngx-markdown';
 import { FooterComponent } from './footer.component';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   declarations: [FooterComponent],
-  imports: [CommonModule, RouterModule],
+  imports: [CommonModule, MarkdownModule.forChild()],
   exports: [FooterComponent],
 })
 export class FooterModule {}