Fix: add display count placeholder

This commit is contained in:
Luc Mcgrady 2025-11-04 21:28:28 +00:00
parent 71bdb006e4
commit 1b3c918a97
No known key found for this signature in database
GPG key ID: 4F3D7A0B17CC3D9C
2 changed files with 16 additions and 11 deletions

View file

@ -14,21 +14,23 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</script> </script>
<span> <span>
<RemainingNumber cls="new-count" underlined={underlined === QueuedCards_Queue.NEW}> <RemainingNumber
{queue?.newCount} cls="new-count"
</RemainingNumber> + underlined={underlined === QueuedCards_Queue.NEW}
count={queue?.newCount}
></RemainingNumber>
{"+"}
<RemainingNumber <RemainingNumber
cls="learn-count" cls="learn-count"
underlined={underlined === QueuedCards_Queue.LEARNING} underlined={underlined === QueuedCards_Queue.LEARNING}
> count={queue?.learningCount}
{queue?.learningCount} ></RemainingNumber>
</RemainingNumber> + {"+"}
<RemainingNumber <RemainingNumber
cls="review-count" cls="review-count"
underlined={underlined === QueuedCards_Queue.REVIEW} underlined={underlined === QueuedCards_Queue.REVIEW}
> count={queue?.reviewCount}
{queue?.reviewCount} ></RemainingNumber>
</RemainingNumber>
</span> </span>
<style> <style>

View file

@ -5,12 +5,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<script lang="ts"> <script lang="ts">
export let underlined: boolean; export let underlined: boolean;
export let cls: string; export let cls: string;
export let count: number | undefined;
$: displayCount = count?.toFixed(0) ?? "?";
</script> </script>
<span class={cls}> <span class={cls}>
{#if underlined} {#if underlined}
<u><slot /></u> <u>{displayCount}</u>
{:else} {:else}
<slot /> {displayCount}
{/if} {/if}
</span> </span>