feat: add progress bar to filter page
Some checks failed
CI / Lint & Test (push) Has been cancelled
Deploy Status Page / Build & Deploy (push) Has been cancelled

This commit is contained in:
viktorvsk 2026-04-23 04:56:03 +00:00
parent 79d244fe2a
commit 657e08faec

View File

@ -27,6 +27,12 @@
<%= link_to "word list", words_path, class: "link-muted" %> <%= link_to "word list", words_path, class: "link-muted" %>
</div> </div>
<% if @total > 0 %>
<div class="progress-bar-wrap">
<div class="progress-bar-fill" style="width: <%= ((@total - @remaining).to_f / @total * 100).round %>%"></div>
</div>
<% end %>
<div class="flashcard-wrap" data-controller="flashcard"> <div class="flashcard-wrap" data-controller="flashcard">
<div class="flashcard" data-flashcard-target="card" <div class="flashcard" data-flashcard-target="card"
data-action="touchstart->flashcard#touchstart touchend->flashcard#touchend click->flashcard#flip"> data-action="touchstart->flashcard#touchstart touchend->flashcard#touchend click->flashcard#flip">
@ -65,9 +71,9 @@
</div> </div>
<div class="key-hint"> <div class="key-hint">
<kbd></kbd> Learning &nbsp;&nbsp; <kbd>&larr;</kbd> Learning &nbsp;&nbsp;
<kbd>Space</kbd> Flip &nbsp;&nbsp; <kbd>Space</kbd> Flip &nbsp;&nbsp;
<kbd></kbd> Known &nbsp;&nbsp; <kbd>&rarr;</kbd> Known &nbsp;&nbsp;
<kbd>S</kbd> Skip <kbd>S</kbd> Skip
</div> </div>
</div> </div>