feat: display gifts date (#5081)

monicahq · Apr 29, 2021 · a478fd8 · a478fd8
1 parent c0000fe
commit a478fd8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=2c20668056d05d81becf",
+    "/js/app.js": "/js/app.js?id=e4dd41d026dabae81573",
     "/js/stripe.js": "/js/stripe.js?id=20c59848535dab33ed9e",
     "/js/manifest.js": "/js/manifest.js?id=895f51a7a2cbcfaf0d03",
     "/css/app-rtl.css": "/css/app-rtl.css?id=e976d220373bd82dfe46",

diff --git a/resources/js/components/people/gifts/Gift.vue b/resources/js/components/people/gifts/Gift.vue
@@ -2,6 +2,9 @@
   .photo {
     height: 200px;
   }
+  .gift-date{
+    float: right;
+  }
 </style>
 
 <template>
@@ -13,6 +16,7 @@
         </a>
         <strong v-else>{{ gift.name }}</strong>
       </span>
+      <span v-if="gift.date" class="f7 gift-date">{{ formatDate(gift.date) }}</span>
 
       <span v-if="gift.recipient && gift.recipient.complete_name">
         <span class="black-50 mr1 ml1">
@@ -101,6 +105,16 @@ export default {
       this.$refs.modalPhoto.open();
     },
 
+    formatDate(dateAsString) {
+      const moment = require('moment-timezone');
+      moment.locale(this._i18n.locale);
+      moment.tz.setDefault('UTC');
+
+      var date = moment.tz(moment(dateAsString), this.$root.timezone);
+
+      return date.format('LL');
+    },
+
   }
 };
 </script>