Relative path fix for landing page (#669)

b310-digital · Jan 18, 2025 · bfc7945 · bfc7945
1 parent 1b5b1bf
commit bfc7945
Show file tree

Hide file tree

Showing 15 changed files with 52 additions and 31 deletions.
diff --git a/teammapper-frontend/src/app/core/http/http.service.ts b/teammapper-frontend/src/app/core/http/http.service.ts
@@ -4,7 +4,7 @@ import { Injectable } from '@angular/core';
  * All the API urls used with the http service.
  */
 export enum API_URL {
-  LOCAL_ASSETS = './assets/data/',
+  LOCAL_ASSETS = '/assets/data/',
   ROOT = 'api',
 }
 

diff --git a/teammapper-frontend/src/app/modules/about/components/footer/footer.component.scss b/teammapper-frontend/src/app/modules/about/components/footer/footer.component.scss
@@ -42,20 +42,27 @@ footer.footer {
     div.languages {
       padding: 8px 0;
 
-      mat-select::ng-deep {
-        width: fit-content !important;
-        min-width: 100%;
-
-        .mat-select-value {
-          width: fit-content;
-          min-width: 2ch;
-          max-width: 25ch;
+      ::ng-deep {
+        .mat-mdc-select {
+          min-width: 150px;
+        }
+
+        .mat-mdc-select-value {
+          max-width: 100%;
+          width: auto;
+        }
+
+        .mat-mdc-select-value-text {
           color: whitesmoke;
         }
 
-        .mat-select-arrow {
+        .mat-mdc-select-arrow {
           color: whitesmoke;
         }
+
+        .mat-mdc-select-placeholder {
+          color: rgba(255, 255, 255, 0.7);
+        }
       }
     }
   }

diff --git a/teammapper-frontend/src/app/modules/about/components/header/header.component.html b/teammapper-frontend/src/app/modules/about/components/header/header.component.html
@@ -1,6 +1,6 @@
 <header class="header mat-elevation-z6">
   <nav class="container">
-    <img class="logo" src="./assets/icons/teammapper.svg" width="36" alt="Teammapper Logo" />
+    <img class="logo" src="/assets/icons/teammapper.svg" width="36" alt="Teammapper Logo" />
     <h3>TeamMapper</h3>
 
     <span class="toolbar-spacer"></span>

diff --git a/teammapper-frontend/src/app/modules/about/components/jumbotron/jumbotron.component.html b/teammapper-frontend/src/app/modules/about/components/jumbotron/jumbotron.component.html
@@ -1,7 +1,7 @@
 <section class="jumbotron">
   <div>
     <h1>
-      <img src="./assets/icons/teammapper.svg" alt="Teammapper Logo" /><br />
+      <img src="/assets/icons/teammapper.svg" alt="Teammapper Logo" /><br />
       TeamMapper
     </h1>
     <div>
@@ -42,6 +42,14 @@ <h1>
             }}
           </span>
         </mat-list-item>
+        <mat-list-item>
+          <mat-icon mat-list-icon>check</mat-icon>
+          <span class="white-list">
+            {{
+              'PAGES.ABOUT.INTRODUCTION.APPLICATION_PROPERTIES.4' | translate
+            }}
+          </span>
+        </mat-list-item>
       </mat-list>
     </div>
 
@@ -50,6 +58,6 @@ <h1>
     </button>
   </div>
   <div>
-    <img src="./assets/images/screens.png" alt="Screens" />
+    <img src="/assets/images/screens.png" alt="Screens" />
   </div>
 </section>
diff --git a/...-frontend/src/app/modules/application/components/dialog-about/dialog-about.component.html b/...-frontend/src/app/modules/application/components/dialog-about/dialog-about.component.html
@@ -1,7 +1,7 @@
 <h2 mat-dialog-title>{{ applicationName }} {{ version }}</h2>
 <mat-dialog-content>
   <div class="about-modal-section">
-    <img src="./assets/icons/teammapper.svg" width="150" alt="Teammapper Logo" />
+    <img src="/assets/icons/teammapper.svg" width="150" alt="Teammapper Logo" />
     {{ 'PAGES.ABOUT.INTRODUCTION.APPLICATION_DESCRIPTION' | translate }}
   </div>
   <br />

diff --git a/teammapper-frontend/src/app/root.module.ts b/teammapper-frontend/src/app/root.module.ts
@@ -19,7 +19,7 @@ import { SharedModule } from './shared/shared.module';
 import { ToastrModule } from 'ngx-toastr';
 
 export function createTranslateLoader(http: HttpClient) {
-  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
+  return new TranslateHttpLoader(http, '/assets/i18n/', '.json');
 }
 
 @NgModule({

diff --git a/teammapper-frontend/src/assets/i18n/de.json b/teammapper-frontend/src/assets/i18n/de.json
@@ -118,13 +118,14 @@
           "Gleichzeitig an Mindmaps arbeiten",
           "Einfaches Teilen der Mindmap über einen QR-Code oder Link",
           "Erweitern von Knoten mit Bildern, Farben oder Links",
-          "Import und Export Möglichkeiten"
+          "Import und Export Möglichkeiten",
+          "Volle Datenkontrolle möglich, durch Self-Hosting und offenen Quellcode"
         ]
       },
       "SECTIONS": [
         {
           "TITLE": "Mindmaps",
-          "SUBTITLE": "TeamMapper folgt dem Tony Buzan Ansatz, welcher die Kraft von Bildern und Farben nutzt, um die Merkfähigkeit zu verbessern und die Kreativität anzuregen.",
+          "SUBTITLE": "TeamMapper folgt dem Tony Buzan Ansatz, welcher Bilder und Farben nutzt, um das Erinnerungsvermögen zu verbessern und die Kreativität anzuregen.",
           "CARDS": [
             {
               "TITLE": "Farben und Bilder",

diff --git a/teammapper-frontend/src/assets/i18n/en.json b/teammapper-frontend/src/assets/i18n/en.json
@@ -118,7 +118,8 @@
           "Collaborate together on mind maps",
           "Share mind maps with others - either by a QR code or by providing the link.",
           "Add images, colors, font properties and links to nodes",
-          "Import and export functionality"
+          "Import and export functionality",
+          "Full control over your own data through open source code / self-hosting"
         ]
       },
       "SECTIONS": [

diff --git a/teammapper-frontend/src/assets/i18n/es.json b/teammapper-frontend/src/assets/i18n/es.json
@@ -118,7 +118,8 @@
           "Collaborate together on mind maps",
           "Share mind maps with others - either by a QR code or by providing the link.",
           "Add images, colors, font properties and links to nodes",
-          "Import and export functionality"
+          "Import and export functionality",
+          "Full control over your own data through open source code / self-hosting"
         ]
       },
       "SECTIONS": [

diff --git a/teammapper-frontend/src/assets/i18n/fr.json b/teammapper-frontend/src/assets/i18n/fr.json
@@ -118,7 +118,8 @@
           "Collaborate together on mind maps",
           "Share mind maps with others - either by a QR code or by providing the link.",
           "Add images, colors, font properties and links to nodes",
-          "Import and export functionality"
+          "Import and export functionality",
+          "Full control over your own data through open source code / self-hosting"
         ]
       },
       "SECTIONS": [

diff --git a/teammapper-frontend/src/assets/i18n/it.json b/teammapper-frontend/src/assets/i18n/it.json
@@ -118,7 +118,8 @@
           "Collaborate together on mind maps",
           "Share mind maps with others - either by a QR code or by providing the link.",
           "Add images, colors, font properties and links to nodes",
-          "Import and export functionality"
+          "Import and export functionality",
+          "Full control over your own data through open source code / self-hosting"
         ]
       },
       "SECTIONS": [

diff --git a/teammapper-frontend/src/assets/i18n/pt-br.json b/teammapper-frontend/src/assets/i18n/pt-br.json
@@ -118,7 +118,8 @@
           "Collaborate together on mind maps",
           "Share mind maps with others - either by a QR code or by providing the link.",
           "Add images, colors, font properties and links to nodes",
-          "Import and export functionality"
+          "Import and export functionality",
+          "Full control over your own data through open source code / self-hosting"
         ]
       },
       "SECTIONS": [

diff --git a/teammapper-frontend/src/assets/i18n/zh-cn.json b/teammapper-frontend/src/assets/i18n/zh-cn.json
@@ -118,7 +118,8 @@
           "共同协作思维导图",
           "通过二维码或提供链接与他人分享思维导图。",
           "向节点添加图片、颜色、字体属性和链接",
-          "导入和导出功能"
+          "导入和导出功能",
+          "通过开源代码/自托管实现对自身数据的全权控制"
         ]
       },
       "SECTIONS": [

diff --git a/teammapper-frontend/src/assets/i18n/zh-tw.json b/teammapper-frontend/src/assets/i18n/zh-tw.json
@@ -118,7 +118,8 @@
           "Collaborate together on mind maps",
           "Share mind maps with others - either by a QR code or by providing the link.",
           "Add images, colors, font properties and links to nodes",
-          "Import and export functionality"
+          "Import and export functionality",
+          "Full control over your own data through open source code / self-hosting"
         ]
       },
       "SECTIONS": [

diff --git a/teammapper-frontend/src/index.html b/teammapper-frontend/src/index.html
@@ -26,29 +26,27 @@
         img-src 'self' https://static.arasaac.org data:;
         " />
     <link
-      href="./assets/icons/icon-72x72.png"
+      href="/assets/icons/icon-72x72.png"
       rel="icon"
       sizes="72x72"
       type="image/png" />
     <link
-      href="./assets/icons/icon-192x192.png"
+      href="/assets/icons/icon-192x192.png"
       rel="icon"
       sizes="192x192"
       type="image/png" />
     <link
-      href="./assets/icons/icon-128x128.png"
+      href="/assets/icons/icon-128x128.png"
       rel="apple-touch-icon"
       sizes="128x128" />
     <link
       rel="icon"
-      href="./assets/icons/teammapper.svg"
+      href="/assets/icons/teammapper.svg"
       type="image/svg+xml" />
   </head>
 
   <body>
     <teammapper-root></teammapper-root>
-    <noscript
-      >Please enable JavaScript to continue using this application.</noscript
-    >
+    <noscript>Please enable JavaScript to continue using this application.</noscript>
   </body>
 </html>