feat: add progress bar to filter page
This commit is contained in:
parent
79d244fe2a
commit
657e08faec
@ -27,6 +27,12 @@
|
||||
<%= link_to "word list", words_path, class: "link-muted" %>
|
||||
</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" data-flashcard-target="card"
|
||||
data-action="touchstart->flashcard#touchstart touchend->flashcard#touchend click->flashcard#flip">
|
||||
@ -65,9 +71,9 @@
|
||||
</div>
|
||||
|
||||
<div class="key-hint">
|
||||
<kbd>←</kbd> Learning
|
||||
<kbd>←</kbd> Learning
|
||||
<kbd>Space</kbd> Flip
|
||||
<kbd>→</kbd> Known
|
||||
<kbd>→</kbd> Known
|
||||
<kbd>S</kbd> Skip
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user