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-23 15:41:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

rename addToSelectedEmail to toggleEmailSelection

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-17 22:14:52 -07:00
parent d594a9fdd1
commit 67d539fd03
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/MailTable.vue
View File

@@ -6,9 +6,11 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="email in emails" :key="email.id" :class="[email.read ? 'read' : '']"> <tr v-for="email in emails" :key="email.id" :class="[email.read ? 'read' : '']">
<td><input type="checkbox" <td>
:checked="selectedEmailIds.has(email.id)" <input type="checkbox"
@click="addToSelectedEmails(email.id)" /></td> :checked="selectedEmailIds.has(email.id)"
@click="toggleEmailSelection(email.id)" />
</td>
<td>{{email.from}}</td> <td>{{email.from}}</td>
<td> <td>
<p><strong>{{email.subject}}</strong> - {{email.body}}</p> <p><strong>{{email.subject}}</strong> - {{email.body}}</p>
@@ -25,14 +27,14 @@
export default { export default {
setup(){ setup(){
let selectedEmailIds = ref(new Set(['1', '5'])) let selectedEmailIds = ref(new Set(['1', '5']))
let addToSelectedEmails = (id) => { let toggleEmailSelection = (id) => {
if(selectedEmailIds.value.has(id)) { if(selectedEmailIds.value.has(id)) {
selectedEmailIds.value.delete(id) selectedEmailIds.value.delete(id)
} else { } else {
selectedEmailIds.value.add(id); selectedEmailIds.value.add(id);
} }
} }
return {format, selectedEmailIds, addToSelectedEmails} return {format, selectedEmailIds, toggleEmailSelection}
}, },
props: { props: {
emails: { emails: {