From 8ff3cf0999a70eb3585ec8e9a6b6fcc16ec811be Mon Sep 17 00:00:00 2001
From: Michael Branders <michael.branders@benerail.com>
Date: Fri, 31 May 2024 14:41:20 +0200
Subject: [PATCH] dev vs prod

---
 itenium-socks/src/app/app.component.html               | 1 +
 itenium-socks/src/app/app.component.ts                 | 6 +++++-
 itenium-socks/src/app/environments/environment.prod.ts | 4 ++++
 itenium-socks/src/app/environments/environment.ts      | 4 ++++
 itenium-socks/src/styles.scss                          | 9 +++++++++
 5 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 itenium-socks/src/app/environments/environment.prod.ts
 create mode 100644 itenium-socks/src/app/environments/environment.ts

diff --git a/itenium-socks/src/app/app.component.html b/itenium-socks/src/app/app.component.html
index 67e7bd4..da17b70 100644
--- a/itenium-socks/src/app/app.component.html
+++ b/itenium-socks/src/app/app.component.html
@@ -1 +1,2 @@
+<div class="env-indicator">{{ envIndicator }}</div>
 <router-outlet />
diff --git a/itenium-socks/src/app/app.component.ts b/itenium-socks/src/app/app.component.ts
index 8ad7283..88462a9 100644
--- a/itenium-socks/src/app/app.component.ts
+++ b/itenium-socks/src/app/app.component.ts
@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+import { environment } from './environments/environment';
+
 
 @Component({
   selector: 'app-root',
@@ -9,4 +11,6 @@ import { RouterOutlet } from '@angular/router';
   ],
   templateUrl: './app.component.html',
 })
-export class AppComponent {}
+export class AppComponent {
+  envIndicator = environment.productionIndicator;
+}
diff --git a/itenium-socks/src/app/environments/environment.prod.ts b/itenium-socks/src/app/environments/environment.prod.ts
new file mode 100644
index 0000000..acd25b9
--- /dev/null
+++ b/itenium-socks/src/app/environments/environment.prod.ts
@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  productionIndicator: ''
+};
diff --git a/itenium-socks/src/app/environments/environment.ts b/itenium-socks/src/app/environments/environment.ts
new file mode 100644
index 0000000..a2e2367
--- /dev/null
+++ b/itenium-socks/src/app/environments/environment.ts
@@ -0,0 +1,4 @@
+export const environment = {
+  production: false,
+  productionIndicator: 'Development Mode'
+};
diff --git a/itenium-socks/src/styles.scss b/itenium-socks/src/styles.scss
index 3cc7a27..37be9d5 100644
--- a/itenium-socks/src/styles.scss
+++ b/itenium-socks/src/styles.scss
@@ -6,6 +6,15 @@ body {
   background-color: #ffffff;
 }
 
+.env-indicator {
+  position: fixed;
+  top: 0;
+  right: 0;
+  padding: 10px;
+  background-color: red;
+  color: white;
+}
+
 .layout_padding {
   padding-top: 90px;
   padding-bottom: 90px;