[api] Add datetime util for start-end ranges

README.md

@@ -8,9 +8,9 @@ Modular student club administration system, licensed under the MIT license.
 
 ```
  "engines": {
-    "node": ">= 12.22.1",
+    "node": ">= 14.18.1",
     "npm": ">= 6.14.12",
-    "yarn": ">= 1.21.1"
+    "yarn": ">= 1.22.0"
  }
 ```
 
@@ -18,9 +18,9 @@ So on debian (buster and bullseye) you will need to install node.js and yarn bes
 
 ```bash
 pushd ~/opt
-wget https://nodejs.org/dist/v16.2.0/node-v16.2.0-linux-x64.tar.xz
+wget https://nodejs.org/dist/latest-v16.x/node-v16.13.0-linux-x64.tar.xz
-tar -xJf node-v16.2.0-linux-x64.tar.xz
+tar -xJf node-v16.13.0-linux-x64.tar.xz
-export PATH="$(pwd)/node-v16.2.0-linux-x64/bin":"$PATH"
+export PATH="$(pwd)/node-v16.13.0-linux-x64/bin":"$PATH"
 npm i -g yarn
 npm i -g @quasar/cli
 popd
@@ -74,6 +74,13 @@ This access needs to be configured in `src/config.ts'->config.baseURL
 yarn quasar build
 ```
 
+### Notes on mobile apps (Cordova)
+
+For mobile applications older web engines should or must be supported,
+as manufaturer often do not update their phones, so for building cordova apps set the `BROWSERSLIST_ENV` environment variable to
+`BROWSERSLIST_ENV=cordova`.
+This will produce ECDMAscript compatible with iOS 13+ and Android Webview 76 (relased October 2019).
+
 ## Development
 
-Please refer to out [development wiki](https://flaschengeist.dev/Flaschengeist/flaschengeist/wiki/Development).
+Please refer to our [development wiki](https://flaschengeist.dev/Flaschengeist/flaschengeist/wiki/Development).

api/src/utils/datetime.ts

@@ -25,6 +25,17 @@ export function asHour(date?: Date) {
   return date ? formatDateTime(date, false, true) : '';
 }
 
+export function formatStartEnd(start: Date, end?: Date) {
+  const today = asDate(new Date());
+  const startDate = asDate(start);
+  const endDate = end ? asDate(end) : '';
+  return (
+    (today !== startDate ? `${startDate}, ` : '') +
+    asHour(start) +
+    (end ? ' - ' + (endDate !== startDate ? `${endDate}, ` : '') + asHour(end) : '')
+  );
+}
+
 export function startOfWeek(date: Date, startMonday = true) {
   const start = new Date(date);
   const day = date.getDay() || 7;

package.json

@@ -46,16 +46,21 @@
     "printWidth": 100,
     "arrowParens": "always"
   },
-  "browserslist": [
+  "browserslist": {
-    "last 10 Chrome versions",
+    "defaults": [
-    "last 10 Firefox versions",
+      "Firefox esr",
+      "last 6 Chrome versions",
+      "last 4 Firefox versions",
     "last 4 Edge versions",
     "last 4 Safari versions",
-    "last 8 Android versions",
+      "last 4 ChromeAndroid versions",
-    "last 1 ChromeAndroid versions",
+      "last 1 FirefoxAndroid versions"
-    "last 1 FirefoxAndroid versions",
-    "last 6 iOS versions"
   ],
+    "cordova": [
+      "iOS >= 13.0",
+      "Android >= 76"
+    ]
+  },
   "engines": {
     "node": ">= 14.18.1",
     "npm": ">= 6.14.12",