feat: change utils.formatDate and utils.formatTimestamp (#3583)

lnbits/templates/components/lnbits-wallet-paylinks.vue

@@ -70,7 +70,7 @@
               <span v-text="$t('delete')"></span>
             </q-tooltip>
           </q-btn>
-          <span v-text="dateFromNow(paylink.last_used)"></span>
+          <span v-text="utils.formatTimestampFrom(paylink.last_used)"></span>
         </div>
       </q-card-section>
     </q-card>

lnbits/templates/pages/audit.vue

@@ -128,11 +128,12 @@
                     ></q-tooltip>
                   </q-btn>
 
-                  <span v-text="formatDate(props.row.created_at)"></span>
+                  <span v-text="utils.formatDate(props.row.created_at)"></span>
                   <q-tooltip v-if="props.row.delete_at">
                     <span
                       v-text="
-                        'Will be deleted at: ' + formatDate(props.row.delete_at)
+                        'Will be deleted at: ' +
+                        utils.formatDate(props.row.delete_at)
                       "
                     ></span>
                   </q-tooltip>

lnbits/templates/pages/node.vue

@@ -785,7 +785,16 @@
                           </template>
                           <template v-slot:body-cell-date="props">
                             <q-td auto-width key="date" :props="props">
-                              <lnbits-date :ts="props.row.time"></lnbits-date>
+                              <q-tooltip
+                                ><span
+                                  v-text="utils.formatTimestamp(props.row.time)"
+                                ></span
+                              ></q-tooltip>
+                              <span
+                                v-text="
+                                  utils.formatTimestampFrom(props.row.time)
+                                "
+                              ></span>
                             </q-td>
                           </template>
                           <template v-slot:body-cell-destination="props">
@@ -874,19 +883,39 @@
 
                           <template v-slot:body-cell-paid_at="props">
                             <q-td auto-width :props="props">
-                              <lnbits-date
-                                v-if="props.row.paid_at"
-                                :ts="props.row.paid_at"
-                              ></lnbits-date>
+                              <div v-if="props.row.paid_at">
+                                <q-tooltip
+                                  ><span
+                                    v-text="
+                                      utils.formatTimestamp(props.row.paid_at)
+                                    "
+                                  ></span
+                                ></q-tooltip>
+                                <span
+                                  v-text="
+                                    utils.formatTimestampFrom(props.row.paid_at)
+                                  "
+                                ></span>
+                              </div>
                             </q-td>
                           </template>
 
                           <template v-slot:body-cell-expiry="props">
                             <q-td auto-width :props="props">
-                              <lnbits-date
-                                v-if="props.row.expiry"
-                                :ts="props.row.expiry"
-                              ></lnbits-date>
+                              <div v-if="props.row.expiry">
+                                <q-tooltip
+                                  ><span
+                                    v-text="
+                                      utils.formatTimestamp(props.row.expiry)
+                                    "
+                                  ></span
+                                ></q-tooltip>
+                                <span
+                                  v-text="
+                                    utils.formatTimestampFrom(props.row.expiry)
+                                  "
+                                ></span>
+                              </div>
                             </q-td>
                           </template>
                         </q-table>

lnbits/templates/pages/payments.vue

@@ -336,7 +336,9 @@
                   <div v-else-if="col.name == 'created_at'">
                     <div>
                       <q-tooltip anchor="top middle">
-                        <span v-text="formatDate(props.row.created_at)"></span>
+                        <span
+                          v-text="utils.formatDate(props.row.created_at)"
+                        ></span>
                       </q-tooltip>
                       <span v-text="props.row.timeFrom"> </span>
                     </div>

lnbits/templates/pages/users.vue

@@ -677,7 +677,7 @@
 
                 <q-td v-text="props.row.transaction_count"></q-td>
 
-                <q-td v-text="formatDate(props.row.last_payment)"></q-td>
+                <q-td v-text="utils.formatDate(props.row.last_payment)"></q-td>
               </q-tr>
             </template>
           </q-table>