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-15 20:34:47 +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" />
</span>
<span class="buttons">
<button @click="emailSelection.markRead">Mark Read</button>
<button @click="emailSelection.markUnread">Mark Unread</button>
<button @click="emailSelection.archive">Archive</button>
<button @click="emailSelection.markRead"
:disabled="[...emailSelection.emails].every(e => e.read)">
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>
</div>
</template>
@@ -37,7 +46,8 @@
allEmailsSelected,
someEmailsSelected,
bulkSelect,
emailSelection
emailSelection,
numberSelected
}
},
props: {