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 @@
+
{{ envIndicator }}
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;