feat(octra): add urls to imprint, privacy and TOS to about modal if a…

…vailable

apps/octra/src/app/core/modals/about-modal/about-modal.component.html

@@ -10,7 +10,6 @@ <h4 class="modal-title">About OCTRA
     ></button>
   </div>
   <div class="modal-body">
-
     <h5 class="mt-1 pt-0">
       Affiliations
     </h5>
@@ -84,6 +83,15 @@ <h5>
       </tr>
       </tbody>
     </table>
+
+    <ng-container>
+      <h5>{{"g.legals" | transloco}}</h5>
+      <ul>
+        <li *ngFor="let legal of legals">
+          <a [href]="legal.url" target="_blank">{{"g." + legal.label | transloco}}</a>
+        </li>
+      </ul>
+    </ng-container>
   </div>
   <div class="modal-footer">
     <button type="button" class="btn btn-primary" data-dismiss="modal" (click)="close()">

apps/octra/src/app/core/modals/about-modal/about-modal.component.scss

@@ -1,15 +1,3 @@
-#export-table td {
-  cursor: pointer;
-}
-
-#export-table a {
-  cursor: pointer;
-}
-
-progressbar {
-  height: 20px;
-}
-
 h5 {
   margin-top: 40px;
   margin-bottom: 10px;
@@ -20,14 +8,3 @@ h5 {
   margin-bottom: 20px;
   display: inline-block;
 }
-
-.language {
-  font-size: 1.1rem;
-  font-weight: 400;
-}
-
-.translators {
-  font-size: 0.85rem;
-}
-
-

apps/octra/src/app/core/modals/about-modal/about-modal.component.ts

@@ -4,6 +4,7 @@ import { AppInfo } from '../../../app.info';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { NgbActiveModal, NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';
 import { OctraModal } from '../types';
+import { OctraAPIService } from '@octra/ngx-octra-api';
 
 @Component({
   selector: 'octra-about-modal',
@@ -17,6 +18,11 @@ export class AboutModalComponent extends OctraModal implements OnDestroy {
     backdrop: true,
   };
   public visible = false;
+  legalsExist = false;
+  legals: {
+    label: string;
+    url: string;
+  }[] = [];
 
   @ViewChild('modal', { static: true }) modal: any;
   @ViewChild('content', { static: false }) contentElement?: ElementRef;
@@ -32,10 +38,37 @@ export class AboutModalComponent extends OctraModal implements OnDestroy {
 
   constructor(
     private sanitizer: DomSanitizer,
+    private api: OctraAPIService,
     protected override activeModal: NgbActiveModal
   ) {
     super('octraModal', activeModal);
 
+    this.legalsExist =
+      this.api.appProperties?.legals.imprint_url !== undefined &&
+      this.api.appProperties?.legals.privacy_url !== undefined &&
+      this.api.appProperties?.legals.tos_url !== undefined;
+
+    if (this.api.appProperties?.legals?.imprint_url) {
+      this.legals.push({
+        label: 'imprint',
+        url: this.api.appProperties?.legals?.imprint_url,
+      });
+    }
+
+    if (this.api.appProperties?.legals?.privacy_url) {
+      this.legals.push({
+        label: 'privacy',
+        url: this.api.appProperties?.legals?.privacy_url,
+      });
+    }
+
+    if (this.api.appProperties?.legals?.tos_url) {
+      this.legals.push({
+        label: 'terms and conditions',
+        url: this.api.appProperties?.legals?.tos_url,
+      });
+    }
+
     const bibtex = new File(
       [
         `@INPROCEEDINGS{peomp2017octra

package.json

@@ -78,8 +78,8 @@
     "@ngrx/store": "18.0.1",
     "@ngrx/store-devtools": "18.0.1",
     "@nx/angular": "19.5.3",
-    "@octra/api-types": "^0.1.4",
-    "@octra/ngx-octra-api": "^0.1.5",
+    "@octra/api-types": "^0.2.0",
+    "@octra/ngx-octra-api": "^0.2.0",
     "@popperjs/core": "^2.11.6",
     "@swc/helpers": "0.5.11",
     "ajv": "^8.16.0",
@@ -99,7 +99,7 @@
     "luxon": "^3.4.4",
     "modernizr": "^3.13.0",
     "ngrx-wieder": "^12.0.0",
-    "ngx-jodit": "^3.1.2",
+    "ngx-jodit": "^3.1.3",
     "ngx-webstorage": "^18.0.0",
     "node-ssh": "^13.2.0",
     "platform": "^1.3.6",