Merge pull request #469 from gradido/fix-datetime-format

fix: Date Time Formats

frontend/src/i18n.js

@@ -48,9 +48,43 @@ const numberFormats = {
   },
 }
 
+const dateTimeFormats = {
+  en: {
+    short: {
+      year: 'numeric',
+      month: 'numeric',
+      day: 'numeric',
+    },
+    long: {
+      year: 'numeric',
+      month: 'short',
+      day: 'numeric',
+      weekday: 'short',
+      hour: 'numeric',
+      minute: 'numeric',
+    },
+  },
+  de: {
+    short: {
+      day: 'numeric',
+      month: 'numeric',
+      year: 'numeric',
+    },
+    long: {
+      day: 'numeric',
+      month: 'short',
+      year: 'numeric',
+      weekday: 'short',
+      hour: 'numeric',
+      minute: 'numeric',
+    },
+  },
+}
+
 export default new VueI18n({
   locale: 'en',
   fallbackLocale: 'en',
   messages: loadLocaleMessages(),
   numberFormats,
+  dateTimeFormats,
 })

frontend/src/views/Pages/AccountOverview/GddSend/TransactionConfirmation.vue

@@ -16,8 +16,7 @@
           <b-badge variant="primary" pill>{{ $t('form.message') }}</b-badge>
         </b-list-group-item>
         <b-list-group-item class="d-flex justify-content-between align-items-center">
-          {{ date }}
-          {{ $moment(date).format('DD.MM.YYYY - HH:mm:ss') }}
+          {{ $d($moment(date), 'long') }}
           <b-badge variant="primary" pill>{{ $t('form.date') }}</b-badge>
         </b-list-group-item>
       </b-list-group>

frontend/src/views/Pages/AccountOverview/GddTransactionList.vue

@@ -17,7 +17,7 @@
           <div class="font1_2em text-left pl-2" style="width: 65%">
             {{ item.name }}
             <small>{{ item.name ? '' : $t('decay') }}</small>
-            <div class="text-sm">{{ $moment(item.date).format('DD.MM.YYYY - HH:mm:ss') }}</div>
+            <div v-if="item.date" class="text-sm">{{ $d($moment(item.date), 'long') }}</div>
           </div>
           <div class="text-right" style="width: 5%">
             <b-button class="btn-sm">