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-18 13:35:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modal can close + opening modal marks email as read

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-18 12:55:31 -07:00
parent 270747cd98
commit 050bcfc977
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/MailTable.vue
View File

@@ -4,7 +4,7 @@
<tr v-for="email in emails"
:key="email.id"
:class="[email.read ? 'read' : '']"
@click="openedEmail = email"
@click="openEmail(email)"
class="clickable">
<td>
<input type="checkbox"
@@ -20,7 +20,7 @@
</tbody>
</table>
<MailViewModal :email="openedEmail" />
<MailViewModal :email="openedEmail" :closeModal="() => {openedEmail = null;}"/>
</template>
<script>
@@ -34,7 +34,12 @@
let {emailSelection} = useEmailSelection();
let openedEmail = ref();
return {format, emailSelection, openedEmail}
let openEmail = function(email) {
openedEmail.value = email;
openedEmail.value.read = true;
}
return {format, emailSelection, openedEmail, openEmail}
},
props: {
emails: {