From d1fd5f68e7058eec0fcef9cdf47e3dad9d7c2ddd Mon Sep 17 00:00:00 2001
From: "Daniel J. Summers" <daniel.summers.2415@gmail.com>
Date: Mon, 18 Jun 2018 21:05:04 -0500
Subject: [PATCH] Added snooze icon to journal

#17
---
 src/app/src/components/Journal.vue             |  4 ----
 src/app/src/components/request/RequestCard.vue | 11 ++++++++++-
 src/app/src/main.js                            |  1 +
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/src/components/Journal.vue b/src/app/src/components/Journal.vue
index 97d2949..6ca64e0 100644
--- a/src/app/src/components/Journal.vue
+++ b/src/app/src/components/Journal.vue
@@ -25,7 +25,6 @@ article
 
 import Vue from 'vue'
 import { mapState } from 'vuex'
-import chunk from 'lodash/chunk'
 
 import EditRequest from './request/EditRequest'
 import FullRequest from './request/FullRequest'
@@ -53,9 +52,6 @@ export default {
     title () {
       return `${this.user.given_name}&rsquo;s Prayer Journal`
     },
-    journalCardRows () {
-      return chunk(this.journal, 3)
-    },
     toast () {
       return this.$parent.$refs.toast
     },
diff --git a/src/app/src/components/request/RequestCard.vue b/src/app/src/components/request/RequestCard.vue
index 76a98f7..f1b1584 100644
--- a/src/app/src/components/request/RequestCard.vue
+++ b/src/app/src/components/request/RequestCard.vue
@@ -1,11 +1,12 @@
 <template lang="pug">
-b-col(md='6' lg='4')
+b-col(v-if="!isSnoozed" md='6' lg='4')
   .mpj-request-card
     b-card-header.text-center.py-1.
       #[b-btn(@click='markPrayed()' variant='outline-primary' title='Pray' size='sm'): icon(name='check')]
       #[b-btn(@click.stop='showEdit()' variant='outline-secondary' title='Edit' size='sm'): icon(name='pencil')]
       #[b-btn(@click.stop='showNotes()' variant='outline-secondary' title='Add Notes' size='sm'): icon(name='file-text-o')]
       #[b-btn(@click.stop='showFull()' variant='outline-secondary' title='View Full Request' size='sm'): icon(name='search')]
+      #[b-btn(@click.stop='snooze()' variant='outline-secondary' title='Snooze Request' size='sm'): icon(name='clock-o')]
     b-card-body.p-0
       p.card-text.mpj-request-text.mb-1.px-3.pt-3
         | {{ request.text }}
@@ -27,6 +28,11 @@ export default {
     toast: { required: true },
     events: { required: true }
   },
+  computed: {
+    isSnoozed () {
+      return Date.now() < this.request.snoozedUntil
+    }
+  },
   methods: {
     async markPrayed () {
       await this.$store.dispatch(actions.UPDATE_REQUEST, {
@@ -45,6 +51,9 @@ export default {
     },
     showNotes () {
       this.events.$emit('notes', this.request)
+    },
+    snooze () {
+      // Nothing yet
     }
   }
 }
diff --git a/src/app/src/main.js b/src/app/src/main.js
index 9f41c9c..7ebab9d 100644
--- a/src/app/src/main.js
+++ b/src/app/src/main.js
@@ -12,6 +12,7 @@ import 'vue-toast/dist/vue-toast.min.css'
 
 // Only import the icons we need; the whole set is ~500K!
 import 'vue-awesome/icons/check'
+import 'vue-awesome/icons/clock-o'
 import 'vue-awesome/icons/file-text-o'
 import 'vue-awesome/icons/pencil'
 import 'vue-awesome/icons/plus'