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;