totole/build-gmail-clone-with-vue-3
1
0
Fork 0
mirror of https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git synced 2026-01-22 15:15:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Save email when toggling read/unread and inbox/archived

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-29 00:55:00 -07:00
parent 3842b5a7f5
commit 169c397855
3 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MailView.vue
View File

@@ -4,7 +4,7 @@
<button @click="toggleArchive">{{email.archived ? 'Move to Inbox' : 'Archive'}}</button>
<button @click="goNewer">Newer</button>
<button @click="goOlder">Older</button>
<button @click="toggleRead(email)">Mark {{email.read ? 'Unread' : 'Read'}}</button>
<button @click="toggleRead()">Mark {{email.read ? 'Unread' : 'Read'}}</button>
</div>
<h2 class="mb-0">Subject: <strong>{{email.subject}}</strong></h2>
@@ -25,7 +25,7 @@
let goNewerAndArchive = () => emit('changeEmail', {amount: -1, toggleArchive: true})
let goOlderAndArchive = () => emit('changeEmail', {amount: 1, toggleArchive: true})
let toggleArchive = () => emit('changeEmail', {toggleArchive: true, closeModal: true})
let toggleRead = (email) => { email.read = !email.read }
let toggleRead = () => { emit('changeEmail', {toggleRead: true}) }
useKeydown([
{key: 'k', fn: goNewer},