docs: update changelogs for release

ci: publish release

.gitlab-ci.yml

@@ -133,7 +133,7 @@ audit:
   allow_failure: true
   needs: []
   script:
-    - pnpm audit --prod
+    - pnpm audit --prod --audit-level critical
   rules:
     - if: $CI_COMMIT_BRANCH == 'main'
       allow_failure: false

.gitlab/publishing.gitlab-ci.yml

@@ -1,6 +1,11 @@
 .limit_publish_pipelines:
   rules:
-      - if: '($CI_COMMIT_BRANCH == "main" || $CI_COMMIT_BRANCH == "develop") && $CI_COMMIT_MESSAGE =~ /ci: publish release/ && $CI_PIPELINE_SOURCE != "schedule"'
+      - if: '$CI_COMMIT_BRANCH == "develop" && $CI_COMMIT_MESSAGE =~ /ci: publish prerelease/ && $CI_PIPELINE_SOURCE != "schedule"'
+        variables:
+          PUBLISH_TAG: next
+      - if: '$CI_COMMIT_BRANCH == "main" && $CI_COMMIT_MESSAGE =~ /ci: publish release/ && $CI_PIPELINE_SOURCE != "schedule"'
+        variables:
+          PUBLISH_TAG: latest
 
 deploy:
   stage: publish
@@ -24,8 +29,6 @@ publish image:
   image:
     name: gcr.io/kaniko-project/executor:v1.12.1-debug
     entrypoint: [""]
-  variables:
-    PUBLISH_TAG: next
   script:
     - >
        /kaniko/executor
@@ -50,9 +53,6 @@ publish image:
       - IMAGE_NAME: app
         DEPLOY_DIR: frontend/app
   rules:
-    - if: $CI_COMMIT_BRANCH == 'main'
-      variables:
-        PUBLISH_TAG: latest
     - !reference [.limit_publish_pipelines, rules]
 
 publish packages:
@@ -61,16 +61,12 @@ publish packages:
   variables:
     GIT_STRATEGY: clone
     GIT_DEPTH: 0
-    PUBLISH_TAG: next
   script:
     - pnpm install
     - pnpm build
     - pnpm config set '//registry.npmjs.org/:_authToken' "${NPM_AUTH_TOKEN}"
     - pnpm publish -r --publish-branch ${CI_COMMIT_BRANCH} --tag ${PUBLISH_TAG} --no-git-checks # TODO: Git checks...
   rules:
-    - if: $CI_COMMIT_BRANCH == 'main'
-      variables:
-        PUBLISH_TAG: latest
     - !reference [.limit_publish_pipelines, rules]
 
 publish docs:
@@ -84,5 +80,4 @@ publish docs:
     paths:
       - public
   rules:
-    - if: $CI_COMMIT_BRANCH == 'main'
     - !reference [.limit_publish_pipelines, rules]

CONTRIBUTING.md

@@ -37,13 +37,13 @@ Adding new types requires changes at multiple locations for it to work correctly
 - Add your SCThing and SCThingWithoutReferences to `src/things/your-thing-name.ts` and make them extend `SCThingWithoutReferences` and `SCThing` respectively
 - Add your SCThingMeta to `src/things/your-thing-name.ts` and make it extend `SCThingMeta`
 - Add your SCThingMeta to `SCClasses` in `src/meta.ts`
-- Add your SCThing to `SCThingsWithoutDiff` in `src/meta.ts`
+- Add your SCThing to `SCIndexableThings ` in `src/meta.ts`
 - Add your SCThingWithoutReferences to `SCAssociatedThingWithoutReferences` in `src/meta.ts`
 - Add your SCThing to `SCAssociatedThing` in `src/meta.ts`
 - Add your SCThing to the `SCThingType` enum in `src/things/abstract/thing.ts`
 - Add an example file for your SCThing in `test/resources/YourThingName.json`
 - Add the following lines for your SCThing in `test/type.spec.ts`:
-
+- Make sure your SCThing (but not SCThingWithoutReferences!) includes the `@indexable` and `@validatable` JSDoc annotations, otherwise neither JSON Schemas nor Elasticsearch mappings will be generated
 ```typescript
 /**
  * Types of properties of SCYourThingName

backend/backend/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @openstapps/backend
 
+## 3.1.0
+
+### Minor Changes
+
+- 06b8ca10: Add job portal feature
+
+### Patch Changes
+
+- Updated dependencies [06b8ca10]
+  - @openstapps/core@3.1.0
+
+## 3.0.1
+
+### Patch Changes
+
+- Fix missing dependency
+
 ## 3.0.0
 
 ### Major Changes

backend/backend/config/default/app/index.js

@@ -22,6 +22,7 @@ const app = {
   name: 'Goethe-Uni',
   privacyPolicyUrl: 'https://mobile.server.uni-frankfurt.de/_static/privacy.md',
   settings: [userGroupSetting, languageSetting],
+  versionHistory: [],
 };
 
 export default app;

backend/backend/config/default/app/menu.js

@@ -56,6 +56,19 @@ const menus = [
           },
         },
       },
+      {
+        icon: 'work',
+        route: '/jobs',
+        title: 'job postings',
+        translations: {
+          de: {
+            title: 'Jobangebote',
+          },
+          en: {
+            title: 'job postings',
+          },
+        },
+      },
     ],
     title: 'overview',
     route: '/overview',

backend/backend/config/default/tools/version.js

@@ -0,0 +1,42 @@
+// @ts-check
+import {readFile} from 'fs/promises';
+
+/**
+ * @example version(1, import.meta.url)
+ * @param options {Omit<import('@openstapps/core').SCAppVersionInfo, 'releaseNotes' | 'translations'>}
+ * @param base {string}
+ * @returns {Promise<import('@openstapps/core').SCAppVersionInfo>}
+ */
+export async function version(options, base) {
+  const de = await readFile(new URL(`${options.version}.de.md`, base), 'utf8');
+  const en = await readFile(new URL(`${options.version}.en.md`, base), 'utf8');
+
+  return {
+    ...options,
+    releaseNotes: de,
+    translations: {
+      en: {
+        releaseNotes: en,
+      },
+    },
+  };
+}
+
+/**
+ * @param infos {Record<string, import('@openstapps/core').SCAppVersionInfo['published']>}
+ * @param base {string} Base path of the file as `import.meta.url`
+ * @returns {Promise<import('@openstapps/core').SCAppVersionInfo[]>}
+ */
+export async function versions(infos, base) {
+  return Promise.all(
+    Object.entries(infos).map(([versionName, published]) =>
+      version(
+        {
+          published,
+          version: versionName,
+        },
+        base,
+      ),
+    ),
+  ).then(it => it.sort(({version: a}, {version: b}) => -a.localeCompare(b, undefined, {numeric: true})));
+}

backend/backend/config/f-u/backendrc.js

@@ -2,6 +2,7 @@
 import aboutPages from './about-pages/index.js';
 import defaultApp from '../default/app/index.js';
 import {backend as defaultBackend, internal as defaultInternal} from '../default/backend/index.js';
+import versionHistory from './version-history/index.js';
 
 /**
  * This is the default configuration for the Goethe university of Frankfurt
@@ -76,6 +77,7 @@ const config = {
         } */
       },
     },
+    versionHistory,
     aboutPages,
   },
   backend: defaultBackend,

backend/backend/config/f-u/version-history/3.1.0.de.md

@@ -0,0 +1,52 @@
+# Goethe-Uni App 3.1
+
+Wir freuen uns euch mehr in der Goethe-Uni App
+bieten zu können.
+
+## Navigation zu Gebäuden und Orten
+
+Als eines der Ergebnisse des Ideenwettbewerbs wurde jetzt
+ein Navigationsfeature in die App integriert.
+
+Orte auf der Karte, Mensen, sowie sogar Termine (wenn hinterlegt)
+bieten jetzt direkt die Option eine Verbindung zu finden, gestützt
+durch die Karten App auf deinem Gerät.
+
+## Integration der Jobbörse
+
+Jobs findest du ab sofort auch in der Goethe-Uni App.
+
+Auch das ist ein Ergebnis des Ideenwettbewerbs,
+und wir freuen uns es euch hier präsentieren zu können!
+
+## Der Umweltscore
+
+Der Umweltscore für Gerichte wird nun auch in der App angezeigt.
+
+> Nachhaltigkeit, Umweltschutz, Gesundheit und Klimawandel sind
+> zentrale Begriffe im gesellschaftlichen Miteinander.
+> Unsere Ernährung spielt hierbei eine wichtige Rolle.
+> Das Studierendenwerk Frankfurt am Main zeichnet seine Speisenpläne
+> ab sofort mit einem Umweltscore aus.
+> Anhand dieser Bewertung können Sie direkt ersehen,
+> welchen Einfluss Ihre Essenauswahl auf das Klima hat.
+
+## Weitere Verbesserungen
+
+### Performance
+
+Die Performance der App beim Navigieren wurde stark verbessert und ist datensparender.
+
+### Kalender
+
+Die Kalenderabschnitte haben jetzt neue Namen bekommen:
+
+- Der _Kalender_ zeigt Termine für spezifische Tage
+- Die _Wochenübersicht_ ist ein Stundenplan mit allen Termine, die sich wiederholen (z. B. Vorlesungen)
+- Die _Einzeltermine_ zeigen alle Termine, die sich nicht wiederholen
+  (z. B. Klausuren)
+
+### Meine App
+
+Der "Meine Kurse" Abschnitt wurde überarbeitet, und zeigt jetzt Termine
+für die nächsten Tage und mit mehr Details an.

backend/backend/config/f-u/version-history/3.1.0.en.md

@@ -0,0 +1,49 @@
+# Goethe-Uni App 3.1
+
+The Goethe-Uni App got even better!
+
+## Navigation to buildings and places
+
+As part of the "Ideenwettbewerb," the idea competition,
+we have now integrated a navigation feature into the app.
+
+Orte auf der Karte, Mensen, sowie sogar Termine (wenn hinterlegt)
+bieten jetzt direkt die Option eine Verbindung zu finden, gestützt
+durch die Karten App auf deinem Gerät.
+
+## Integration of the job market
+
+Jobs are now also available in the Goethe-Uni App.
+
+This feature is also a result of the idea competition,
+and we're happy to be able to present it to you here!
+
+## The environment score
+
+The environment score for dishes is now displayed inside the app.
+
+> Sustainability, environment protection, health, and climate change are
+> central topics in how we live today in our society.
+> Our eating habits play an important role in it.
+> The "Studierendenwerk Frankfurt am Main" is marking up its menus
+> from now on with the so-called "Umweltscore," the environment score.
+> Based on this rating, you can see the impact your meal choice would have on our climate.
+
+## Further improvements
+
+### Performance
+
+The performance while navigating around the app has been heavily improved and requires less data to work.
+
+### Calendar
+
+The calendar sections have new names:
+
+- The _calendar_ shows appointments on specific days
+- The _week overview_ is a schedule with all events that repeat (e.g. lectures)
+- The _single events_ show all appointments that don't repeat (e.g. exams)
+
+### My App
+
+The "my courses" section has been revamped,
+and now shows events for the next days and with more detail.

backend/backend/config/f-u/version-history/index.js

@@ -0,0 +1,12 @@
+// @ts-check
+import {versions} from '../../default/tools/version.js';
+
+/** @type {import('@openstapps/core').SCAppVersionInfo[]} */
+const versionHistory = await versions(
+  {
+    '3.1.0': {},
+  },
+  import.meta.url,
+);
+
+export default versionHistory;

backend/backend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/backend",
   "description": "A reference implementation for a StApps backend",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": true,
   "type": "module",
   "license": "AGPL-3.0-only",
@@ -59,6 +59,7 @@
     "body-parser": "1.20.2",
     "cors": "2.8.5",
     "cosmiconfig": "8.1.3",
+    "deepmerge": "4.3.1",
     "express": "4.18.2",
     "express-prom-bundle": "6.6.0",
     "express-promise-router": "4.1.1",

configuration/backend-config/test/menu.de.xml

@@ -5,6 +5,7 @@
     <item title="search" title.de="Suche" icon="search" route="/search"/>
     <item title="library catalog" title.de="Bibliothekskatalog" icon="local_library" route="/hebis-search"/>
     <item title="course catalog" title.de="Vorlesungsverzeichnis" icon="inventory_2" route="/catalog"/>
+    <item title="job postings" title.de="Jobangebote" icon="work" route="/jobs"/>
   </group>
   <group title="canteen" title.de="Mensa" icon="local_cafe" route="/canteen"/>
   <group title="campus map" title.de="Campus Karte" icon="map" route="/map"/>

configuration/backend-config/test/menu.xml

@@ -5,6 +5,7 @@
     <item title="search" title.de="Suche" icon="search" route="/search"/>
     <item title="library catalog" title.de="Bibliothekskatalog" icon="local_library" route="/hebis-search"/>
     <item title="course catalog" title.de="Vorlesungsverzeichnis" icon="inventory_2" route="/catalog"/>
+    <item title="job postings" title.de="Jobangebote" icon="work" route="/jobs"/>
   </group>
   <group title="canteen" title.de="Mensa" icon="local_cafe" route="/canteen"/>
   <group title="campus map" title.de="Campus Karte" icon="map" route="/map"/>

examples/minimal-connector/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @openstapps/minimal-connector
 
+## 3.1.0
+
+### Patch Changes
+
+- Updated dependencies [06b8ca10]
+  - @openstapps/core@3.1.0
+  - @openstapps/api@3.1.0
+
 ## 3.0.0
 
 ### Major Changes

examples/minimal-connector/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/minimal-connector",
   "description": "This is a minimal connector which serves as an example",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": true,
   "type": "module",
   "license": "GPL-3.0-only",

examples/minimal-connector/src/minimal-connector.ts

@@ -51,7 +51,7 @@ export class MinimalConnector extends Connector<SCMessage> {
   protected async fetchItems(): Promise<SCMessage[]> {
     return [
       {
-        audiences: ['students', 'employees'],
+        audiences: ['students', 'employees', 'guests'],
         categories: [],
         description: 'Some description 1',
         messageBody: 'Some message 1',
@@ -61,7 +61,7 @@ export class MinimalConnector extends Connector<SCMessage> {
         uid: createUUID({id: 'message_1'}, this.licensePlate),
       },
       {
-        audiences: ['students', 'employees'],
+        audiences: ['students', 'employees', 'guests'],
         categories: [],
         description: 'Some description 2',
         messageBody: 'Some message 2',
@@ -71,7 +71,7 @@ export class MinimalConnector extends Connector<SCMessage> {
         uid: '', // see Connetor.getItems()
       },
       {
-        audiences: ['students', 'employees'],
+        audiences: ['students', 'employees', 'guests'],
         categories: [],
         description: 'Some description 3',
         messageBody: 'Some message 3',

examples/minimal-plugin/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @openstapps/minimal-plugin
 
+## 3.1.0
+
+### Patch Changes
+
+- Updated dependencies [06b8ca10]
+  - @openstapps/core@3.1.0
+  - @openstapps/api@3.1.0
+  - @openstapps/api-plugin@3.1.0
+
 ## 3.0.0
 
 ### Major Changes

examples/minimal-plugin/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/minimal-plugin",
   "description": "Minimal Plugin",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": true,
   "type": "module",
   "license": "GPL-3.0-only",

flake.lock

@@ -2,11 +2,11 @@
   "nodes": {
     "nixpkgs": {
       "locked": {
-        "lastModified": 1689752456,
-        "narHash": "sha256-VOChdECcEI8ixz8QY+YC4JaNEFwQd1V8bA0G4B28Ki0=",
+        "lastModified": 1701336116,
+        "narHash": "sha256-kEmpezCR/FpITc6yMbAh4WrOCiT2zg5pSjnKrq51h5Y=",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "7f256d7da238cb627ef189d56ed590739f42f13b",
+        "rev": "f5c27c6136db4d76c30e533c20517df6864c46ee",
         "type": "github"
       },
       "original": {

flake.nix

@@ -13,7 +13,7 @@
           webkit = prev.epiphany; # Safari-ish browser
           android = prev.androidenv.composeAndroidPackages {
             buildToolsVersions = [ "${buildToolsVersion}" ];
-            platformVersions = [ "32" ];
+            platformVersions = [ "33" ];
           };
           cypress = prev.cypress.overrideAttrs(cyPrev: rec {
             version = "13.2.0";

frontend/app/.eslintrc.json

@@ -46,6 +46,7 @@
         "unicorn/no-nested-ternary": "off",
         "unicorn/better-regex": "off",
         "unicorn/no-non-null-assertion": "off",
+        "unicorn/consistent-function-scoping": ["error", {"checkArrowFunctions": false}],
         "jsdoc/no-types": "error",
         "jsdoc/require-param": "off",
         "jsdoc/require-param-description": "error",

frontend/app/.gitignore

@@ -37,6 +37,7 @@ resources/*/icon/
 resources/*/splash/
 android/app/src/main/res/**/*.png
 ios/App/App/Assets.xcassets/**/*.png
+AndroidManifest.xml.orig
 
 .DS_Store
 Thumbs.db

frontend/app/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @openstapps/app
 
+## 3.1.0
+
+### Minor Changes
+
+- 06b8ca10: Add job portal feature
+- 066e3744: Update to Capacitor 5.x
+
+### Patch Changes
+
+- 066e3744: Update logo flow to use capacitor-assets (single asset)
+- 066e3744: Replace NavigationBar/StatusBar plugins with native color setting
+- 066e3744: Hide splash screen only when app is ready
+- Updated dependencies [06b8ca10]
+  - @openstapps/core@3.1.0
+  - @openstapps/api@3.1.0
+
 ## 3.0.0
 
 ### Major Changes

frontend/app/README.md

@@ -52,7 +52,7 @@ All the npm scripts are defined in `package.json` [file](package.json). It is re
 
 ## Most useful commands
 
-## Editing the Ionic Database from the browser
+### Editing the Ionic Database from the browser
 
 Add the following function using the browser console
 
@@ -90,6 +90,19 @@ You'll need to run _Chromium_ using
 pnpm chromium:no-cors
 ```
 
