Add Privacy Polic Link + Imprint link

jggoebel · Jun 5, 2024 · 1d70730 · 1d70730
1 parent f41e55b
commit 1d70730
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 1 deletion.
diff --git a/.docker/stage-release/usr/local/bin/entrypoint.sh b/.docker/stage-release/usr/local/bin/entrypoint.sh
@@ -1,7 +1,9 @@
 #!/bin/sh
 
 sed -i'' "s|#####SERVER#####|$SERVER|g;" /usr/share/nginx/html/main*.js*
+sed -i'' "s|#####IMPRINT#####|$IMPRINT|g;" /usr/share/nginx/html/main*.js*
+sed -i'' "s|#####PRIVACY#####|$PRIVACY|g;" /usr/share/nginx/html/main*.js*
 
-echo "Configured with SERVER=$SERVER"
+echo "Configured with SERVER=$SERVER amd IMPRINT=$IMPRINT and PRIVACY=$PRIVACY"
 
 nginx -g 'daemon off;' # overriding nginx default startup
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -5,3 +5,10 @@
     </div>
   </div>
 </div>
+
+<div class="imprint" *ngIf="imprint">
+  <a [href]="imprint">Impressum</a>
+</div>
+<div class="privacy" *ngIf="privacyPolicy">
+  <a [href]="privacyPolicy">Privacy Policy</a>
+</div>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -166,3 +166,21 @@ clr-dg-cell.red {
   > cds-icon[shape^='angle'].dropdown-selection-angle {
   right: 0.5rem;
 }
+
+.imprint {
+  position: absolute;
+  left: 20px;
+  bottom: 20px;
+  a {
+    color: white;
+  }
+}
+
+.privacy {
+  position: absolute;
+  left: 100px;
+  bottom: 20px;
+  a {
+    color: white;
+  }
+}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -3,6 +3,7 @@ import '@cds/core/icon/register.js';
 import { ClarityIcons } from '@cds/core/icon';
 import { AppConfigService } from './app-config.service';
 import { themes } from './terminals/terminal-themes/themes';
+import { environment } from 'src/environments/environment';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -14,6 +15,8 @@ export class AppComponent {
   private logo = this.Config.logo || '/assets/bashbrawl/bashbrawl_text.png';
 
   public themes = themes;
+  public imprint = '';
+  public privacyPolicy = '';
 
   constructor(private config: AppConfigService) {
     this.config.getLogo(this.logo).then((obj: string) => {
@@ -24,5 +27,13 @@ export class AppComponent {
       const fi = <HTMLLinkElement>document.querySelector('#favicon');
       fi.href = this.Config.favicon;
     }
+
+    if (environment.imprint && environment.imprint != '') {
+      this.imprint = environment.imprint;
+    }
+
+    if (environment.privacypolicy && environment.privacypolicy != '') {
+      this.privacyPolicy = environment.privacypolicy;
+    }
   }
 }
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
@@ -1,4 +1,6 @@
 export const environment = {
   production: true,
   server: '#####SERVER#####',
+  imprint: '#####IMPRINT#####',
+  privacypolicy: '#####PRIVACY#####',
 };
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
@@ -4,6 +4,8 @@
 export const environment = {
   production: false,
   server: 'http://localhost:16210',
+  imprint: '',
+  privacypolicy: '',
 };
 /*
  * For easier debugging in development mode, you can import the following file