mirror of
https://github.com/ankitects/anki.git
synced 2025-09-18 14:02:21 -04:00
79b6f658c3
* Added: Leech suspend to simulator * Added: leech threshold spin box * Update git rev * Added: Save to preset options * ./check * Added: "Advanced settings" dropdown * Removed: Indent * Added: Easy days * Added: Sticky header * Removed: Easy Day updating without saving * un-nest disclosure * bump fsrs * Update a VSCode setting to match recent releases * Move Easy Days above the Advanced settings I think it's a bit more logical to have Advanced come last. * Ensure graph fits inside screen height * Bump fsrs version
91 lines
2.4 KiB
Svelte
91 lines
2.4 KiB
Svelte
<!--
|
|
Copyright: Ankitects Pty Ltd and contributors
|
|
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
-->
|
|
<script>
|
|
import * as tr from "@generated/ftl";
|
|
import Item from "$lib/components/Item.svelte";
|
|
|
|
const easyDays = [
|
|
tr.deckConfigEasyDaysMonday(),
|
|
tr.deckConfigEasyDaysTuesday(),
|
|
tr.deckConfigEasyDaysWednesday(),
|
|
tr.deckConfigEasyDaysThursday(),
|
|
tr.deckConfigEasyDaysFriday(),
|
|
tr.deckConfigEasyDaysSaturday(),
|
|
tr.deckConfigEasyDaysSunday(),
|
|
];
|
|
|
|
export let values = [0, 0, 0, 0, 0, 0, 0];
|
|
</script>
|
|
|
|
<Item>
|
|
<div class="easy-days-settings">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th class="header min-col">
|
|
<span>{tr.deckConfigEasyDaysMinimum()}</span>
|
|
</th>
|
|
<th class="header text-center">
|
|
<span>{tr.deckConfigEasyDaysReduced()}</span>
|
|
</th>
|
|
<th class="header normal-col">
|
|
<span>{tr.deckConfigEasyDaysNormal()}</span>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{#each easyDays as day, index}
|
|
<tr>
|
|
<td class="day">{day}</td>
|
|
<td colspan="3">
|
|
<input
|
|
type="range"
|
|
bind:value={values[index]}
|
|
step={0.5}
|
|
max={1.0}
|
|
min={0.0}
|
|
list="easy_day_steplist"
|
|
/>
|
|
</td>
|
|
</tr>
|
|
{/each}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</Item>
|
|
|
|
<style>
|
|
.easy-days-settings table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
table-layout: fixed;
|
|
}
|
|
.easy-days-settings th,
|
|
.easy-days-settings td {
|
|
padding: 8px;
|
|
border-bottom: var(--border) solid 1px;
|
|
}
|
|
.header {
|
|
word-wrap: break-word;
|
|
font-size: smaller;
|
|
}
|
|
.easy-days-settings input[type="range"] {
|
|
width: 100%;
|
|
}
|
|
|
|
.day {
|
|
word-wrap: break-word;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.min-col {
|
|
text-align: start;
|
|
}
|
|
|
|
.normal-col {
|
|
text-align: end;
|
|
}
|
|
</style>
|