Add select all button to the selection bar

This commit is contained in:
Alex Ling 2020-08-02 09:28:31 +00:00
parent 1719335d02
commit 8dc60ac2ea
2 changed files with 15 additions and 2 deletions

View File

@ -191,6 +191,18 @@ const deselectAll = () => {
$('#select-bar')[0].__x.$data['count'] = 0;
};
const selectAll = () => {
let count = 0;
$('.item .uk-card').each((i, e) => {
const data = e.__x.$data;
if (!data['disabled']) {
data['selected'] = true;
count++;
}
});
$('#select-bar')[0].__x.$data['count'] = count;
};
const selectedIDs = () => {
const ary = [];
$('.item .uk-card').each((i, e) => {

View File

@ -12,8 +12,9 @@
<i class="fas fa-times-circle"></i>
</a>
</div>
<div>
<a uk-icon="icon:close;" class="uk-align-right" @click="deselectAll();"></a>
<div class="uk-text-right">
<a @click="selectAll()" uk-tooltip="title: Select all"><i class="fas fa-check-double uk-margin-small-right"></i></a>
<a @click="deselectAll();" uk-tooltip="title: Deselect all"><i class="fas fa-times"></i></a>
</div>
</div>
</div>