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-20 06:15:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

MOve to Inbox button and keyboard shortcut

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-19 03:49:43 -07:00
parent e4378d9216
commit 9675e25bcc
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MailTable.vue
View File

@@ -47,10 +47,10 @@
}
}
function changeEmail(emails, {amount, archive, closeModal}){
function changeEmail(emails, {amount, toggleArchive, closeModal}){
let index = emails.findIndex(e => e == openedEmail.value);
if(archive) { emails[index].archived = true }
if(toggleArchive) { emails[index].archived = !emails[index].archived }
if(closeModal) { openedEmail.value = null; return null; }
openEmail(emails[index + amount])

12
src/components/MailView.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="email" v-if="email">
<div class="toolbar">
<button @click="archive">Archive</button>
<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>
@@ -21,9 +21,9 @@
setup({email}, {emit}) {
let goNewer = () => emit('changeEmail', {amount: -1})
let goOlder = () => emit('changeEmail', {amount: 1})
let goNewerAndArchive = () => emit('changeEmail', {amount: -1, archive: true})
let goOlderAndArchive = () => emit('changeEmail', {amount: 1, archive: true})
let archive = () => emit('changeEmail', {archive: true, closeModal: true})
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 }
useKeydown([
@@ -31,13 +31,13 @@
{key: 'j', fn: goOlder},
{key: '[', fn: goNewerAndArchive},
{key: ']', fn: goOlderAndArchive},
{key: 'e', fn: archive}
{key: 'e', fn: toggleArchive}
])
let emailMarkdown = marked(email.body);
return {
emailMarkdown,
archive,
toggleArchive,
goNewer,
goOlder,
toggleRead