From 4fa8ecf77287b727e3d5e8f96a30f408057e6572 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 5 Feb 2024 17:41:44 +0100
Subject: [PATCH 1/9] Implement config for 'date-time' format

---
 .../{RelativeDateTime => DateTime}/Readme.md  |  2 +-
 webapp/components/DateTime/index.vue          | 29 +++++++++++++++++++
 .../{RelativeDateTime => DateTime}/spec.js    |  6 ++--
 webapp/components/Modal/DeleteUserModal.vue   |  6 ++--
 webapp/components/RelativeDateTime/index.vue  | 23 ---------------
 webapp/components/UserTeaser/UserTeaser.vue   |  6 ++--
 .../FiledReportsTable/FiledReportsTable.vue   |  6 ++--
 webapp/constants/dateTime.js                  |  5 ++++
 8 files changed, 47 insertions(+), 36 deletions(-)
 rename webapp/components/{RelativeDateTime => DateTime}/Readme.md (51%)
 create mode 100644 webapp/components/DateTime/index.vue
 rename webapp/components/{RelativeDateTime => DateTime}/spec.js (92%)
 delete mode 100644 webapp/components/RelativeDateTime/index.vue
 create mode 100644 webapp/constants/dateTime.js

diff --git a/webapp/components/RelativeDateTime/Readme.md b/webapp/components/DateTime/Readme.md
similarity index 51%
rename from webapp/components/RelativeDateTime/Readme.md
rename to webapp/components/DateTime/Readme.md
index 5e04466f91..fa18a2c9d0 100644
--- a/webapp/components/RelativeDateTime/Readme.md
+++ b/webapp/components/DateTime/Readme.md
@@ -3,5 +3,5 @@
 Relative time from 08.03.2017
 
 ```
-<hc-relative-date-time dateTime="03.08.2017" />
+<date-time dateTime="03.08.2017" />
 ```
\ No newline at end of file
diff --git a/webapp/components/DateTime/index.vue b/webapp/components/DateTime/index.vue
new file mode 100644
index 0000000000..8845f516e2
--- /dev/null
+++ b/webapp/components/DateTime/index.vue
@@ -0,0 +1,29 @@
+<template>
+  <span>{{ dateTimeString }}</span>
+</template>
+
+<script>
+import { getDateFnsLocale } from '~/locales'
+import format from 'date-fns/format'
+import formatRelative from 'date-fns/formatRelative'
+import dateTimeConstants from '~/constants/dateTime'
+
+export default {
+  name: 'DateTime',
+  props: {
+    dateTime: {
+      type: [Date, String],
+      required: true,
+    },
+  },
+  computed: {
+    dateTimeString() {
+      if (dateTimeConstants.RELATIVE_DATETIME) {
+        return formatRelative(new Date(this.dateTime), new Date(), { locale: getDateFnsLocale(this) })
+      } else {
+        return format(new Date(this.dateTime), dateTimeConstants.ABSOLUT_DATETIME_FORMAT, { locale: getDateFnsLocale(this) })
+      }
+    },
+  },
+}
+</script>
diff --git a/webapp/components/RelativeDateTime/spec.js b/webapp/components/DateTime/spec.js
similarity index 92%
rename from webapp/components/RelativeDateTime/spec.js
rename to webapp/components/DateTime/spec.js
index b0dd687b25..5c8bf8678c 100644
--- a/webapp/components/RelativeDateTime/spec.js
+++ b/webapp/components/DateTime/spec.js
@@ -1,9 +1,9 @@
 import { shallowMount } from '@vue/test-utils'
-import RelativeDateTime from './'
+import DateTime from '.'
 
 const localVue = global.localVue
 
