feat:#39 linkout to other student projects

frontend/src/components/FaqPage.vue

@@ -236,8 +236,37 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
           {{ $t("faqView.ninthAnswer") }}
           <a href="https://git.imn.htwk-leipzig.de/ekresse/htwkalender"
             >Gitlab</a
-          >
-          .
+          >.
+        </div>
+      </div>
+      <div class="grid my-2">
+        <div class="col">{{ $t("faqView.crossPromoQuestion") }}</div>
+        <div class="col">
+          {{ $t("faqView.crossPromo.teaser") }}
+          <div class="flex flex-column gap-3 my-3">
+            <Card v-for="promoPage in new Array('mensa', 'htwkarte')" :key="promoPage">
+              <template #title>
+                  <div class="flex flex-row align-items-start">
+                    <Avatar :image="'/promo/' + promoPage + '.png'" class="mr-2 flex-shrink-0" size="xlarge" />
+                    <div class="flex flex-column gap-1">
+                      <div>
+                        {{$t("faqView.crossPromo." + promoPage + ".title") }}
+                      </div>
+                      <div class="p-card-subtitle text-base">
+                        <a href="{{ $t('faqView.crossPromo.' + promoPage + '.link') }}">
+                          {{$t("faqView.crossPromo." + promoPage + ".link") }}
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+              </template>
+              <template #content>
+                <p class="m-0">
+                  {{ $t("faqView.crossPromo." + promoPage + ".description") }}
+                </p>
+              </template>
+            </Card>
+          </div>
         </div>
       </div>
       <p>

frontend/src/i18n/translations/de.json

@@ -237,6 +237,20 @@
     "eighthAnswer": "Die Entwicklung soll als aktives Git Projekt durch die Community verwaltet werden. Eine freie Version des HTWKalenders wird intern auf den Servern des FSR IM gehostet und ist für alle HTWK-Studierenden kostenlos.",
     "ninthQuestion": "Wo kann ich den Quellcode einsehen und mitwirken?",
     "ninthAnswer": "Wenn du dich für die Entwicklung und den Quelltext interessierst, kannst du jederzeit als HTWK-Student*in daran mitarbeiten. Quelltext und weitere Informationen findest du im ",
+    "crossPromoQuestion": "Weitere studentische Projekte.",
+    "crossPromo": {
+      "teaser": "Der HTWKalender arbeitet mit anderen studentischen Projekten zusammen, um dir das Studium zu erleichtern. Vermutlich gibt es noch mehr, als die hier gelisteten. Schau doch mal dort vorbei!",
+      "mensa": {
+        "title": "HTWK Mensa Mate",
+        "description": "Finde den Sitzplatz deiner Kommilitonen in der HTWK Mensa.",
+        "link": "https://mensa.heylinus.de/"
+      },
+      "htwkarte": {
+        "title": "HTWKarte",
+        "description": "Finde dich auf dem Campus zurecht und suche nach Räumen. (in Entwicklung)",
+        "link": "https://htwkarte.de/"
+      }
+    },
     "notFound": "Nicht gefunden, wonach du suchst?",
     "contact": "Kontakt aufnehmen"
   }

frontend/src/i18n/translations/en.json

@@ -237,6 +237,20 @@
     "eighthAnswer": "The development should also be managed by the community as an active Git project. A free version of the HTW calendar is hosted internally on the servers of the FSR IMN and is free of charge for all HTWK students.",
     "ninthQuestion": "Where could i find the source code?",
     "ninthAnswer": "If you want to contribute, you can do so at any time if you are a HTWK student. The source code is available on ",
+    "crossPromoQuestion": "More student projects.",
+    "crossPromo": {
+      "teaser": "The HTWKalender collaborates with other student projects to make your studies easier. There are probably more than those listed here. Check them out!",
+      "mensa": {
+        "title": "HTWK Mensa Mate",
+        "description": "Find the seating location of your fellow students in the HTWK Mensa Academica.",
+        "link": "https://mensa.heylinus.de/"
+      },
+      "htwkarte": {
+        "title": "HTWKarte",
+        "description": "Find your way around the campus and search for rooms. (in development)",
+        "link": "https://htwkarte.de/"
+      }
+    },
     "notFound": "Not finding what you're looking for?",
     "contact": "Get in touch"
   }

frontend/src/main.ts

@@ -21,6 +21,7 @@ import { createHead } from "@unhead/vue";
 import "./style.css";
 import App from "./App.vue";
 import PrimeVue from "primevue/config";
+import Avatar from "primevue/avatar";
 import Badge from "primevue/badge";
 import Button from "primevue/button";
 import Dropdown from "primevue/dropdown";
@@ -80,6 +81,7 @@ app.use(pinia);
 app.use(DialogService);
 i18n.setup();
 app.use(i18n.vueI18n);
+app.component("Avatar", Avatar);
 app.component("Badge", Badge);
 app.component("Button", Button);
 app.component("Menu", Menu);