+### Help, I can't log in!
+
+Login services will often block hosts not coming from the production
+server. You can circumvent this locally by using the `:virtual-host`
+scripts:
+
+```shell
+# Start the dev server on mobile.app.uni-frankfurt.de
+pnpm start:virtual-host
+# Run chromium with flags that redirect mobile.app.uni-frankfurt.de to localhost:8100
+pnpm chromium:virtual-host
+```
+
 ### Running the app
 
 Install the npm packages needed for running the app (as for any other node project which uses npm):

frontend/app/android/app/build.gradle

@@ -1,6 +1,7 @@
 apply plugin: 'com.android.application'
 
 android {
+    namespace "de.anyschool.app"
     compileSdkVersion rootProject.ext.compileSdkVersion
     defaultConfig {
         applicationId "de.anyschool.app"

frontend/app/android/app/capacitor.build.gradle

@@ -2,8 +2,8 @@
 
 android {
   compileOptions {
-      sourceCompatibility JavaVersion.VERSION_11
-      targetCompatibility JavaVersion.VERSION_11
+      sourceCompatibility JavaVersion.VERSION_17
+      targetCompatibility JavaVersion.VERSION_17
   }
 }
 
@@ -23,8 +23,6 @@ dependencies {
     implementation project(':capacitor-preferences')
     implementation project(':capacitor-share')
     implementation project(':capacitor-splash-screen')
-    implementation project(':capacitor-status-bar')
-    implementation project(':hugotomazi-capacitor-navigation-bar')
     implementation project(':transistorsoft-capacitor-background-fetch')
     implementation project(':capacitor-secure-storage-plugin')
 

frontend/app/android/app/src/main/AndroidManifest.xml

@@ -1,7 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="de.anyschool.app">
-
+<?xml version='1.0' encoding='utf-8' ?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
@@ -10,16 +8,14 @@
         android:supportsRtl="true"
         android:theme="@style/AppTheme"
         android:usesCleartextTraffic="true">
-
         <activity
-            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
-            android:name="de.anyschool.app.MainActivity"
-            android:label="@string/title_activity_main"
-            android:theme="@style/AppTheme.NoActionBarLaunch"
-            android:launchMode="singleTask"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout"
             android:exported="true"
+            android:label="@string/title_activity_main"
+            android:launchMode="singleTask"
+            android:name="de.anyschool.app.MainActivity"
+            android:theme="@style/AppTheme.NoActionBarLaunch"
             android:windowSoftInputMode="adjustPan">
-
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />
@@ -37,20 +33,14 @@
                 <data android:host="@string/app_host" android:scheme="https" />
             </intent-filter>
         </activity>
-
         <provider
-            android:name="androidx.core.content.FileProvider"
             android:authorities="${applicationId}.fileprovider"
             android:exported="false"
-            android:grantUriPermissions="true">
-            <meta-data
-                android:name="android.support.FILE_PROVIDER_PATHS"
-                android:resource="@xml/file_paths"></meta-data>
+            android:grantUriPermissions="true"
+            android:name="androidx.core.content.FileProvider">
+            <meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/file_paths" />
         </provider>
     </application>
-
-    <!-- Permissions -->
-
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

frontend/app/android/app/src/main/assets/capacitor.plugins.json

@@ -55,14 +55,6 @@
 		"pkg": "@capacitor/splash-screen",
 		"classpath": "com.capacitorjs.plugins.splashscreen.SplashScreenPlugin"
 	},
-	{
-		"pkg": "@capacitor/status-bar",
-		"classpath": "com.capacitorjs.plugins.statusbar.StatusBarPlugin"
-	},
-	{
-		"pkg": "@hugotomazi/capacitor-navigation-bar",
-		"classpath": "br.com.tombus.capacitor.plugin.navigationbar.NavigationBarPlugin"
-	},
 	{
 		"pkg": "@transistorsoft/capacitor-background-fetch",
 		"classpath": "com.transistorsoft.bgfetch.capacitor.BackgroundFetchPlugin"

frontend/app/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -1,34 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:aapt="http://schemas.android.com/aapt"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportHeight="108"
-    android:viewportWidth="108">
-    <path
-        android:fillType="evenOdd"
-        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
-        android:strokeColor="#00000000"
-        android:strokeWidth="1">
-        <aapt:attr name="android:fillColor">
-            <gradient
-                android:endX="78.5885"
-                android:endY="90.9159"
-                android:startX="48.7653"
-                android:startY="61.0927"
-                android:type="linear">
-                <item
-                    android:color="#44000000"
-                    android:offset="0.0" />
-                <item
-                    android:color="#00000000"
-                    android:offset="1.0" />
-            </gradient>
-        </aapt:attr>
-    </path>
-    <path
-        android:fillColor="#FFFFFF"
-        android:fillType="nonZero"
-        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
-        android:strokeColor="#00000000"
-        android:strokeWidth="1" />
-</vector>

frontend/app/android/app/src/main/res/drawable/ic_launcher_background.xml

@@ -1,170 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportHeight="108"
-    android:viewportWidth="108">
-    <path
-        android:fillColor="#26A69A"
-        android:pathData="M0,0h108v108h-108z" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M9,0L9,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,0L19,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,0L29,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,0L39,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,0L49,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,0L59,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,0L69,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,0L79,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M89,0L89,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M99,0L99,108"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,9L108,9"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,19L108,19"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,29L108,29"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,39L108,39"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,49L108,49"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,59L108,59"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,69L108,69"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,79L108,79"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,89L108,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,99L108,99"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,29L89,29"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,39L89,39"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,49L89,49"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,59L89,59"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,69L89,69"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,79L89,79"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,19L29,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,19L39,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,19L49,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,19L59,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,19L69,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,19L79,89"
-        android:strokeColor="#33FFFFFF"
-        android:strokeWidth="0.8" />
-</vector>

frontend/app/android/app/src/main/res/drawable/ic_launcher_foreground.xml

@@ -0,0 +1,27 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="1024"
+    android:viewportHeight="1024">
+  <group android:scaleX="0.649"
+      android:scaleY="0.649"
+      android:translateX="176.63525"
+      android:translateY="179.712">
+    <path
+        android:pathData="M272.4,232.1L483.6,232.1A38,38 0,0 1,521.6 270.2L521.6,481.4A38,38 0,0 1,483.6 519.4L272.4,519.4A38,38 0,0 1,234.4 481.4L234.4,270.2A38,38 0,0 1,272.4 232.1z"
+        android:strokeWidth="0.839386"
+        android:fillColor="#00b5cc"/>
+    <path
+        android:pathData="M584.2,402.8L662,402.8A19.4,19.4 0,0 1,681.4 422.2L681.4,499.9A19.4,19.4 0,0 1,662 519.4L584.2,519.4A19.4,19.4 0,0 1,564.8 499.9L564.8,422.2A19.4,19.4 0,0 1,584.2 402.8z"
+        android:strokeWidth="0.842212"
+        android:fillColor="#3be40b"/>
+    <path
+        android:pathData="M591.8,562.6L769.3,562.6A27,27 0,0 1,796.3 589.6L796.3,767A27,27 0,0 1,769.3 794.1L591.8,794.1A27,27 0,0 1,564.8 767L564.8,589.6A27,27 0,0 1,591.8 562.6z"
+        android:strokeWidth="0.832623"
+        android:fillColor="#c90e20"/>
+    <path
+        android:pathData="M371.2,562.6L496.3,562.6A25.3,25.3 0,0 1,521.6 587.9L521.6,713A25.3,25.3 0,0 1,496.3 738.3L371.2,738.3A25.3,25.3 0,0 1,345.9 713L345.9,587.9A25.3,25.3 0,0 1,371.2 562.6z"
+        android:strokeWidth="0.846446"
+        android:fillColor="#e4a20b"/>
+  </group>
+</vector>

frontend/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
     <background android:drawable="@color/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
-</adaptive-icon>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

frontend/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
     <background android:drawable="@color/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
-</adaptive-icon>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

frontend/app/android/app/src/main/res/values-night/colors.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="colorBackground">#000</color>
+</resources>

frontend/app/android/app/src/main/res/values-night/styles.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <item name="windowActionBar">false</item>
+        <item name="windowNoTitle">true</item>
+        <item name="android:background">@null</item>
+        <item name="android:statusBarColor">@color/colorPrimary</item>
+        <item name="android:windowBackground">@color/colorPrimary</item>
+        <item name="android:navigationBarColor">@color/colorBackground</item>
+    </style>
+</resources>

frontend/app/android/app/src/main/res/values/colors.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="colorPrimary">#3880ff</color>
+  <color name="colorPrimaryDark">#3880ff</color>
+  <color name="colorBackground">#f5f5f5</color>
+</resources>

frontend/app/android/app/src/main/res/values/styles.xml

@@ -13,12 +13,14 @@
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
         <item name="android:background">@null</item>
-        <item name="android:windowBackground">#FFFFFF</item>
-        <item name="android:windowLightNavigationBar" tools:targetApi="o_mr1">true</item>
+        <item name="android:statusBarColor">@color/colorPrimary</item>
+        <item name="android:windowBackground">@color/colorPrimary</item>
+        <item name="android:navigationBarColor">@color/colorBackground</item>
+        <item name="android:windowLightNavigationBar" tools:targetApi="27">true</item>
     </style>
 
 
     <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
-        <item name="android:background">@drawable/splash</item>
+        <item name="android:windowBackground">@color/colorPrimary</item>
     </style>
 </resources>

frontend/app/android/build.gradle

@@ -7,8 +7,8 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:7.2.1'
-        classpath 'com.google.gms:google-services:4.3.13'
+        classpath 'com.android.tools.build:gradle:8.0.0'
+        classpath 'com.google.gms:google-services:4.3.15'
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files

frontend/app/android/capacitor.settings.gradle

@@ -1,57 +1,51 @@
 // DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
 include ':capacitor-android'
-project(':capacitor-android').projectDir = new File('../../../node_modules/.pnpm/@capacitor+android@4.6.1_@capacitor+core@4.6.1/node_modules/@capacitor/android/capacitor')
+project(':capacitor-android').projectDir = new File('../../../node_modules/.pnpm/@capacitor+android@5.5.0_@capacitor+core@5.5.0/node_modules/@capacitor/android/capacitor')
 
 include ':capacitor-app'
-project(':capacitor-app').projectDir = new File('../../../node_modules/.pnpm/@capacitor+app@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/app/android')
+project(':capacitor-app').projectDir = new File('../../../node_modules/.pnpm/@capacitor+app@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/app/android')
 
 include ':capacitor-browser'
-project(':capacitor-browser').projectDir = new File('../../../node_modules/.pnpm/@capacitor+browser@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/browser/android')
+project(':capacitor-browser').projectDir = new File('../../../node_modules/.pnpm/@capacitor+browser@5.1.0_@capacitor+core@5.5.0/node_modules/@capacitor/browser/android')
 
 include ':capacitor-clipboard'
-project(':capacitor-clipboard').projectDir = new File('../../../node_modules/.pnpm/@capacitor+clipboard@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/clipboard/android')
+project(':capacitor-clipboard').projectDir = new File('../../../node_modules/.pnpm/@capacitor+clipboard@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/clipboard/android')
 
 include ':capacitor-device'
-project(':capacitor-device').projectDir = new File('../../../node_modules/.pnpm/@capacitor+device@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/device/android')
+project(':capacitor-device').projectDir = new File('../../../node_modules/.pnpm/@capacitor+device@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/device/android')
 
 include ':capacitor-dialog'
-project(':capacitor-dialog').projectDir = new File('../../../node_modules/.pnpm/@capacitor+dialog@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/dialog/android')
+project(':capacitor-dialog').projectDir = new File('../../../node_modules/.pnpm/@capacitor+dialog@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/dialog/android')
 
 include ':capacitor-filesystem'
-project(':capacitor-filesystem').projectDir = new File('../../../node_modules/.pnpm/@capacitor+filesystem@4.1.4_@capacitor+core@4.6.1/node_modules/@capacitor/filesystem/android')
+project(':capacitor-filesystem').projectDir = new File('../../../node_modules/.pnpm/@capacitor+filesystem@5.1.4_@capacitor+core@5.5.0/node_modules/@capacitor/filesystem/android')
 
 include ':capacitor-geolocation'
-project(':capacitor-geolocation').projectDir = new File('../../../node_modules/.pnpm/@capacitor+geolocation@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/geolocation/android')
+project(':capacitor-geolocation').projectDir = new File('../../../node_modules/.pnpm/@capacitor+geolocation@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/geolocation/android')
 
 include ':capacitor-haptics'
-project(':capacitor-haptics').projectDir = new File('../../../node_modules/.pnpm/@capacitor+haptics@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/haptics/android')
+project(':capacitor-haptics').projectDir = new File('../../../node_modules/.pnpm/@capacitor+haptics@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/haptics/android')
 
 include ':capacitor-keyboard'
-project(':capacitor-keyboard').projectDir = new File('../../../node_modules/.pnpm/@capacitor+keyboard@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/keyboard/android')
+project(':capacitor-keyboard').projectDir = new File('../../../node_modules/.pnpm/@capacitor+keyboard@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/keyboard/android')
 
 include ':capacitor-local-notifications'
-project(':capacitor-local-notifications').projectDir = new File('../../../node_modules/.pnpm/@capacitor+local-notifications@4.1.4_@capacitor+core@4.6.1/node_modules/@capacitor/local-notifications/android')
+project(':capacitor-local-notifications').projectDir = new File('../../../node_modules/.pnpm/@capacitor+local-notifications@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/local-notifications/android')
 
 include ':capacitor-network'
-project(':capacitor-network').projectDir = new File('../../../node_modules/.pnpm/@capacitor+network@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/network/android')
+project(':capacitor-network').projectDir = new File('../../../node_modules/.pnpm/@capacitor+network@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/network/android')
 
 include ':capacitor-preferences'
-project(':capacitor-preferences').projectDir = new File('../../../node_modules/.pnpm/@capacitor+preferences@4.0.2_@capacitor+core@4.6.1/node_modules/@capacitor/preferences/android')
+project(':capacitor-preferences').projectDir = new File('../../../node_modules/.pnpm/@capacitor+preferences@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/preferences/android')
 
 include ':capacitor-share'
-project(':capacitor-share').projectDir = new File('../../../node_modules/.pnpm/@capacitor+share@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/share/android')
+project(':capacitor-share').projectDir = new File('../../../node_modules/.pnpm/@capacitor+share@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/share/android')
 
 include ':capacitor-splash-screen'
-project(':capacitor-splash-screen').projectDir = new File('../../../node_modules/.pnpm/@capacitor+splash-screen@4.1.2_@capacitor+core@4.6.1/node_modules/@capacitor/splash-screen/android')
-
-include ':capacitor-status-bar'
-project(':capacitor-status-bar').projectDir = new File('../../../node_modules/.pnpm/@capacitor+status-bar@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/status-bar/android')
-
-include ':hugotomazi-capacitor-navigation-bar'
-project(':hugotomazi-capacitor-navigation-bar').projectDir = new File('../../../node_modules/.pnpm/@hugotomazi+capacitor-navigation-bar@2.0.0_@capacitor+core@4.6.1/node_modules/@hugotomazi/capacitor-navigation-bar/android')
+project(':capacitor-splash-screen').projectDir = new File('../../../node_modules/.pnpm/@capacitor+splash-screen@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/splash-screen/android')
 
 include ':transistorsoft-capacitor-background-fetch'
-project(':transistorsoft-capacitor-background-fetch').projectDir = new File('../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@4.6.1/node_modules/@transistorsoft/capacitor-background-fetch/android')
+project(':transistorsoft-capacitor-background-fetch').projectDir = new File('../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch/android')
 
 include ':capacitor-secure-storage-plugin'
-project(':capacitor-secure-storage-plugin').projectDir = new File('../../../node_modules/.pnpm/capacitor-secure-storage-plugin@0.8.1_@capacitor+core@4.6.1/node_modules/capacitor-secure-storage-plugin/android')
+project(':capacitor-secure-storage-plugin').projectDir = new File('../../../node_modules/.pnpm/capacitor-secure-storage-plugin@0.8.1_@capacitor+core@5.5.0/node_modules/capacitor-secure-storage-plugin/android')

frontend/app/android/gradle.properties

@@ -20,5 +20,4 @@ org.gradle.jvmargs=-Xmx1536m
 # Android operating system, and which are packaged with your app's APK
 # https://developer.android.com/topic/libraries/support-library/androidx-rn
 android.useAndroidX=true
-# Automatically convert third-party libraries to use AndroidX
-android.enableJetifier=true
+

frontend/app/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,5 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.4.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.0.2-all.zip
+networkTimeout=10000
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

frontend/app/android/gradlew

@@ -55,7 +55,7 @@
 #       Darwin, MinGW, and NonStop.
 #
 #   (3) This script is generated from the Groovy template
-#       https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
 #       within the Gradle project.
 #
 #       You can find Gradle at https://github.com/gradle/gradle/.
@@ -80,10 +80,10 @@ do
     esac
 done
 
-APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
-
-APP_NAME="Gradle"
+# This is normally unused
+# shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
+APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
 
 # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
@@ -143,12 +143,16 @@ fi
 if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
     case $MAX_FD in  #(
       '' | soft) :;; #(
       *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -205,6 +209,12 @@ set -- \
         org.gradle.wrapper.GradleWrapperMain \
         "$@"
 
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
 # Use "xargs" to parse quoted args.
 #
 # With -n1 it outputs one arg per line, with the quotes and backslashes removed.

frontend/app/android/gradlew.bat

@@ -14,7 +14,7 @@
 @rem limitations under the License.
 @rem
 
-@if "%DEBUG%" == "" @echo off
+@if "%DEBUG%"=="" @echo off
 @rem ##########################################################################
 @rem
 @rem  Gradle startup script for Windows
@@ -25,7 +25,8 @@
 if "%OS%"=="Windows_NT" setlocal
 
 set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
 set APP_BASE_NAME=%~n0
 set APP_HOME=%DIRNAME%
 
@@ -40,7 +41,7 @@ if defined JAVA_HOME goto findJavaFromJavaHome
 
 set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto execute
+if %ERRORLEVEL% equ 0 goto execute
 
 echo.
 echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
@@ -75,13 +76,15 @@ set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
 
 :end
 @rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
+if %ERRORLEVEL% equ 0 goto mainEnd
 
 :fail
 rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
 rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
 
 :mainEnd
 if "%OS%"=="Windows_NT" endlocal

frontend/app/android/variables.gradle

@@ -1,16 +1,16 @@
 ext {
     minSdkVersion = 22
-    compileSdkVersion = 32
-    targetSdkVersion = 32
-    androidxActivityVersion = '1.4.0'
-    androidxAppCompatVersion = '1.4.2'
+    compileSdkVersion = 33
+    targetSdkVersion = 33
+    androidxActivityVersion = '1.7.0'
+    androidxAppCompatVersion = '1.6.1'
     androidxCoordinatorLayoutVersion = '1.2.0'
-    androidxCoreVersion = '1.8.0'
-    androidxFragmentVersion = '1.4.1'
-    coreSplashScreenVersion = '1.0.0-rc01'
-    androidxWebkitVersion = '1.4.0'
+    androidxCoreVersion = '1.10.0'
+    androidxFragmentVersion = '1.5.6'
+    coreSplashScreenVersion = '1.0.0'
+    androidxWebkitVersion = '1.6.1'
     junitVersion = '4.13.2'
-    androidxJunitVersion = '1.1.3'
-    androidxEspressoCoreVersion = '3.4.0'
+    androidxJunitVersion = '1.1.5'
+    androidxEspressoCoreVersion = '3.5.1'
     cordovaAndroidVersion = '10.1.1'
 }

frontend/app/capacitor.config.ts

@@ -4,7 +4,6 @@ const config: CapacitorConfig = {
   appId: 'de.anyschool.app',
   appName: 'StApps',
   webDir: 'www',
-  bundledWebRuntime: false,
   cordova: {
     preferences: {
       'AndroidXEnabled': 'true',
@@ -14,18 +13,9 @@ const config: CapacitorConfig = {
   },
   plugins: {
     SplashScreen: {
-      launchShowDuration: 6000,
       launchAutoHide: false,
-      backgroundColor: '#ffffff',
-      androidSplashResourceName: 'splash',
-      androidScaleType: 'FIT_CENTER',
+      backgroundColor: '#3880ff',
       showSpinner: false,
-      androidSpinnerStyle: 'large',
-      iosSpinnerStyle: 'small',
-      spinnerColor: '#999999',
-      splashFullScreen: false,
-      splashImmersive: false,
-      useDialog: false,
     },
     LocalNotifications: {
       // TODO

frontend/app/cypress/integration/dashboard.spec.ts

@@ -129,7 +129,9 @@ describe('dashboard', async function () {
         fixture: 'search/types/message/single-message.json',
       }).as('search');
 
-      cy.get('stapps-news-section').contains('ion-item', 'Mehr Nachrichten').click();
+      cy.get('stapps-news-section')
+        .contains('ion-item', 'Mehr Nachrichten')
+        .click({scrollBehavior: false, force: true});
       cy.url().should('include', '/news');
     });
   });

frontend/app/cypress/support/index.ts

@@ -48,7 +48,10 @@ Cypress.on('window:before:load', window => {
 });
 
 afterEach(function () {
-  cy.get('@consoleError').should('not.have.been.called');
+  // TODO: See if we can enable this again at some point
+  // as of now, this causes flakiness because of random network errors
+  // and other thing that are not related to the actual test
+  // cy.get('@consoleError').should('not.have.been.called');
 });
 
 Cypress.on('uncaught:exception', error => {

frontend/app/icons.config.ts

@@ -35,6 +35,7 @@ const config: IconConfig = {
       'settings',
       'info',
       'rate_review',
+      'work',
     ],
   },
   codePoints: {

frontend/app/ios/.gitignore

@@ -1,9 +1,9 @@
 App/build
 App/Pods
-App/Podfile.lock
 App/App/public
 DerivedData
 xcuserdata
 
 # Cordova plugins for Capacitor
 capacitor-cordova-ios-plugins
+

frontend/app/ios/App/App.xcodeproj/project.pbxproj

@@ -124,8 +124,8 @@
 		504EC2FC1FED79650016851F /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastSwiftUpdateCheck = 0920;
-				LastUpgradeCheck = 0920;
+				LastSwiftUpdateCheck = 920;
+				LastUpgradeCheck = 920;
 				TargetAttributes = {
 					504EC3031FED79650016851F = {
 						CreatedOnToolsVersion = 9.2;
@@ -350,12 +350,12 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				DEVELOPMENT_TEAM = QN788YUV45;
+				DEVELOPMENT_TEAM = YSGS9WV338;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
-				PRODUCT_BUNDLE_IDENTIFIER = de.anyschool.app;
+				PRODUCT_BUNDLE_IDENTIFIER = de.openstapps.app;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
@@ -372,11 +372,11 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				DEVELOPMENT_TEAM = QN788YUV45;
+				DEVELOPMENT_TEAM = YSGS9WV338;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				PRODUCT_BUNDLE_IDENTIFIER = de.anyschool.app;
+				PRODUCT_BUNDLE_IDENTIFIER = de.openstapps.app;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";

frontend/app/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,116 +1,14 @@
 {
   "images": [
     {
-      "size": "20x20",
-      "idiom": "iphone",
-      "filename": "AppIcon-20x20@2x.png",
-      "scale": "2x"
-    },
-    {
-      "size": "20x20",
-      "idiom": "iphone",
-      "filename": "AppIcon-20x20@3x.png",
-      "scale": "3x"
-    },
-    {
-      "size": "29x29",
-      "idiom": "iphone",
-      "filename": "AppIcon-29x29@2x-1.png",
-      "scale": "2x"
-    },
-    {
-      "size": "29x29",
-      "idiom": "iphone",
-      "filename": "AppIcon-29x29@3x.png",
-      "scale": "3x"
-    },
-    {
-      "size": "40x40",
-      "idiom": "iphone",
-      "filename": "AppIcon-40x40@2x.png",
-      "scale": "2x"
-    },
-    {
-      "size": "40x40",
-      "idiom": "iphone",
-      "filename": "AppIcon-40x40@3x.png",
-      "scale": "3x"
-    },
-    {
-      "size": "60x60",
-      "idiom": "iphone",
-      "filename": "AppIcon-60x60@2x.png",
-      "scale": "2x"
-    },
-    {
-      "size": "60x60",
-      "idiom": "iphone",
-      "filename": "AppIcon-60x60@3x.png",
-      "scale": "3x"
-    },
-    {
-      "size": "20x20",
-      "idiom": "ipad",
-      "filename": "AppIcon-20x20@1x.png",
-      "scale": "1x"
-    },
-    {
-      "size": "20x20",
-      "idiom": "ipad",
-      "filename": "AppIcon-20x20@2x-1.png",
-      "scale": "2x"
-    },
-    {
-      "size": "29x29",
-      "idiom": "ipad",
-      "filename": "AppIcon-29x29@1x.png",
-      "scale": "1x"
-    },
-    {
-      "size": "29x29",
-      "idiom": "ipad",
-      "filename": "AppIcon-29x29@2x.png",
-      "scale": "2x"
-    },
-    {
-      "size": "40x40",
-      "idiom": "ipad",
-      "filename": "AppIcon-40x40@1x.png",
-      "scale": "1x"
-    },
-    {
-      "size": "40x40",
-      "idiom": "ipad",
-      "filename": "AppIcon-40x40@2x-1.png",
-      "scale": "2x"
-    },
-    {
-      "size": "76x76",
-      "idiom": "ipad",
-      "filename": "AppIcon-76x76@1x.png",
-      "scale": "1x"
-    },
-    {
-      "size": "76x76",
-      "idiom": "ipad",
-      "filename": "AppIcon-76x76@2x.png",
-      "scale": "2x"
-    },
-    {
-      "size": "83.5x83.5",
-      "idiom": "ipad",
-      "filename": "AppIcon-83.5x83.5@2x.png",
-      "scale": "2x"
-    },
-    {
+      "idiom": "universal",
       "size": "1024x1024",
-      "idiom": "ios-marketing",
       "filename": "AppIcon-512@2x.png",
-      "scale": "1x"
+      "platform": "ios"
     }
   ],
   "info": {
-    "version": 1,
-    "author": "xcode"
+    "author": "xcode",
+    "version": 1
   }
-}
+}

frontend/app/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json

@@ -2,22 +2,55 @@
   "images": [
     {
       "idiom": "universal",
-      "filename": "splash-2732x2732-2.png",
+      "filename": "Default@1x~universal~anyany.png",
       "scale": "1x"
     },
     {
       "idiom": "universal",
-      "filename": "splash-2732x2732-1.png",
+      "filename": "Default@2x~universal~anyany.png",
       "scale": "2x"
     },
     {
       "idiom": "universal",
-      "filename": "splash-2732x2732.png",
+      "filename": "Default@3x~universal~anyany.png",
       "scale": "3x"
+    },
+    {
+      "appearances": [
+        {
+          "appearance": "luminosity",
+          "value": "dark"
+        }
+      ],
+      "idiom": "universal",
+      "scale": "1x",
+      "filename": "Default@1x~universal~anyany-dark.png"
+    },
+    {
+      "appearances": [
+        {
+          "appearance": "luminosity",
+          "value": "dark"
+        }
+      ],
+      "idiom": "universal",
+      "scale": "2x",
+      "filename": "Default@2x~universal~anyany-dark.png"
+    },
+    {
+      "appearances": [
+        {
+          "appearance": "luminosity",
+          "value": "dark"
+        }
+      ],
+      "idiom": "universal",
+      "scale": "3x",
+      "filename": "Default@3x~universal~anyany-dark.png"
     }
   ],
   "info": {
     "version": 1,
     "author": "xcode"
   }
-}
+}

frontend/app/ios/App/Podfile

@@ -1,4 +1,4 @@
-require_relative '../../node_modules/@capacitor/ios/scripts/pods_helpers'
+require_relative '../../../../node_modules/.pnpm/@capacitor+ios@5.5.0_@capacitor+core@5.5.0/node_modules/@capacitor/ios/scripts/pods_helpers'
 
 platform :ios, '13.0'
 use_frameworks!
@@ -9,25 +9,24 @@ use_frameworks!
 install! 'cocoapods', :disable_input_output_paths => true
 
 def capacitor_pods
-  pod 'Capacitor', :path => '../../../../node_modules/.pnpm/@capacitor+ios@4.6.1_@capacitor+core@4.6.1/node_modules/@capacitor/ios'
-  pod 'CapacitorCordova', :path => '../../../../node_modules/.pnpm/@capacitor+ios@4.6.1_@capacitor+core@4.6.1/node_modules/@capacitor/ios'
-  pod 'CapacitorApp', :path => '../../../../node_modules/.pnpm/@capacitor+app@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/app'
-  pod 'CapacitorBrowser', :path => '../../../../node_modules/.pnpm/@capacitor+browser@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/browser'
-  pod 'CapacitorDevice', :path => '../../../../node_modules/.pnpm/@capacitor+device@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/device'
-  pod 'CapacitorDialog', :path => '../../../../node_modules/.pnpm/@capacitor+dialog@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/dialog'
-  pod 'CapacitorFilesystem', :path => '../../../../node_modules/.pnpm/@capacitor+filesystem@4.1.4_@capacitor+core@4.6.1/node_modules/@capacitor/filesystem'
-  pod 'CapacitorGeolocation', :path => '../../../../node_modules/.pnpm/@capacitor+geolocation@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/geolocation'
-  pod 'CapacitorHaptics', :path => '../../../../node_modules/.pnpm/@capacitor+haptics@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/haptics'
-  pod 'CapacitorKeyboard', :path => '../../../../node_modules/.pnpm/@capacitor+keyboard@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/keyboard'
-  pod 'CapacitorLocalNotifications', :path => '../../../../node_modules/.pnpm/@capacitor+local-notifications@4.1.4_@capacitor+core@4.6.1/node_modules/@capacitor/local-notifications'
-  pod 'CapacitorNetwork', :path => '../../../../node_modules/.pnpm/@capacitor+network@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/network'
-  pod 'CapacitorPreferences', :path => '../../../../node_modules/.pnpm/@capacitor+preferences@4.0.2_@capacitor+core@4.6.1/node_modules/@capacitor/preferences'
-  pod 'CapacitorShare', :path => '../../../../node_modules/.pnpm/@capacitor+share@4.1.0_@capacitor+core@4.6.1/node_modules/@capacitor/share'
-  pod 'CapacitorSplashScreen', :path => '../../../../node_modules/.pnpm/@capacitor+splash-screen@4.1.2_@capacitor+core@4.6.1/node_modules/@capacitor/splash-screen'
-  pod 'CapacitorStatusBar', :path => '../../../../node_modules/.pnpm/@capacitor+status-bar@4.1.1_@capacitor+core@4.6.1/node_modules/@capacitor/status-bar'
-  pod 'HugotomaziCapacitorNavigationBar', :path => '../../../../node_modules/.pnpm/@hugotomazi+capacitor-navigation-bar@2.0.0_@capacitor+core@4.6.1/node_modules/@hugotomazi/capacitor-navigation-bar'
-  pod 'TransistorsoftCapacitorBackgroundFetch', :path => '../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@4.6.1/node_modules/@transistorsoft/capacitor-background-fetch'
-  pod 'CapacitorSecureStoragePlugin', :path => '../../../../node_modules/.pnpm/capacitor-secure-storage-plugin@0.8.1_@capacitor+core@4.6.1/node_modules/capacitor-secure-storage-plugin'
+  pod 'Capacitor', :path => '../../../../node_modules/.pnpm/@capacitor+ios@5.5.0_@capacitor+core@5.5.0/node_modules/@capacitor/ios'
+  pod 'CapacitorCordova', :path => '../../../../node_modules/.pnpm/@capacitor+ios@5.5.0_@capacitor+core@5.5.0/node_modules/@capacitor/ios'
+  pod 'CapacitorApp', :path => '../../../../node_modules/.pnpm/@capacitor+app@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/app'
+  pod 'CapacitorBrowser', :path => '../../../../node_modules/.pnpm/@capacitor+browser@5.1.0_@capacitor+core@5.5.0/node_modules/@capacitor/browser'
+  pod 'CapacitorClipboard', :path => '../../../../node_modules/.pnpm/@capacitor+clipboard@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/clipboard'
+  pod 'CapacitorDevice', :path => '../../../../node_modules/.pnpm/@capacitor+device@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/device'
+  pod 'CapacitorDialog', :path => '../../../../node_modules/.pnpm/@capacitor+dialog@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/dialog'
+  pod 'CapacitorFilesystem', :path => '../../../../node_modules/.pnpm/@capacitor+filesystem@5.1.4_@capacitor+core@5.5.0/node_modules/@capacitor/filesystem'
+  pod 'CapacitorGeolocation', :path => '../../../../node_modules/.pnpm/@capacitor+geolocation@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/geolocation'
+  pod 'CapacitorHaptics', :path => '../../../../node_modules/.pnpm/@capacitor+haptics@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/haptics'
+  pod 'CapacitorKeyboard', :path => '../../../../node_modules/.pnpm/@capacitor+keyboard@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/keyboard'
+  pod 'CapacitorLocalNotifications', :path => '../../../../node_modules/.pnpm/@capacitor+local-notifications@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/local-notifications'
+  pod 'CapacitorNetwork', :path => '../../../../node_modules/.pnpm/@capacitor+network@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/network'
+  pod 'CapacitorPreferences', :path => '../../../../node_modules/.pnpm/@capacitor+preferences@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/preferences'
+  pod 'CapacitorShare', :path => '../../../../node_modules/.pnpm/@capacitor+share@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/share'
+  pod 'CapacitorSplashScreen', :path => '../../../../node_modules/.pnpm/@capacitor+splash-screen@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/splash-screen'
+  pod 'TransistorsoftCapacitorBackgroundFetch', :path => '../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch'
+  pod 'CapacitorSecureStoragePlugin', :path => '../../../../node_modules/.pnpm/capacitor-secure-storage-plugin@0.8.1_@capacitor+core@5.5.0/node_modules/capacitor-secure-storage-plugin'
   pod 'CordovaPlugins', :path => '../capacitor-cordova-ios-plugins'
 end
 

frontend/app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/app",
   "description": "The generic app tailored to fulfill needs of German universities, written using Ionic Framework.",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": true,
   "license": "GPL-3.0-only",
   "author": "Karl-Philipp Wulfert <krlwlfrt@gmail.com>",
@@ -17,12 +17,13 @@
     "analyze": "webpack-bundle-analyzer www/stats.json",
     "build": "pnpm check-icons && ng build --configuration=production --stats-json && webpack-bundle-analyzer www/stats.json --mode static --report www/bundle-info.html",
     "build:analyze": "npm run build:stats && npm run analyze",
-    "build:android": "ionic capacitor build android --no-open && cd android && ./gradlew clean assembleDebug && cd ..",
+    "build:android": "ionic capacitor build android --no-open && cd android && ./gradlew clean assemble && cd ..",
     "build:prod": "ng build --configuration=production",
     "build:stats": "ng build --configuration=production --stats-json",
     "changelog": "conventional-changelog -p angular -i src/assets/about/CHANGELOG.md -s -r 0",
     "check-icons": "ts-node-esm scripts/check-icon-correctness.ts",
     "chromium:no-cors": "chromium --disable-web-security --user-data-dir=\".browser-data/chromium\"",
+    "chromium:virtual-host": "chromium --host-resolver-rules=\"MAP mobile.app.uni-frankfurt.de:* localhost:8100\" --ignore-certificate-errors",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
     "docker:build": "sudo docker run -p 8100:8100 -p 35729:35729 -p 53703:53703 -v $PWD:/app -it registry.gitlab.com/openstapps/app bash -c \"npm install && npm run build\"",
@@ -41,12 +42,12 @@
     "postinstall": "jetify && echo \"skipping jetify in production mode\"",
     "preview": "http-server www --p 8101 -o",
     "push": "git push && git push origin \"v$npm_package_version\"",
-    "resources:android": "cordova-res android --skip-config --copy",
-    "resources:ios": "cordova-res ios --skip-config --copy",
+    "resources:ios": "capacitor-assets generate --ios --iconBackgroundColor $(grep -oP \"(?<=@include ion-color\\(primary, )#[a-fA-F0-9]{3,6}\" src/theme/colors.scss) --splashBackgroundColor $(grep -oP \"(?<=@include ion-color\\(primary, )#[a-fA-F0-9]{3,6}\" src/theme/colors.scss)",
     "run:android": "ionic capacitor run android --livereload --external",
     "start": "ionic serve",
     "start:external": "ionic serve --external",
     "start:prod": "ionic serve --prod",
+    "start:virtual-host": "ionic serve --public-host=mobile.app.uni-frankfurt.de --ssl=true --open=false",
     "test": "ng test --code-coverage",
     "test:integration": "sh integration-test.sh"
   },
@@ -62,23 +63,21 @@
     "@asymmetrik/ngx-leaflet-markercluster": "16.0.0",
     "@awesome-cordova-plugins/calendar": "5.45.0",
     "@awesome-cordova-plugins/core": "5.45.0",
-    "@capacitor/app": "4.1.1",
-    "@capacitor/browser": "4.1.0",
-    "@capacitor/clipboard": "4.1.0",
-    "@capacitor/core": "4.6.1",
-    "@capacitor/device": "4.1.0",
-    "@capacitor/dialog": "4.1.0",
-    "@capacitor/filesystem": "4.1.4",
-    "@capacitor/geolocation": "4.1.0",
-    "@capacitor/haptics": "4.1.0",
-    "@capacitor/keyboard": "4.1.0",
-    "@capacitor/local-notifications": "4.1.4",
-    "@capacitor/network": "4.1.0",
-    "@capacitor/preferences": "4.0.2",
-    "@capacitor/share": "4.1.0",
-    "@capacitor/splash-screen": "4.1.2",
-    "@capacitor/status-bar": "4.1.1",
-    "@hugotomazi/capacitor-navigation-bar": "2.0.0",
+    "@capacitor/app": "5.0.6",
+    "@capacitor/browser": "5.1.0",
+    "@capacitor/clipboard": "5.0.6",
+    "@capacitor/core": "5.5.0",
+    "@capacitor/device": "5.0.6",
+    "@capacitor/dialog": "5.0.6",
+    "@capacitor/filesystem": "5.1.4",
+    "@capacitor/geolocation": "5.0.6",
+    "@capacitor/haptics": "5.0.6",
+    "@capacitor/keyboard": "5.0.6",
+    "@capacitor/local-notifications": "5.0.6",
+    "@capacitor/network": "5.0.6",
+    "@capacitor/preferences": "5.0.6",
+    "@capacitor/share": "5.0.6",
+    "@capacitor/splash-screen": "5.0.6",
     "@ionic-native/core": "5.36.0",
     "@ionic/angular": "7.1.3",
     "@ionic/storage-angular": "4.0.0",
@@ -90,7 +89,7 @@
     "@openstapps/core": "workspace:*",
     "@transistorsoft/capacitor-background-fetch": "1.0.2",
     "@types/dom-view-transitions": "1.0.1",
-    "capacitor-secure-storage-plugin": "0.8.1",
+    "capacitor-secure-storage-plugin": "0.9.0",
     "cordova-plugin-calendar": "5.1.6",
     "date-fns": "2.30.0",
     "deepmerge": "4.3.1",
@@ -107,6 +106,7 @@
     "ngx-markdown": "16.0.0",
     "ngx-moment": "6.0.2",
     "opening_hours": "3.8.0",
+    "prettier": "2.8.6",
     "rxjs": "7.8.1",
     "swiper": "8.4.5",
     "tslib": "2.4.1",
@@ -127,9 +127,10 @@
     "@angular/compiler-cli": "16.1.4",
     "@angular/language-service": "16.1.4",
     "@angular/platform-browser-dynamic": "16.1.4",
-    "@capacitor/android": "4.6.1",
-    "@capacitor/cli": "4.6.1",
-    "@capacitor/ios": "4.6.1",
+    "@capacitor/android": "5.5.0",
+    "@capacitor/assets": "3.0.1",
+    "@capacitor/cli": "5.5.0",
+    "@capacitor/ios": "5.5.0",
     "@compodoc/compodoc": "1.1.19",
     "@cypress/schematic": "1.7.0",
     "@ionic/angular-toolkit": "10.0.0",

frontend/app/resources/README.md

@@ -1,8 +0,0 @@
-These are Cordova resources. You can replace icon.png and splash.png and run
-`ionic cordova resources` to generate custom icons and splash screens for your
-app. See `ionic cordova resources --help` for details.
-
-Cordova reference documentation:
-
-- Icons: https://cordova.apache.org/docs/en/latest/config_ref/images.html
-- Splash Screens: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

frontend/app/resources/logo.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg2"
+   width="1024"
+   height="1024"
+   viewBox="0 0 1024 1024"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.35355178"
+     inkscape:cx="56.5688"
+     inkscape:cy="599.62928"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g8" />
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Image"
+     id="g8">
+    <rect
+       style="fill:#00b5cc;fill-opacity:1;stroke-width:0.839386"
+       id="rect2351"
+       width="287.23999"
+       height="287.23999"
+       x="234.36116"
+       y="232.13945"
+       ry="38.017056"
+       sodipodi:insensitive="true" />
+    <rect
+       style="fill:#3be40b;fill-opacity:1;stroke-width:0.842212"
+       id="rect2353"
+       width="116.58564"
+       height="116.58564"
+       x="564.81549"
+       y="402.79379"
+       ry="19.430941"
+       sodipodi:insensitive="true" />
+    <rect
+       style="fill:#c90e20;fill-opacity:1;stroke-width:0.832623"
+       id="rect2355"
+       width="231.48163"
+       height="231.48163"
+       x="564.81549"
+       y="562.59381"
+       ry="27.034351"
+       sodipodi:insensitive="true" />
+    <rect
+       style="fill:#e4a20b;fill-opacity:1;stroke-width:0.846446"
+       id="rect2357"
+       width="175.72328"
+       height="175.72328"
+       x="345.87784"
+       y="562.59381"
+       ry="25.344704"
+       sodipodi:insensitive="true" />
+  </g>
+</svg>

frontend/app/src/app/app.component.spec.ts

@@ -17,7 +17,7 @@
 import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
 import {TestBed} from '@angular/core/testing';
 
-import {Platform} from '@ionic/angular';
+import {ModalController, Platform} from '@ionic/angular';
 
 import {TranslateService} from '@ngx-translate/core';
 import {ThingTranslateService} from './translation/thing-translate.service';
@@ -45,6 +45,7 @@ describe('AppComponent', () => {
   let platformIsSpy;
   let storageProvider: jasmine.SpyObj<StorageProvider>;
   let simpleBrowser: jasmine.SpyObj<SimpleBrowser>;
+  let modalController: jasmine.SpyObj<ModalController>;
 
   beforeEach(() => {
     platformReadySpy = Promise.resolve();
@@ -71,6 +72,7 @@ describe('AppComponent', () => {
     ngxLogger = jasmine.createSpyObj('NGXLogger', ['log', 'error', 'warn']);
     storageProvider = jasmine.createSpyObj('StorageProvider', ['init', 'get', 'has', 'put']);
     simpleBrowser = jasmine.createSpyObj('SimpleBrowser', ['open']);
+    modalController = jasmine.createSpyObj('ModalController', ['create', 'dismiss', 'getTop']);
 
     TestBed.configureTestingModule({
       imports: [RouterTestingModule.withRoutes([]), HttpClientTestingModule, AuthModule],
@@ -85,6 +87,7 @@ describe('AppComponent', () => {
         {provide: NGXLogger, useValue: ngxLogger},
         {provide: StorageProvider, useValue: storageProvider},
         {provide: SimpleBrowser, useValue: simpleBrowser},
+        {provide: ModalController, useValue: modalController},
       ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
     }).compileComponents();

frontend/app/src/app/app.component.ts

@@ -19,11 +19,11 @@ import {Platform, ToastController} from '@ionic/angular';
 import {SettingsProvider} from './modules/settings/settings.provider';
 import {AuthHelperService} from './modules/auth/auth-helper.service';
 import {environment} from '../environments/environment';
-import {StatusBar, Style} from '@capacitor/status-bar';
 import {Capacitor} from '@capacitor/core';
 import {ScheduleSyncService} from './modules/background/schedule/schedule-sync.service';
-import {NavigationBar} from '@hugotomazi/capacitor-navigation-bar';
 import {Keyboard, KeyboardResize} from '@capacitor/keyboard';
+import {AppVersionService} from './modules/about/app-version.service';
+import {SplashScreen} from '@capacitor/splash-screen';
 
 /**
  * TODO
@@ -52,15 +52,6 @@ export class AppComponent implements AfterContentInit {
    */
   ommitedEventSources = ['ion-input', 'ion-searchbar'];
 
-  /**
-   *
-   * @param platform TODO
-   * @param settingsProvider TODO
-   * @param router The angular router
-   * @param zone The angular zone
-   * @param authHelper Helper service for OAuth providers
-   * @param toastController Toast controller
-   */
   constructor(
     private readonly platform: Platform,
     private readonly settingsProvider: SettingsProvider,
@@ -69,13 +60,33 @@ export class AppComponent implements AfterContentInit {
     private readonly authHelper: AuthHelperService,
     private readonly toastController: ToastController,
     private readonly scheduleSyncService: ScheduleSyncService,
+    private readonly versionService: AppVersionService,
   ) {
     void this.initializeApp();
   }
 
-  ngAfterContentInit(): void {
+  async ngAfterContentInit() {
     this.scheduleSyncService.init();
     void this.scheduleSyncService.enable();
+    this.versionService.getPendingReleaseNotes().then(notes => {
+      if (notes) {
+        this.versionService.presentReleaseNotes(notes);
+      }
+    });
+
+    if (document.readyState === 'complete') {
+      requestIdleCallback(this.hideSplash.bind(this));
+    } else {
+      document.addEventListener('readystatechange', () => {
+        if (document.readyState === 'complete') requestIdleCallback(this.hideSplash.bind(this));
+      });
+    }
+  }
+
+  async hideSplash() {
+    if (Capacitor.isNativePlatform()) {
+      void SplashScreen.hide();
+    }
   }
 
   /**
@@ -93,23 +104,7 @@ export class AppComponent implements AfterContentInit {
       });
     });
     this.platform.ready().then(async () => {
-      if (Capacitor.isNativePlatform()) {
-        await StatusBar.setStyle({style: Style.Dark});
-        if (Capacitor.getPlatform() === 'android') {
-          await StatusBar.setBackgroundColor({
-            color: getComputedStyle(document.documentElement).getPropertyValue('--ion-color-primary').trim(),
-          });
-          await StatusBar.setOverlaysWebView({overlay: false});
-          await NavigationBar.setColor({
-            color: getComputedStyle(document.documentElement)
-              .getPropertyValue('--ion-background-color')
-              .trim(),
-            darkButtons: true,
-          });
-        }
-      }
       await this.authNotificationsInit();
-
       // set order of categories in settings
       this.settingsProvider.setCategoriesOrder(['profile', 'privacy', 'credentials', 'others']);
     });

frontend/app/src/app/app.module.ts

@@ -47,6 +47,7 @@ import {UtilModule} from './util/util.module';
 import {initLogger} from './_helpers/ts-logger';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {AboutModule} from './modules/about/about.module';
+import {JobModule} from './modules/jobs/jobs.module';
 import {FavoritesModule} from './modules/favorites/favorites.module';
 import {ProfilePageModule} from './modules/profile/profile.module';
 import {FeedbackModule} from './modules/feedback/feedback.module';
@@ -67,6 +68,8 @@ import {browserFactory, SimpleBrowser} from './util/browser.factory';
 import {getDateFnsLocale} from './translation/dfns-locale';
 import {setDefaultOptions} from 'date-fns';
 import {DateFnsConfigurationService} from 'ngx-date-fns';
+import {Capacitor} from '@capacitor/core';
+import {SplashScreen} from '@capacitor/splash-screen';
 
 registerLocaleData(localeDe);
 
@@ -87,32 +90,39 @@ export function initializerFactory(
   dateFnsConfigurationService: DateFnsConfigurationService,
 ) {
   return async () => {
-    initLogger(logger);
-    await storageProvider.init();
-    await configProvider.init();
-    await settingsProvider.init();
     try {
-      if (configProvider.firstSession) {
-        // set language from browser
-        await settingsProvider.setSettingValue(
-          'profile',
-          'language',
-          translateService.getBrowserLang() as SCSettingValue,
-        );
-      }
-      const languageCode = (await settingsProvider.getValue('profile', 'language')) as string;
-      // this language will be used as a fallback when a translation isn't found in the current language
-      translateService.setDefaultLang('en');
-      translateService.use(languageCode);
-      moment.locale(languageCode);
-      const dateFnsLocale = await getDateFnsLocale(languageCode as SCLanguageCode);
-      setDefaultOptions({locale: dateFnsLocale});
-      dateFnsConfigurationService.setLocale(dateFnsLocale);
+      initLogger(logger);
+      await storageProvider.init();
+      await configProvider.init();
+      await settingsProvider.init();
+      try {
+        if (configProvider.firstSession) {
+          // set language from browser
+          await settingsProvider.setSettingValue(
+            'profile',
+            'language',
+            translateService.getBrowserLang() as SCSettingValue,
+          );
+        }
+        const languageCode = (await settingsProvider.getValue('profile', 'language')) as string;
+        // this language will be used as a fallback when a translation isn't found in the current language
+        translateService.setDefaultLang('en');
+        translateService.use(languageCode);
+        moment.locale(languageCode);
+        const dateFnsLocale = await getDateFnsLocale(languageCode as SCLanguageCode);
+        setDefaultOptions({locale: dateFnsLocale});
+        dateFnsConfigurationService.setLocale(dateFnsLocale);
 
-      await defaultAuthService.init();
-      await paiaAuthService.init();
+        await defaultAuthService.init();
+        await paiaAuthService.init();
+      } catch (error) {
+        logger.warn(error);
+      }
     } catch (error) {
-      logger.warn(error);
+      if (Capacitor.isNativePlatform()) {
+        await SplashScreen.hide();
+      }
+      alert(`Critical error: ${error}`);
     }
   };
 }
@@ -147,6 +157,7 @@ export function createTranslateLoader(http: HttpClient) {
     HebisModule,
     IonicModule.forRoot(),
     IonIconModule,
+    JobModule,
     FavoritesModule,
     LibraryModule,
     HttpClientModule,

frontend/app/src/app/modules/about/about-page/about-page.component.ts

@@ -18,6 +18,8 @@ import {SCAboutPage, SCAppConfiguration} from '@openstapps/core';
 import {ConfigProvider} from '../../config/config.provider';
 import packageJson from '../../../../../package.json';
 import config from 'capacitor.config';
+import {App} from '@capacitor/app';
+import {Capacitor} from '@capacitor/core';
 
 @Component({
   selector: 'about-page',
@@ -27,9 +29,11 @@ import config from 'capacitor.config';
 export class AboutPageComponent implements OnInit {
   content: SCAboutPage;
 
-  appName = config.appName;
+  name = config.appName;
 
-  version = packageJson.version;
+  stappsVersion = packageJson.version;
+
+  version: string;
 
   constructor(private readonly route: ActivatedRoute, private readonly configProvider: ConfigProvider) {}
 
@@ -37,5 +41,6 @@ export class AboutPageComponent implements OnInit {
     const route = this.route.snapshot.url.map(it => it.path).join('/');
     this.content =
       (this.configProvider.getValue('aboutPages') as SCAppConfiguration['aboutPages'])[route] ?? {};
+    this.version = Capacitor.getPlatform() === 'web' ? 'Web' : await App.getInfo().then(info => info.version);
   }
 }

frontend/app/src/app/modules/about/about-page/about-page.html

@@ -25,7 +25,7 @@
   </ion-toolbar>
 </ion-header>
 <ion-content parallax *ngIf="content">
-  <ion-text>{{ appName }} v{{ version }}</ion-text>
+  <ion-text>{{ 'about.VERSION_INFO' | translate: {name, version, stappsVersion} }}</ion-text>
   <div class="page-content">
     <about-page-content *ngFor="let element of content.content" [content]="element"></about-page-content>
   </div>

frontend/app/src/app/modules/about/app-version.service.ts

@@ -0,0 +1,60 @@
+import {Injectable} from '@angular/core';
+import {StorageProvider} from '../storage/storage.provider';
+import {ConfigProvider} from '../config/config.provider';
+import {ModalController} from '@ionic/angular';
+import {Capacitor} from '@capacitor/core';
+import {ReleaseNotesComponent} from './release-notes.component';
+import {SCAppVersionInfo} from '@openstapps/core';
+import {App} from '@capacitor/app';
+
+export const RELEASE_NOTES_SHOWN_KEY = 'release_notes_shown';
+
+@Injectable({providedIn: 'root'})
+export class AppVersionService {
+  constructor(
+    private storage: StorageProvider,
+    private config: ConfigProvider,
+    private modalController: ModalController,
+  ) {}
+
+  /**
+   * Get the release notes of the latest published version
+   */
+  get publishedVersions() {
+    const platform = Capacitor.getPlatform() as 'android' | 'ios' | 'web';
+    return this.config.config.app.versionHistory?.filter(({published}) => published[platform] !== undefined);
+  }
+
+  /**
+   * Get the latest release notes that have not been presented yet
+   */
+  async getPendingReleaseNotes() {
+    if (Capacitor.getPlatform() === 'web') {
+      return;
+    }
+    const storedVersion = (await this.storage.has(RELEASE_NOTES_SHOWN_KEY))
+      ? await this.storage.get<string>(RELEASE_NOTES_SHOWN_KEY)
+      : '';
+    const currentVersion = await App.getInfo().then(info => info.version);
+    return this.publishedVersions?.find(({version}) => {
+      const wasNotShown = version.localeCompare(storedVersion, undefined, {numeric: true}) === 1;
+      const isNotFutureVersion = version.localeCompare(currentVersion, undefined, {numeric: true}) <= 0;
+      return wasNotShown && isNotFutureVersion;
+    });
+  }
+
+  /**
+   * Present release notes
+   */
+  async presentReleaseNotes(version: SCAppVersionInfo) {
+    const modal = await this.modalController.create({
+      component: ReleaseNotesComponent,
+      componentProps: {
+        versionInfo: version,
+      },
+    });
+    await modal.present();
+    await modal.onDidDismiss();
+    await this.storage.put(RELEASE_NOTES_SHOWN_KEY, version.version);
+  }
+}

frontend/app/src/app/modules/about/release-notes.component.ts

@@ -0,0 +1,21 @@
+import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
+import {SCAppVersionInfo} from '@openstapps/core';
+import {MarkdownModule} from 'ngx-markdown';
+import {ThingTranslateModule} from '../../translation/thing-translate.module';
+import {IonicModule, ModalController} from '@ionic/angular';
+import {TranslateModule} from '@ngx-translate/core';
+import {UtilModule} from '../../util/util.module';
+
+@Component({
+  selector: 'stapps-release-notes',
+  templateUrl: 'release-notes.html',
+  styleUrls: ['release-notes.scss'],
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [UtilModule, MarkdownModule, ThingTranslateModule, IonicModule, TranslateModule],
+})
+export class ReleaseNotesComponent {
+  @Input() versionInfo: SCAppVersionInfo;
+
+  constructor(readonly modalController: ModalController) {}
+}

frontend/app/src/app/modules/about/release-notes.html

@@ -0,0 +1,16 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-title><span class="ion-text-wrap">{{'releaseNotes.TITLE_UPDATED' | translate}}</span></ion-title>
+    <ion-buttons slot="end">
+      <ion-button [strong]="true" (click)="modalController.dismiss()"
+        >{{'modal.DISMISS_NEUTRAL' | translate}}</ion-button
+      >
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+<ion-content parallax>
+  <markdown
+    class="content-card ion-padding"
+    [data]="'releaseNotes' | translateSimple: versionInfo"
+  ></markdown>
+</ion-content>

frontend/app/src/app/modules/about/release-notes.scss

@@ -0,0 +1,13 @@
+@import '../../../theme/util/mixins';
+
+ion-title {
+  padding-block: var(--spacing-md);
+}
+
+.content-card {
+  @include border-radius-in-parallax(var(--border-radius-default));
+
+  display: block;
+  margin: var(--spacing-md);
+  background: var(--ion-item-background);
+}

frontend/app/src/app/modules/auth/auth-callback/page/auth-callback-page.component.html

@@ -15,6 +15,6 @@
 
 <div class="centered-message-container">
   <p>
-    {{ 'auth.messages' + '.' + PROVIDER_TYPE + '.' + 'authorizing' | translate }}
+    {{ 'auth.messages.authorizing' | translate }}
   </p>
 </div>

frontend/app/src/app/modules/auth/auth-callback/page/auth-callback-page.component.ts

@@ -16,25 +16,27 @@ import {Component} from '@angular/core';
 import {NavController} from '@ionic/angular';
 import {Router} from '@angular/router';
 import {AuthActions, IAuthAction} from 'ionic-appauth';
-import {SCAuthorizationProviderType} from '@openstapps/core';
 import {AuthHelperService} from '../../auth-helper.service';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 import {Observable} from 'rxjs';
 import {IPAIAAuthAction} from '../../paia/paia-auth-action';
+import {DefaultAuthService} from '../../default-auth.service';
 
 @Component({
   templateUrl: 'auth-callback-page.component.html',
   styleUrls: ['auth-callback-page.component.scss'],
 })
 export class AuthCallbackPageComponent {
-  PROVIDER_TYPE: SCAuthorizationProviderType = 'default';
-
-  constructor(private navCtrl: NavController, private router: Router, private authHelper: AuthHelperService) {
-    const provider = this.authHelper.getProvider(this.PROVIDER_TYPE);
-    const events: Observable<IPAIAAuthAction | IAuthAction> = provider.events$;
+  constructor(
+    private navCtrl: NavController,
+    private router: Router,
+    private authHelper: AuthHelperService,
+    private auth: DefaultAuthService,
+  ) {
+    const events: Observable<IPAIAAuthAction | IAuthAction> = this.auth.events$;
 
     events.pipe(takeUntilDestroyed()).subscribe((action: IAuthAction) => this.postCallback(action));
-    provider.authorizationCallback(window.location.origin + this.router.url);
+    this.auth.authorizationCallback(window.location.origin + this.router.url);
   }
 
   async postCallback(action: IAuthAction) {

frontend/app/src/app/modules/auth/auth-helper.service.ts

@@ -48,11 +48,12 @@ export class AuthHelperService {
     private browser: SimpleBrowser,
     private alertController: AlertController,
   ) {
-    this.userConfigurationMap = (
-      this.configProvider.getAnyValue('auth') as {
-        default: SCAuthorizationProvider;
-      }
-    ).default.endpoints.mapping;
+    this.userConfigurationMap =
+      (
+        this.configProvider.getAnyValue('auth') as {
+          default: SCAuthorizationProvider;
+        }
+      ).default?.endpoints.mapping ?? {};
   }
 
   public getAuthMessage(provider: SCAuthorizationProviderType, action: IAuthAction | IPAIAAuthAction) {

frontend/app/src/app/modules/auth/auth-routing.module.ts

@@ -17,7 +17,8 @@ import {RouterModule, Routes} from '@angular/router';
 import {NgModule} from '@angular/core';
 import {authPaths} from './auth-paths';
 import {AuthCallbackPageComponent} from './auth-callback/page/auth-callback-page.component';
-import {PAIAAuthCallbackPageComponent} from './paia/auth-callback/page/paiaauth-callback-page.component';
+import {DefaultAuthService} from './default-auth.service';
+import {PAIAAuthService} from './paia/paia-auth.service';
 
 const authRoutes: Routes = [
   {
@@ -26,7 +27,8 @@ const authRoutes: Routes = [
   },
   {
     path: authPaths.paia.redirect_path,
-    component: PAIAAuthCallbackPageComponent,
+    component: AuthCallbackPageComponent,
+    providers: [{provide: DefaultAuthService, useExisting: PAIAAuthService}],
   },
 ];
 

frontend/app/src/app/modules/auth/auth.module.ts

@@ -10,12 +10,11 @@ import {HttpClient} from '@angular/common/http';
 import {AuthRoutingModule} from './auth-routing.module';
 import {TranslateModule} from '@ngx-translate/core';
 import {AuthCallbackPageComponent} from './auth-callback/page/auth-callback-page.component';
-import {PAIAAuthCallbackPageComponent} from './paia/auth-callback/page/paiaauth-callback-page.component';
 import {DefaultAuthService} from './default-auth.service';
 import {PAIAAuthService} from './paia/paia-auth.service';
 
 @NgModule({
-  declarations: [AuthCallbackPageComponent, PAIAAuthCallbackPageComponent],
+  declarations: [AuthCallbackPageComponent],
   imports: [CommonModule, AuthRoutingModule, TranslateModule],
   providers: [
     {

frontend/app/src/app/modules/auth/paia/auth-callback/page/paiaauth-callback-page.component.ts

@@ -1,33 +0,0 @@
-/*
- * Copyright (C) 2022 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {Component} from '@angular/core';
-import {AuthCallbackPageComponent} from '../../../auth-callback/page/auth-callback-page.component';
-import {SCAuthorizationProviderType} from '@openstapps/core';
-import {NavController} from '@ionic/angular';
-import {Router} from '@angular/router';
-import {AuthHelperService} from '../../../auth-helper.service';
-
-@Component({
-  templateUrl: '../../../auth-callback/page/auth-callback-page.component.html',
-  styleUrls: ['../../../auth-callback/page/auth-callback-page.component.scss'],
-})
-export class PAIAAuthCallbackPageComponent extends AuthCallbackPageComponent {
-  PROVIDER_TYPE = 'paia' as SCAuthorizationProviderType;
-
-  constructor(navCtrl: NavController, router: Router, authHelper: AuthHelperService) {
-    super(navCtrl, router, authHelper);
-  }
-}

frontend/app/src/app/modules/dashboard/dashboard.component.html

@@ -48,4 +48,5 @@
   <stapps-news-section></stapps-news-section>
   <stapps-mensa-section></stapps-mensa-section>
   <stapps-favorites-section></stapps-favorites-section>
+  <stapps-job-section></stapps-job-section>
 </ion-content>

frontend/app/src/app/modules/dashboard/dashboard.component.ts

@@ -12,12 +12,21 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-import {Component, DestroyRef, ElementRef, inject, NgZone, OnDestroy, OnInit, ViewChild} from '@angular/core';
+import {
+  AfterViewInit,
+  Component,
+  DestroyRef,
+  ElementRef,
+  inject,
+  NgZone,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+} from '@angular/core';
 import {Router} from '@angular/router';
 import {Location} from '@angular/common';
 import moment from 'moment';
 import {SCDateSeries, SCUuid} from '@openstapps/core';
-import {SplashScreen} from '@capacitor/splash-screen';
 import {DataRoutingService} from '../data/data-routing.service';
 import {ScheduleProvider} from '../calendar/schedule.provider';
 import {AnimationController, IonContent} from '@ionic/angular';
@@ -30,7 +39,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.scss', '/dashboard.collapse.component.scss'],
 })
-export class DashboardComponent implements OnInit, OnDestroy {
+export class DashboardComponent implements OnInit, OnDestroy, AfterViewInit {
   @ViewChild('toolbar', {read: ElementRef}) toolbarRef: ElementRef;
 
   @ViewChild('schedule', {read: ElementRef}) scheduleRef: ElementRef;
@@ -49,18 +58,6 @@ export class DashboardComponent implements OnInit, OnDestroy {
    */
   nextEvent: SCDateSeries | undefined;
 
-  /**
-   * Slider options
-   */
-  quickNavigationOptions = {
-    slidesPerView: 'auto',
-    spaceBetween: 12,
-    freeMode: {
-      enabled: true,
-      sticky: true,
-    },
-  };
-
   destroy$ = inject(DestroyRef);
 
   constructor(
@@ -85,8 +82,9 @@ export class DashboardComponent implements OnInit, OnDestroy {
       this.eventUuids = result;
       await this.loadNextEvent();
     });
-    await SplashScreen.hide();
+  }
 
+  async ngAfterViewInit() {
     this.collapseAnimation = new DashboardCollapse(
       this.animationControl,
       this.zone,

frontend/app/src/app/modules/dashboard/dashboard.module.ts

@@ -32,6 +32,8 @@ import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {UtilModule} from '../../util/util.module';
 import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
 import {NewsModule} from '../news/news.module';
+import {JobSectionComponent} from './sections/jobs-section/job-section.component';
+import {JobModule} from '../jobs/jobs.module';
 
 const catalogRoutes: Routes = [
   {
@@ -51,6 +53,7 @@ const catalogRoutes: Routes = [
     MensaSectionContentComponent,
     FavoritesSectionComponent,
     DashboardComponent,
+    JobSectionComponent,
   ],
   imports: [
     IonicModule.forRoot(),
@@ -65,6 +68,7 @@ const catalogRoutes: Routes = [
     ThingTranslateModule.forChild(),
     UtilModule,
     NewsModule,
+    JobModule,
   ],
   providers: [SettingsProvider, TranslatePipe],
 })

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.html

@@ -0,0 +1,43 @@
+<!--
+  ~ Copyright (C) 2023 StApps
+  ~ This program is free software: you can redistribute it and/or modify it
+  ~ under the terms of the GNU General Public License as published by the Free
+  ~ Software Foundation, version 3.
+  ~
+  ~ This program is distributed in the hope that it will be useful, but WITHOUT
+  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+  ~ more details.
+  ~
+  ~ You should have received a copy of the GNU General Public License along with
+  ~ this program. If not, see <https://www.gnu.org/licenses/>.
+  -->
+
+<stapps-section [title]="'dashboard.jobs.title' | translate">
+  <ion-button slot="button-end" fill="clear" color="medium" [routerLink]="['/jobs']">
+    <ion-icon slot="icon-only" name="search" size="24"></ion-icon>
+  </ion-button>
+  <simple-swiper *ngIf="jobs | async as jobs; else noItems" @fade>
+    <stapps-data-list-item
+      *ngFor="let item of jobs"
+      [hideThumbnail]="true"
+      [item]="item"
+      appearance="square"
+    ></stapps-data-list-item>
+    <ion-item [routerLink]="['/jobs']" class="more-jobs" lines="none">
+      <ion-label>{{ 'dashboard.jobs.title' | translate | titlecase }}</ion-label>
+      <ion-icon color="medium" name="read_more" size="40"></ion-icon>
+    </ion-item>
+  </simple-swiper>
+  <ng-template #noItems>
+    <ion-item class="nothing-selected" lines="none">
+      <ion-label class="ion-text-wrap">
+        {{ 'dashboard.jobs.noJobs' | translate }}
+      </ion-label>
+    </ion-item>
+
+    <ion-button slot="button-end" fill="clear" color="medium" [routerLink]="['/jobs']">
+      <ion-icon slot="icon-only" name="search" size="24"></ion-icon>
+    </ion-button>
+  </ng-template>
+</stapps-section>

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.scss

@@ -0,0 +1,48 @@
+/*!
+ * Copyright (C) 2023 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.nothing-selected::part(native) {
+  color: var(--ion-color-medium-shade);
+  background: none;
+}
+
+simple-swiper {
+  --swiper-slide-width: 280px;
+}
+
+.more-jobs {
+  --color: var(--ion-color-medium-tint);
+
+  font-size: var(--font-size-xl);
+
+  &::part(native) {
+    height: 100%;
+    background: none;
+    border-radius: var(--border-radius-default);
+  }
+
+  ion-label {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  ion-icon {
+    position: absolute;
+    z-index: 100;
+    right: 10px;
+    bottom: 10px;
+  }
+}

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.ts

@@ -0,0 +1,38 @@
+/*
+ * Copyright (C) 2023 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {SCSearchResult, SCThingType} from '@openstapps/core';
+import {DataProvider} from 'src/app/modules/data/data.provider';
+import {fadeAnimation} from '../../fade.animation';
+
+/**
+ * Shows a section with meals of the chosen mensa
+ */
+@Component({
+  selector: 'stapps-job-section',
+  templateUrl: 'job-section.component.html',
+  styleUrls: ['job-section.component.scss'],
+  animations: [fadeAnimation],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class JobSectionComponent {
+  jobs = inject(DataProvider)
+    .search({
+      filter: {type: 'value', arguments: {field: 'type', value: SCThingType.JobPosting}},
+      size: 5,
+      from: 0,
+    })
+    .then((result: SCSearchResult) => result.data);
+}

frontend/app/src/app/modules/data/chips/action-chip-list.component.ts

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, Input} from '@angular/core';
-import {SCDateSeries, SCThings, SCThingType} from '@openstapps/core';
+import {SCDateSeries, SCThingType, SCThings} from '@openstapps/core';
 
 /**
  * Shows a horizontal list of action chips
@@ -37,12 +37,20 @@ export class ActionChipListComponent {
   @Input() set item(item: SCThings) {
     this._item = item;
 
+    const isInPlace = 'inPlace' in item && !!item.inPlace && 'geo' in item.inPlace;
+    const hasDirectGeo = 'geo' in item;
+    const maybeCoords = isInPlace
+      ? item?.inPlace?.geo.point.coordinates
+      : hasDirectGeo
+      ? item.geo.point.coordinates
+      : undefined;
+    const isNullIsland = maybeCoords ? maybeCoords[0] === 0 && maybeCoords[1] === 0 : false;
     this.applicable = {
       locate: false, // TODO: reimplement this at a later date
       event:
         item.type === SCThingType.AcademicEvent ||
         (item.type === SCThingType.DateSeries && (item as SCDateSeries).dates.length > 0),
-      navigate: ('inPlace' in item && item.inPlace && 'geo' in item.inPlace) || 'geo' in item,
+      navigate: (hasDirectGeo || isInPlace) && !isNullIsland,
     };
   }
 

frontend/app/src/app/modules/data/data-icon.config.ts

@@ -46,4 +46,5 @@ export const DataIcons: Record<SCThingType, string> = {
   'tour': SCIcon`tour`,
   'video': SCIcon`movie`,
   'diff': SCIcon`difference`,
+  'job posting': SCIcon`work`,
 };

frontend/app/src/app/modules/data/data.module.ts

@@ -17,93 +17,96 @@ import {CommonModule} from '@angular/common';
 import {HttpClientModule} from '@angular/common/http';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
+import {LeafletModule} from '@asymmetrik/ngx-leaflet';
 import {IonicModule, Platform} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {MarkdownModule} from 'ngx-markdown';
 import {MomentModule} from 'ngx-moment';
 import {ThingTranslateModule} from '../../translation/thing-translate.module';
-import {MenuModule} from '../menu/menu.module';
+import {SimpleBrowser, browserFactory} from '../../util/browser.factory';
+import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
+import {RoutingStackService} from '../../util/routing-stack.service';
+import {UtilModule} from '../../util/util.module';
+import {CalendarService} from '../calendar/calendar.service';
 import {ScheduleProvider} from '../calendar/schedule.provider';
+import {GeoNavigationDirective} from '../map/geo-navigation.directive';
+import {MapWidgetComponent} from '../map/widget/map-widget.component';
+import {MenuModule} from '../menu/menu.module';
+import {SettingsProvider} from '../settings/settings.provider';
 import {StorageModule} from '../storage/storage.module';
 import {ActionChipListComponent} from './chips/action-chip-list.component';
-import {EditEventSelectionComponent} from './chips/edit-event-selection.component';
 import {AddEventActionChipComponent} from './chips/data/add-event-action-chip.component';
 import {LocateActionChipComponent} from './chips/data/locate-action-chip.component';
+import {NavigateActionChipComponent} from './chips/data/navigate-action-chip.component';
+import {EditEventSelectionComponent} from './chips/edit-event-selection.component';
+import {CoordinatedSearchProvider} from './coordinated-search.provider';
 import {DataFacetsProvider} from './data-facets.provider';
 import {DataIconPipe} from './data-icon.pipe';
 import {DataRoutingModule} from './data-routing.module';
 import {DataProvider} from './data.provider';
 import {DataDetailContentComponent} from './detail/data-detail-content.component';
 import {DataDetailComponent} from './detail/data-detail.component';
+import {DataPathComponent} from './detail/data-path.component';
 import {AddressDetailComponent} from './elements/address-detail.component';
+import {CertificationsInDetailComponent} from './elements/certifications-in-detail.component';
+import {ExternalLinkComponent} from './elements/external-link.component';
+import {FavoriteButtonComponent} from './elements/favorite-button.component';
+import {LongInlineTextComponent} from './elements/long-inline-text.component';
 import {OffersDetailComponent} from './elements/offers-detail.component';
 import {OffersInListComponent} from './elements/offers-in-list.component';
 import {OriginDetailComponent} from './elements/origin-detail.component';
+import {OriginInListComponent} from './elements/origin-in-list.component';
+import {StappsRatingComponent} from './elements/rating.component';
 import {SimpleCardComponent} from './elements/simple-card.component';
+import {SkeletonListItemComponent} from './elements/skeleton-list-item.component';
+import {SkeletonSegmentComponent} from './elements/skeleton-segment-button.component';
+import {SkeletonSimpleCardComponent} from './elements/skeleton-simple-card.component';
+import {TitleCardComponent} from './elements/title-card.component';
+import {DataListItemHostDefaultComponent} from './list/data-list-item-host-default.component';
+import {DataListItemHostDirective} from './list/data-list-item-host.directive';
+import {DataListItemComponent} from './list/data-list-item.component';
 import {DataListComponent} from './list/data-list.component';
 import {FoodDataListComponent} from './list/food-data-list.component';
 import {SearchPageComponent} from './list/search-page.component';
+import {SimpleDataListComponent} from './list/simple-data-list.component';
+import {SkeletonListComponent} from './list/skeleton-list.component';
+import {TreeListFragmentComponent} from './list/tree-list-fragment.component';
+import {TreeListComponent} from './list/tree-list.component';
 import {StAppsWebHttpClient} from './stapps-web-http-client.provider';
+import {ArticleContentComponent} from './types/article/article-content.component';
+import {ArticleListItemComponent} from './types/article/article-item.component';
+import {BookDetailContentComponent} from './types/book/book-detail-content.component';
+import {BookListItemComponent} from './types/book/book-list-item.component';
 import {CatalogDetailContentComponent} from './types/catalog/catalog-detail-content.component';
+import {CatalogListItemComponent} from './types/catalog/catalog-list-item.component';
 import {DateSeriesDetailContentComponent} from './types/date-series/date-series-detail-content.component';
+import {DateSeriesListItemComponent} from './types/date-series/date-series-list-item.component';
+import {DishCharacteristicsComponent} from './types/dish/dish-characteristics.component';
 import {DishDetailContentComponent} from './types/dish/dish-detail-content.component';
+import {DishListItemComponent} from './types/dish/dish-list-item.component';
 import {EventDetailContentComponent} from './types/event/event-detail-content.component';
 import {EventListItemComponent} from './types/event/event-list-item.component';
+import {EventRoutePathComponent} from './types/event/event-route-path.component';
 import {FavoriteDetailContentComponent} from './types/favorite/favorite-detail-content.component';
+import {FavoriteListItemComponent} from './types/favorite/favorite-list-item.component';
+import {JobPostingDetailContentComponent} from './types/job-posting/job-posting-detail-content.component';
+import {JobPostingListItemComponent} from './types/job-posting/job-posting-list-item.component';
 import {MessageDetailContentComponent} from './types/message/message-detail-content.component';
+import {MessageListItemComponent} from './types/message/message-list-item.component';
 import {OrganizationDetailContentComponent} from './types/organization/organization-detail-content.component';
+import {OrganizationListItemComponent} from './types/organization/organization-list-item.component';
+import {PeriodicalDetailContentComponent} from './types/periodical/periodical-detail-content.component';
+import {PeriodicalListItemComponent} from './types/periodical/periodical-list-item.component';
 import {PersonDetailContentComponent} from './types/person/person-detail-content.component';
+import {PersonListItemComponent} from './types/person/person-list-item.component';
 import {PlaceDetailContentComponent} from './types/place/place-detail-content.component';
 import {PlaceListItemComponent} from './types/place/place-list-item.component';
 import {PlaceMensaDetailComponent} from './types/place/special/mensa/place-mensa-detail.component';
 import {SemesterDetailContentComponent} from './types/semester/semester-detail-content.component';
-import {MapWidgetComponent} from '../map/widget/map-widget.component';
-import {LeafletModule} from '@asymmetrik/ngx-leaflet';
-import {SkeletonSimpleCardComponent} from './elements/skeleton-simple-card.component';
-import {CatalogListItemComponent} from './types/catalog/catalog-list-item.component';
-import {DataListItemComponent} from './list/data-list-item.component';
-import {DateSeriesListItemComponent} from './types/date-series/date-series-list-item.component';
-import {DishListItemComponent} from './types/dish/dish-list-item.component';
-import {FavoriteListItemComponent} from './types/favorite/favorite-list-item.component';
-import {LongInlineTextComponent} from './elements/long-inline-text.component';
-import {MessageListItemComponent} from './types/message/message-list-item.component';
-import {OrganizationListItemComponent} from './types/organization/organization-list-item.component';
-import {PersonListItemComponent} from './types/person/person-list-item.component';
-import {SkeletonListItemComponent} from './elements/skeleton-list-item.component';
-import {SkeletonSegmentComponent} from './elements/skeleton-segment-button.component';
-import {VideoDetailContentComponent} from './types/video/video-detail-content.component';
 import {SemesterListItemComponent} from './types/semester/semester-list-item.component';
+import {VideoDetailContentComponent} from './types/video/video-detail-content.component';
 import {VideoListItemComponent} from './types/video/video-list-item.component';
-import {OriginInListComponent} from './elements/origin-in-list.component';
-import {CoordinatedSearchProvider} from './coordinated-search.provider';
-import {FavoriteButtonComponent} from './elements/favorite-button.component';
-import {SimpleDataListComponent} from './list/simple-data-list.component';
-import {TitleCardComponent} from './elements/title-card.component';
-import {CalendarService} from '../calendar/calendar.service';
-import {RoutingStackService} from '../../util/routing-stack.service';
-import {DataPathComponent} from './detail/data-path.component';
-import {EventRoutePathComponent} from './types/event/event-route-path.component';
-import {UtilModule} from '../../util/util.module';
-import {TreeListComponent} from './list/tree-list.component';
-import {TreeListFragmentComponent} from './list/tree-list-fragment.component';
-import {SettingsProvider} from '../settings/settings.provider';
-import {IonIconModule} from '../../util/ion-icon/ion-icon.module';
-import {ExternalLinkComponent} from './elements/external-link.component';
-import {ArticleListItemComponent} from './types/article/article-item.component';
-import {ArticleContentComponent} from './types/article/article-content.component';
-import {BookDetailContentComponent} from './types/book/book-detail-content.component';
-import {BookListItemComponent} from './types/book/book-list-item.component';
-import {PeriodicalListItemComponent} from './types/periodical/periodical-list-item.component';
-import {PeriodicalDetailContentComponent} from './types/periodical/periodical-detail-content.component';
-import {DataListItemHostDirective} from './list/data-list-item-host.directive';
-import {DataListItemHostDefaultComponent} from './list/data-list-item-host-default.component';
-import {browserFactory, SimpleBrowser} from '../../util/browser.factory';
-import {StappsRatingComponent} from './elements/rating.component';
-import {DishCharacteristicsComponent} from './types/dish/dish-characteristics.component';
-import {SkeletonListComponent} from './list/skeleton-list.component';
-import {CertificationsInDetailComponent} from './elements/certifications-in-detail.component';
-import {GeoNavigationDirective} from '../map/geo-navigation.directive';
-import {NavigateActionChipComponent} from './chips/data/navigate-action-chip.component';
+import {ShareButtonComponent} from './elements/share-button.component';
 
 /**
  * Module for handling data
@@ -142,6 +145,8 @@ import {NavigateActionChipComponent} from './chips/data/navigate-action-chip.com
     MapWidgetComponent,
     MessageDetailContentComponent,
     MessageListItemComponent,
+    JobPostingDetailContentComponent,
+    JobPostingListItemComponent,
     OffersDetailComponent,
     OffersInListComponent,
     OrganizationDetailContentComponent,
@@ -176,6 +181,7 @@ import {NavigateActionChipComponent} from './chips/data/navigate-action-chip.com
     BookDetailContentComponent,
     PeriodicalListItemComponent,
     PeriodicalDetailContentComponent,
+    ShareButtonComponent,
   ],
   imports: [
     CommonModule,

frontend/app/src/app/modules/data/detail/data-detail-content.html

@@ -58,6 +58,10 @@
       [item]="$any(item)"
       *ngSwitchCase="'message'"
     ></stapps-message-detail-content>
+    <stapps-job-posting-detail-content
+      [item]="$any(item)"
+      *ngSwitchCase="'job posting'"
+    ></stapps-job-posting-detail-content>
     <stapps-person-detail-content [item]="$any(item)" *ngSwitchCase="'person'"></stapps-person-detail-content>
     <stapps-place-detail-content [item]="$any(item)" *ngSwitchCase="'building'"></stapps-place-detail-content>
     <stapps-place-detail-content [item]="$any(item)" *ngSwitchCase="'floor'"></stapps-place-detail-content>

frontend/app/src/app/modules/data/detail/data-detail.html

@@ -20,6 +20,7 @@
     </ion-buttons>
     <ion-title>{{ 'data.detail.TITLE' | translate }}</ion-title>
     <ion-buttons [slot]="isModal ? 'start' : 'primary'">
+      <stapps-share-button *ngIf="item" [title]="'name' | thingTranslate: item"></stapps-share-button>
       <stapps-favorite-button *ngIf="item" [item]="$any(item)"></stapps-favorite-button>
     </ion-buttons>
     <ion-buttons slot="end" *ngIf="isModal">

frontend/app/src/app/modules/data/elements/share-button.component.ts

@@ -0,0 +1,33 @@
+import {Component, Input} from '@angular/core';
+import {ToastController} from '@ionic/angular';
+import {environment} from '../../../../environments/environment';
+
+@Component({
+  selector: 'stapps-share-button',
+  templateUrl: 'share-button.html',
+  styleUrls: ['share-button.scss'],
+})
+export class ShareButtonComponent {
+  canShare = false;
+
+  @Input({required: true}) title: string;
+
+  @Input() url: string;
+
+  constructor(readonly toastController: ToastController) {}
+
+  share(): boolean {
+    const url = this.url ?? new URL(window.location.pathname, `https://${environment.app_host}`);
+
+    if (navigator.share) {
+      void navigator.share({
+        url: url.toString(),
+        text: this.title,
+      });
+      return false;
+    } else {
+      void navigator.clipboard.writeText(`${this.title}\n${url}`);
+      return true;
+    }
+  }
+}