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

Lesson 14, pt. 2 - Disabled Buttons

Browse Source
This commit is contained in:
Jeffrey Biles
2020-08-18 21:19:29 -07:00
parent 7c97ea48e5
commit 040234fedc
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/BulkActionBar.vue
View File

@@ -7,9 +7,18 @@
@click="bulkSelect" /> @click="bulkSelect" />
</span> </span>
<span class="buttons"> <span class="buttons">
<button @click="emailSelection.markRead">Mark Read</button> <button @click="emailSelection.markRead"
<button @click="emailSelection.markUnread">Mark Unread</button> :disabled="[...emailSelection.emails].every(e => e.read)">
<button @click="emailSelection.archive">Archive</button> Mark Read
</button>
<button @click="emailSelection.markUnread"
:disabled="[...emailSelection.emails].every(e => !e.read)">
Mark Unread
</button>
<button @click="emailSelection.archive"
:disabled="numberSelected === 0">
Archive
</button>
</span> </span>
</div> </div>
</template> </template>
@@ -37,7 +46,8 @@
allEmailsSelected, allEmailsSelected,
someEmailsSelected, someEmailsSelected,
bulkSelect, bulkSelect,
emailSelection emailSelection,
numberSelected
} }
}, },
props: { props: {