-describe('RelativeDateTime', () => {
+describe('DateTime', () => {
   let mocks
   let locale
   let dateTime
@@ -17,7 +17,7 @@ describe('RelativeDateTime', () => {
   })
 
   const Wrapper = () => {
-    return shallowMount(RelativeDateTime, {
+    return shallowMount(DateTime, {
       mocks,
       localVue,
       propsData: {
diff --git a/webapp/components/Modal/DeleteUserModal.vue b/webapp/components/Modal/DeleteUserModal.vue
index 8618582ee0..cdef4ac5f1 100644
--- a/webapp/components/Modal/DeleteUserModal.vue
+++ b/webapp/components/Modal/DeleteUserModal.vue
@@ -15,7 +15,7 @@
             <ds-text size="small">
               <span class="bold">{{ $t('modals.deleteUser.created') }}</span>
               <br />
-              <relative-date-time :date-time="userdata.createdAt" />
+              <date-time :date-time="userdata.createdAt" />
             </ds-text>
           </ds-flex-item>
           <ds-flex-item width="15%">
@@ -49,7 +49,7 @@
 import gql from 'graphql-tag'
 import { mapMutations } from 'vuex'
 import { SweetalertIcon } from 'vue-sweetalert-icons'
-import RelativeDateTime from '~/components/RelativeDateTime'
+import DateTime from '~/components/DateTime'
 import UserTeaser from '~/components/UserTeaser/UserTeaser'
 
 export default {
@@ -57,7 +57,7 @@ export default {
   components: {
     UserTeaser,
     SweetalertIcon,
-    RelativeDateTime,
+    DateTime,
   },
   props: {
     userdata: { type: Object, required: true },
diff --git a/webapp/components/RelativeDateTime/index.vue b/webapp/components/RelativeDateTime/index.vue
deleted file mode 100644
index 19018c24bf..0000000000
--- a/webapp/components/RelativeDateTime/index.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <span>{{ relativeDateTime }}</span>
-</template>
-
-<script>
-import { getDateFnsLocale } from '~/locales'
-import formatRelative from 'date-fns/formatRelative'
-
-export default {
-  name: 'HcRelativeDateTime',
-  props: {
-    dateTime: {
-      type: [Date, String],
-      required: true,
-    },
-  },
-  computed: {
-    relativeDateTime() {
-      return formatRelative(new Date(this.dateTime), new Date(), { locale: getDateFnsLocale(this) })
-    },
-  },
-}
-</script>
diff --git a/webapp/components/UserTeaser/UserTeaser.vue b/webapp/components/UserTeaser/UserTeaser.vue
index a82b910393..99ec1b35c7 100644
--- a/webapp/components/UserTeaser/UserTeaser.vue
+++ b/webapp/components/UserTeaser/UserTeaser.vue
@@ -36,7 +36,7 @@
         </div>
         <span v-if="!userOnly" class="text">
           <base-icon name="clock" />
-          <relative-date-time :date-time="dateTime" />
+          <date-time :date-time="dateTime" />
           <slot name="dateTime"></slot>
         </span>
         <span v-else class="text">{{ userName }}</span>
@@ -48,13 +48,13 @@
 <script>
 import { mapGetters } from 'vuex'
 
-import RelativeDateTime from '~/components/RelativeDateTime'
+import DateTime from '~/components/DateTime'
 import ProfileAvatar from '~/components/_new/generic/ProfileAvatar/ProfileAvatar'
 
 export default {
   name: 'UserTeaser',
   components: {
-    RelativeDateTime,
+    DateTime,
     ProfileAvatar,
   },
   props: {
diff --git a/webapp/components/features/FiledReportsTable/FiledReportsTable.vue b/webapp/components/features/FiledReportsTable/FiledReportsTable.vue
index 363ab0e9eb..f9d9242510 100644
--- a/webapp/components/features/FiledReportsTable/FiledReportsTable.vue
+++ b/webapp/components/features/FiledReportsTable/FiledReportsTable.vue
@@ -16,7 +16,7 @@
     </template>
     <template #reportedOn="scope">
       <ds-text size="small">
-        <hc-relative-date-time :date-time="scope.row.createdAt" data-test="filed-date" />
+        <date-time :date-time="scope.row.createdAt" data-test="filed-date" />
       </ds-text>
     </template>
     <template #reasonCategory="scope">
@@ -29,12 +29,12 @@
 </template>
 <script>
 import UserTeaser from '~/components/UserTeaser/UserTeaser'
-import HcRelativeDateTime from '~/components/RelativeDateTime'
+import DateTime from '~/components/DateTime'
 
 export default {
   components: {
     UserTeaser,
-    HcRelativeDateTime,
+    DateTime,
   },
   props: {
     filed: { type: Array, default: () => [] },
diff --git a/webapp/constants/dateTime.js b/webapp/constants/dateTime.js
new file mode 100644
index 0000000000..25294c1722
--- /dev/null
+++ b/webapp/constants/dateTime.js
@@ -0,0 +1,5 @@
+// this file is duplicated in `backend/src/config/metadata.js` and `webapp/constants/metadata.js`
+export default {
+  RELATIVE_DATETIME: true,
+  ABSOLUT_DATETIME_FORMAT: 'P',
+}

From c07c0692d5425ab3551614a8b8bc99b2d236a0ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 5 Feb 2024 17:48:17 +0100
Subject: [PATCH 2/9] Change 'RELATIVE_DATETIME' to 'false'

---
 webapp/constants/dateTime.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/constants/dateTime.js b/webapp/constants/dateTime.js
index 25294c1722..d7b4116dbf 100644
--- a/webapp/constants/dateTime.js
+++ b/webapp/constants/dateTime.js
@@ -1,5 +1,5 @@
 // this file is duplicated in `backend/src/config/metadata.js` and `webapp/constants/metadata.js`
 export default {
-  RELATIVE_DATETIME: true,
+  RELATIVE_DATETIME: false,
   ABSOLUT_DATETIME_FORMAT: 'P',
 }

From 2b1ba71a433b62bc480624ae3db6a17f3753e032 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 5 Feb 2024 17:48:54 +0100
Subject: [PATCH 3/9] Fix linting

---
 webapp/components/DateTime/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/webapp/components/DateTime/index.vue b/webapp/components/DateTime/index.vue
index 8845f516e2..aaf39905b0 100644
--- a/webapp/components/DateTime/index.vue
+++ b/webapp/components/DateTime/index.vue
@@ -19,9 +19,13 @@ export default {
   computed: {
     dateTimeString() {
       if (dateTimeConstants.RELATIVE_DATETIME) {
-        return formatRelative(new Date(this.dateTime), new Date(), { locale: getDateFnsLocale(this) })
+        return formatRelative(new Date(this.dateTime), new Date(), {
+          locale: getDateFnsLocale(this),
+        })
       } else {
-        return format(new Date(this.dateTime), dateTimeConstants.ABSOLUT_DATETIME_FORMAT, { locale: getDateFnsLocale(this) })
+        return format(new Date(this.dateTime), dateTimeConstants.ABSOLUT_DATETIME_FORMAT, {
+          locale: getDateFnsLocale(this),
+        })
       }
     },
   },

From 3ea0518457514b8b29016cabdde1e26080b0dfb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 5 Feb 2024 18:52:06 +0100
Subject: [PATCH 4/9] Revert "Change 'RELATIVE_DATETIME' to 'false'"

This reverts commit c07c0692d5425ab3551614a8b8bc99b2d236a0ae.
---
 webapp/constants/dateTime.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/constants/dateTime.js b/webapp/constants/dateTime.js
index d7b4116dbf..25294c1722 100644
--- a/webapp/constants/dateTime.js
+++ b/webapp/constants/dateTime.js
@@ -1,5 +1,5 @@
 // this file is duplicated in `backend/src/config/metadata.js` and `webapp/constants/metadata.js`
 export default {
-  RELATIVE_DATETIME: false,
+  RELATIVE_DATETIME: true,
   ABSOLUT_DATETIME_FORMAT: 'P',
 }

From 18fe23a4be6249beb5b9b167ec31f536214f257e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 6 Feb 2024 16:30:31 +0100
Subject: [PATCH 5/9] Change yarn.lock in main folder

---
 yarn.lock | 76 +++++++++----------------------------------------------
 1 file changed, 12 insertions(+), 64 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 95260fdb93..6deb6ecf19 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -44,7 +44,7 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/core@^7.23.6":
+"@babel/core@^7.23.7":
   version "7.23.9"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.9.tgz#b028820718000f267870822fec434820e9b1e4d1"
   integrity sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==
@@ -918,7 +918,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.22.15"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/preset-env@^7.16.0", "@babel/preset-env@^7.23.6":
+"@babel/preset-env@^7.16.0", "@babel/preset-env@^7.23.9":
   version "7.23.9"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.23.9.tgz#beace3b7994560ed6bf78e4ae2073dff45387669"
   integrity sha512-3kBGTNBBk9DQiPoXYS0g0BYlwTQYUTifqgKTjxUwEUkduRT2QOa0FPGBJ+NROQhGyYO5BuTJwGvBnqKDykac6A==
@@ -1128,7 +1128,7 @@
     minimatch "^3.0.4"
     node-hook "^1.0.0"
 
-"@badeball/cypress-cucumber-preprocessor@^20.0.0":
+"@badeball/cypress-cucumber-preprocessor@^20.0.1":
   version "20.0.1"
   resolved "https://registry.yarnpkg.com/@badeball/cypress-cucumber-preprocessor/-/cypress-cucumber-preprocessor-20.0.1.tgz#270fd6f0f27b57128c05e79bf16eb33ffaf1eb7c"
   integrity sha512-rokPo/4uEo0EGAFEpyl83SSEaL8CdC6k7ONC2HsD9hBDzTezIHW2gcgpbbc5yDoExqLicxJi/A0QACEq7JfcLg==
@@ -1176,54 +1176,7 @@
   dependencies:
     regexp-match-indices "1.0.2"
 
-"@cucumber/cucumber@10.1.0":
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/@cucumber/cucumber/-/cucumber-10.1.0.tgz#f57e5eddf6688e52d51414f808558b00595da252"
-  integrity sha512-9itQdAccTqJAe9VfdmovinOlUPLroC2KbB+CeQty8BKXpLB6hKO32k9S9FhnuXinFqh+E5znUrPtbUxS948bwQ==
-  dependencies:
-    "@cucumber/ci-environment" "10.0.0"
-    "@cucumber/cucumber-expressions" "17.0.1"
-    "@cucumber/gherkin" "27.0.0"
-    "@cucumber/gherkin-streams" "5.0.1"
-    "@cucumber/gherkin-utils" "8.0.5"
-    "@cucumber/html-formatter" "21.2.0"
-    "@cucumber/message-streams" "4.0.1"
-    "@cucumber/messages" "24.0.1"
-    "@cucumber/tag-expressions" "6.0.0"
-    assertion-error-formatter "^3.0.0"
-    capital-case "^1.0.4"
-    chalk "^4.1.2"
-    cli-table3 "0.6.3"
-    commander "^10.0.0"
-    debug "^4.3.4"
-    error-stack-parser "^2.1.4"
-    figures "^3.2.0"
-    glob "^10.3.10"
-    has-ansi "^4.0.1"
-    indent-string "^4.0.0"
-    is-installed-globally "^0.4.0"
-    is-stream "^2.0.0"
-    knuth-shuffle-seeded "^1.0.6"
-    lodash.merge "^4.6.2"
-    lodash.mergewith "^4.6.2"
-    luxon "3.2.1"
-    mkdirp "^2.1.5"
-    mz "^2.7.0"
-    progress "^2.0.3"
-    read-pkg-up "^7.0.1"
-    resolve-pkg "^2.0.0"
-    semver "7.5.3"
-    string-argv "0.3.1"
-    strip-ansi "6.0.1"
-    supports-color "^8.1.1"
-    tmp "^0.2.1"
-    type-fest "^4.8.3"
-    util-arity "^1.1.0"
-    xmlbuilder "^15.1.1"
-    yaml "^2.2.2"
-    yup "1.2.0"
-
-"@cucumber/cucumber@^10.0.0":
+"@cucumber/cucumber@10.3.1", "@cucumber/cucumber@^10.0.0":
   version "10.3.1"
   resolved "https://registry.yarnpkg.com/@cucumber/cucumber/-/cucumber-10.3.1.tgz#5996b0e19886d075b199a255a9d390e569b6ffc8"
   integrity sha512-0H0NkOXcYTCG1qCh3o0p1HPSMODGJmlHi1rm5yfoiMx5tJbBjxVNI2VVD2xtPWA+D6ehHQD9asewuzjMXrbPIw==
@@ -1348,11 +1301,6 @@
     figures "^3.2.0"
     ts-dedent "^2.0.0"
 
-"@cucumber/tag-expressions@6.0.0":
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/@cucumber/tag-expressions/-/tag-expressions-6.0.0.tgz#f17ece58c5a78c2aa65098f9905e63e2abd7895d"
-  integrity sha512-JbNb/254Wn6b8cfrIJoqR0NekHXvoB/eMvSY4RK11H8k+YZfm7mZesu/3yVX67nkW+Y+PGjZFcgTMcfjwFRsRw==
-
 "@cucumber/tag-expressions@6.1.0", "@cucumber/tag-expressions@^6.0.0":
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/@cucumber/tag-expressions/-/tag-expressions-6.1.0.tgz#cb7af908bdb43669b7574c606f71fa707196e962"
@@ -1644,10 +1592,10 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.8.tgz#c8285183dbdb17008578dbacb6e22748709b4822"
   integrity sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==
 
-"@faker-js/faker@8.3.1":
-  version "8.3.1"
-  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-8.3.1.tgz#7753df0cb88d7649becf984a96dd1bd0a26f43e3"
-  integrity sha512-FdgpFxY6V6rLZE9mmIBb9hM0xpfvQOSNOLnzolzKwsE1DH+gC7lEKV1p1IbR0lAYyvYd5a4u3qWJzowUkw1bIw==
+"@faker-js/faker@8.4.0":
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-8.4.0.tgz#dc09924ee5fa6438eaaa49d0a8820c64d2f8518f"
+  integrity sha512-htW87352wzUCdX1jyUQocUcmAaFqcR/w082EC8iP/gtkF0K+aKcBp0hR5Arb7dzR8tQ1TrhE9DNa5EbJELm84w==
 
 "@hapi/address@2.x.x":
   version "2.1.4"
@@ -3717,10 +3665,10 @@ cypress-network-idle@^1.14.2:
   resolved "https://registry.yarnpkg.com/cypress-network-idle/-/cypress-network-idle-1.14.2.tgz#0837100861feeb5a18f4c2d9815be079f8590f4d"
   integrity sha512-xAdR8dH58KFPv8eCDWjviScITrJOcUpuMXYfYTc175nk2/NvnJ+I6ylSn1CM7yZmoV/gLbFa36QLiH5NfNEaLQ==
 
-cypress@^13.6.2:
-  version "13.6.3"
-  resolved "https://registry.yarnpkg.com/cypress/-/cypress-13.6.3.tgz#54f03ca07ee56b2bc18211e7bd32abd2533982ba"
-  integrity sha512-d/pZvgwjAyZsoyJ3FOsJT5lDsqnxQ/clMqnNc++rkHjbkkiF2h9s0JsZSyyH4QXhVFW3zPFg82jD25roFLOdZA==
+cypress@^13.6.3:
+  version "13.6.4"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-13.6.4.tgz#42c88d3ee0342f1681abfacabf9c1f082676bc53"
+  integrity sha512-pYJjCfDYB+hoOoZuhysbbYhEmNW7DEDsqn+ToCLwuVowxUXppIWRr7qk4TVRIU471ksfzyZcH+mkoF0CQUKnpw==
   dependencies:
     "@cypress/request" "^3.0.0"
     "@cypress/xvfb" "^1.2.4"

From 412fc04d159ea02b4fccd2e951919563add3cb08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 6 Feb 2024 16:39:10 +0100
Subject: [PATCH 6/9] Add 'branding/constants/dateTime.js' 'RELATIVE_DATETIME',
 'ABSOLUT_DATETIME_FORMAT' to the docs

---
 deployment/TODO-next-update.md  | 10 ++++++++--
 deployment/deployment-values.md | 15 +++++++++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/deployment/TODO-next-update.md b/deployment/TODO-next-update.md
index 76b7ab56c5..ae1cae4dc8 100644
--- a/deployment/TODO-next-update.md
+++ b/deployment/TODO-next-update.md
@@ -2,7 +2,9 @@
 
 When you introduce a new version and branding and deploy it on your network, you need to consider the following changes and actions:
 
-## Version >= 3.1.3 with 'ocelotDockerVersionTag' 3.1.3-XXX
+## Version >= 3.2.0 with 'ocelotDockerVersionTag' 3.2.0-XXX
+
+### Backend and Kubernetes Config `DBMS_DEFAULT_DATABASE`
 
 - We have the new option to configure the default name of the Neo4j database to be used for operations and commands in environment variables (`.env`, `docker-compose.yml` or `values.yaml`).
 For more details see  [deployment-values.md](deployment-values.md):
@@ -13,6 +15,10 @@ DBMS_DEFAULT_DATABASE: "graph.db"
 
 The default value is `neo4j` if it is not set.
 
+### Webapp Config `dateTime`
+
+- You can set `RELATIVE_DATETIME` and `ABSOLUT_DATETIME_FORMAT` in `branding/constants/dateTime.js` originally in main code file `webapp/constants/dateTime.js` to your preferred values.
+
 ## Version >= 3.1.0 with 'ocelotDockerVersionTag' 3.1.0-555
 
 - We have the new option to configure DKIM for sent e-mails in environment variables (`.env`, `docker-compose.yml` or `values.yaml`), see [deployment-values.md](deployment-values.md):
@@ -26,7 +32,7 @@ The default value is `neo4j` if it is not set.
 
 ## Version >= 2.4.0 with 'ocelotDockerVersionTag' 2.4.0-298
 
-- You have to set `SHOW_CONTENT_FILTER_HEADER_MENU` and `SHOW_CONTENT_FILTER_MASONRY_GRID` in `branding/constants/filter.js` originally in main code file `webapp/constants/filter.js` to your preferred value.
+- You have to set `SHOW_CONTENT_FILTER_HEADER_MENU` and `SHOW_CONTENT_FILTER_MASONRY_GRID` in `branding/constants/filter.js` originally in main code file `webapp/constants/filter.js` to your preferred values.
 
 ### Main Code PR –  feat(webapp): map #5843
 
diff --git a/deployment/deployment-values.md b/deployment/deployment-values.md
index 0354ca8bb2..d1eae1822c 100644
--- a/deployment/deployment-values.md
+++ b/deployment/deployment-values.md
@@ -3,6 +3,21 @@
 For each deployment, you need to set the environment variables and configurations.
 Here is some specific information on how to set the values.
 
+## Webapp
+
+We have several configuration possibilities just in the frontend.
+
+### Date Time
+
+In file `branding/constants/dateTime.js`.
+
+- `RELATIVE_DATETIME`
+  - `true` (default) or `false`
+- `ABSOLUT_DATETIME_FORMAT`
+  - definition see [date-fns, format](https://date-fns.org/v3.3.1/docs/format):
+    - `P`: just localized date
+    - `Pp`: just localized date and time
+
 ## E-Mails
 
 You need to set environment variables to send registration and invitation information or notifications to users, for example.

From 050b8b50cc33ce6991fd6803406dbbd5ccd9b7c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 6 Feb 2024 16:39:31 +0100
Subject: [PATCH 7/9] Add hint for Docker commands on Apple Silicon chips

---
 CONTRIBUTING.md |  6 +++---
 README.md       | 12 +++++++-----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 31cddd1ba3..4f21fd19a6 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -171,11 +171,11 @@ Please copy and paste the following quotes for the languages:
 
 ## Docker – More Closely
 
-### Apple M1 Platform
+### Apple Silicon Platform
 
-***Attention:** For using Docker commands in Apple M1 environments!*
+***ATTENTION:** For using Docker commands in Apple Silicon environments!*
 
-#### Environment Variable For Apple M1 Platform
+#### Environment Variable For Apple Silicon Platform (M1, M2 Chips)
 
 If you encounter trouble building the docker containers on an Apple M1 chip you can try to explicitly define the target platform docker builds and pulls images for:
 
diff --git a/README.md b/README.md
index 1cffbf027c..0c68435a88 100644
--- a/README.md
+++ b/README.md
@@ -122,19 +122,19 @@ Clone the repository, this will create a new folder called `Ocelot-Social`:
 Using HTTPS:
 
 ```bash
-$ git clone https://github.com/Ocelot-Social-Community/Ocelot-Social.git
+git clone https://github.com/Ocelot-Social-Community/Ocelot-Social.git
 ```
 
 Using SSH:
 
 ```bash
-$ git clone git@github.com:Ocelot-Social-Community/Ocelot-Social.git
+git clone git@github.com:Ocelot-Social-Community/Ocelot-Social.git
 ```
 
 Change into the new folder.
 
 ```bash
-$ cd Ocelot-Social
+cd Ocelot-Social
 ```
 
 ### Live Demo and Developer Logins
@@ -172,7 +172,9 @@ Check the correct Docker installation by checking the version before proceeding.
 $ docker --version
 ```
 
-##### Start Ocelot-Social via Docker-Compose
+##### Start Ocelot-Social via Docker Compose
+
+***ATTENTION:** For using Docker commands in Apple Silicon environments see [here](https://github.com/Ocelot-Social-Community/Ocelot-Social/blob/master/CONTRIBUTING.md#apple-silicon-platform).*
 
 Prepare ENVs once beforehand:
 
@@ -233,7 +235,7 @@ We are happy if you fork our repository, but we don't recommend it for developme
 
 Clone this repository locally as [described above](#clone-the-repository), create your branch named `<issue-number>-<description>`, add your code and push your branch direct to this repository. Then create a PR by comparing it to our `master`.
 
-**_!!! Be aware:_** Please don't compare from a fork, because the tests are breaking caused by credential problems.
+***!!! Be aware:*** Please don't compare from a fork, because the tests are breaking caused by credential problems.
 
 Please run the following commands before you push:
 

From b08cf435526a94c75c8cc82aed04ec62f8fe52f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 6 Feb 2024 16:44:29 +0100
Subject: [PATCH 8/9] Fix unwanted changes came in by copy and paste

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 0c68435a88..7ce14dd536 100644
--- a/README.md
+++ b/README.md
@@ -122,19 +122,19 @@ Clone the repository, this will create a new folder called `Ocelot-Social`:
 Using HTTPS:
 
 ```bash
-git clone https://github.com/Ocelot-Social-Community/Ocelot-Social.git
+$ git clone https://github.com/Ocelot-Social-Community/Ocelot-Social.git
 ```
 
 Using SSH:
 
 ```bash
-git clone git@github.com:Ocelot-Social-Community/Ocelot-Social.git
+$ git clone git@github.com:Ocelot-Social-Community/Ocelot-Social.git
 ```
 
 Change into the new folder.
 
 ```bash
-cd Ocelot-Social
+$ cd Ocelot-Social
 ```
 
 ### Live Demo and Developer Logins

From 4c0eed3e921268be5b3e98175c1dd7c1af56ed09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 12 Feb 2024 11:23:48 +0100
Subject: [PATCH 9/9] Fix wrong master merge

---
 webapp/components/PostTeaser/PostTeaser.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/components/PostTeaser/PostTeaser.vue b/webapp/components/PostTeaser/PostTeaser.vue
index 68e3dae197..3c7d23c032 100644
--- a/webapp/components/PostTeaser/PostTeaser.vue
+++ b/webapp/components/PostTeaser/PostTeaser.vue
@@ -103,7 +103,7 @@
       <client-only>
         <div class="date-row" v-if="post.createdAt">
           <span class="text">
-            <relative-date-time :date-time="post.createdAt" />
+            <date-time :date-time="post.createdAt" />
             <slot name="dateTime"></slot>
           </span>
         </div>
@@ -119,7 +119,7 @@ import CounterIcon from '~/components/_new/generic/CounterIcon/CounterIcon'
 import DateTimeRange from '~/components/DateTimeRange/DateTimeRange'
 import HcRibbon from '~/components/Ribbon'
 import LocationTeaser from '~/components/LocationTeaser/LocationTeaser'
-import RelativeDateTime from '~/components/RelativeDateTime'
+import DateTime from '~/components/DateTime'
 import UserTeaser from '~/components/UserTeaser/UserTeaser'
 import { mapGetters } from 'vuex'
 import PostMutations from '~/graphql/PostMutations'
@@ -134,7 +134,7 @@ export default {
     DateTimeRange,
     HcRibbon,
     LocationTeaser,
-    RelativeDateTime,
+    DateTime,
     UserTeaser,
   },
   props: {