Format dates in UI.

src/components/IncomingSignRequests.vue

@@ -59,10 +59,10 @@
 							<span v-if="request.signed">{{ request.filename }}</span>
 						</td>
 						<td>
-							{{ request.created }}
+							{{ formatDate(request.created) }}
 						</td>
 						<td>
-							{{ request.own_signed }}
+							{{ formatDate(request.own_signed) }}
 						</td>
 						<td>
 							<NcAvatar :user="request.user_id"
@@ -115,6 +115,7 @@
 </template>
 
 <script>
+import moment from '@nextcloud/moment'
 import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
@@ -197,6 +198,14 @@ export default {
 			elem.scrollIntoView()
 		},
 
+		formatDate(d) {
+			if (!d) {
+				return d
+			}
+
+			return moment(d).format('LLL')
+		},
+
 		async fetchRequests() {
 			this.loading = true
 			let response

src/components/OwnSignRequests.vue

@@ -58,10 +58,10 @@
 							{{ request.filename }}
 						</td>
 						<td>
-							{{ request.created }}
+							{{ formatDate(request.created) }}
 						</td>
 						<td>
-							{{ getLastSignature(request) }}
+							{{ formatDate(getLastSignature(request)) }}
 						</td>
 						<td>
 							<div v-for="recipient in request.recipients" :key="recipient.type + '-' + recipient.value">
@@ -103,6 +103,7 @@
 </template>
 
 <script>
+import moment from '@nextcloud/moment'
 import { showSuccess, showError } from '@nextcloud/dialogs'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -182,6 +183,14 @@ export default {
 			elem.scrollIntoView()
 		},
 
+		formatDate(d) {
+			if (!d) {
+				return d
+			}
+
+			return moment(d).format('LLL')
+		},
+
 		getLastSignature(request) {
 			if (request.signed) {
 				return request.signed