Finish batch marking (#75)

This commit is contained in:
Alex Ling
2020-07-30 11:39:23 +00:00
parent e4fd7c58ee
commit 0cd46abc66
6 changed files with 110 additions and 6 deletions

View File

@@ -1,7 +1,21 @@
<div>
<div class="uk-card uk-card-body uk-card-default uk-margin-bottom" uk-sticky x-data="{count: 0}" @add.window="count++" @remove.window="count--" x-show="count > 0" style="border:orange;border-style:solid;" x-cloak>
<p class="uk-display-inline" x-text="count + ' items selected'" style="color:orange"></p>
<a uk-icon="icon:close;" class="uk-align-right" @click="deselectAll(); count = 0"></a>
<div id="select-bar" class="uk-card uk-card-body uk-card-default uk-margin-bottom" uk-sticky x-data="{count: 0}" @add.window="count++" @remove.window="count--" x-show="count > 0" style="border:orange;border-style:solid;" x-cloak data-id="<%= title.id %>">
<div class="uk-child-width-1-3" uk-grid>
<div>
<p x-text="count + ' items selected'" style="color:orange"></p>
</div>
<div class="uk-text-center" id="select-bar-controls">
<a class="uk-icon uk-margin-right" uk-tooltip="title: Mark selected as read" href="" @click.prevent="bulkProgress('read', $el)">
<i class="fas fa-check-circle"></i>
</a>
<a class="uk-icon" uk-tooltip="title: Mark selected as unread" href="" @click.prevent="bulkProgress('unread', $el)">
<i class="fas fa-times-circle"></i>
</a>
</div>
<div>
<a uk-icon="icon:close;" class="uk-align-right" @click="deselectAll();"></a>
</div>
</div>
</div>
<h2 class=uk-title><span><%= title.display_name %></span>
&nbsp;