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; $('#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 selectedIDs = () => {
const ary = []; const ary = [];
$('.item .uk-card').each((i, e) => { $('.item .uk-card').each((i, e) => {

View File

@ -12,8 +12,9 @@
<i class="fas fa-times-circle"></i> <i class="fas fa-times-circle"></i>
</a> </a>
</div> </div>
<div> <div class="uk-text-right">
<a uk-icon="icon:close;" class="uk-align-right" @click="deselectAll();"></a> <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> </div>
</div> </div>