Expand backlog list and refresh quick table copy

This commit is contained in:
Codex
2026-03-07 07:48:45 +00:00
parent 858c940332
commit c7d2c0a58f
2 changed files with 51 additions and 31 deletions

View File

@@ -439,6 +439,30 @@ Whenever a new calculator is published via the REST API, it must be appended her
- [x] Zeptograms to yoctograms
### New Conversions Backlog (from brainstorm expansion)
#### Next 20 ready conversions (no additional input needed)
- [ ] Cubic Feet to Gallons (1 cubic foot = 7.48052 US gallons)
- [ ] Cubic Meters to Cubic Feet (1 m^3 = 35.3147 ft^3)
- [ ] Foot-candles to Lux (1 fc = 10.7639 lux)
- [ ] Foot-pounds (energy) to Joules (1 ft-lb ~ 1.35582 J)
- [ ] Foot-Pounds to Inch-Pounds (1 ft-lb = 12 in-lb)
- [ ] Fortnights to Days (1 fortnight = 14 days)
- [ ] Furlongs per fortnight to m/s (1 furlong/fortnight ~ 0.00001336 m/s)
- [ ] Furlongs to Meters (1 furlong = 201.168 m)
- [ ] Furlongs to Miles (1 furlong = 0.125 miles)
- [ ] Gallons per minute to CFS (1 gpm ~ 0.00222801 cubic feet per second)
- [ ] Gallons per minute to Liters per minute (1 gpm = 3.78541 L/min)
- [ ] Gallons to Barrel (US oil) (42 US gallons per barrel)
- [ ] Gallons to Cubic Feet (1 gal ~ 0.133681 ft^3)
- [ ] Gallons to Cubic Meters (1 gal ~ 0.00378541 m^3)
- [ ] Gallons to Cups (1 gal = 16 cups)
- [ ] Gallons to Fluid Ounces (1 gal = 128 fl oz)
- [ ] Gallons to Pints (1 gal = 8 pints)
- [ ] Gallons to Quarts (1 gal = 4 quarts)
- [ ] Gamma (mass) to Micrograms (1 gamma = 1 microgram)
- [ ] Gauss to Tesla (1 G = 1e-4 T)
#### Remaining backlog items
- [x] Abamperes to Amperes
- [x] Abvolts to Volts
- [x] Acre-feet to Liters
@@ -537,13 +561,11 @@ Whenever a new calculator is published via the REST API, it must be appended her
- [x] Coulombs to Ampere-hours
- [x] Counts per minute to Becquerel
- [x] Cubic feet to Board feet
- [ ] Cubic Feet to Gallons
- [x] Cubic Feet to Liters
- [x] Cubic Inches to Cubic Centimeters
- [x] Cubic inches to Liters
- [x] Cubic meters to Board feet
- [x] Cubic meters to Cord
- [ ] Cubic Meters to Cubic Feet
- [x] Cubic meters to Cubic yards
- [x] Cubic Meters to Gallons
- [x] Cubic yards to Cubic meters
@@ -606,24 +628,6 @@ Whenever a new calculator is published via the REST API, it must be appended her
- [x] Fluid Ounces to Tablespoons
- [x] Fluid Ounces to Teaspoons
- [ ] Focal length to Angle of view
- [ ] Foot-candles to Lux
- [ ] Foot-pounds (energy) to Joules
- [ ] Foot-Pounds to Inch-Pounds
- [ ] Fortnights to Days
- [ ] Furlongs per fortnight to m/s
- [ ] Furlongs to Meters
- [ ] Furlongs to Miles
- [ ] Gallons per minute to CFS
- [ ] Gallons per minute to Liters per minute
- [ ] Gallons to Barrel (US oil)
- [ ] Gallons to Cubic Feet
- [ ] Gallons to Cubic Meters
- [ ] Gallons to Cups
- [ ] Gallons to Fluid Ounces
- [ ] Gallons to Pints
- [ ] Gallons to Quarts
- [ ] Gamma (mass) to Micrograms
- [ ] Gauss to Tesla
- [ ] Gbps to Mbps
- [ ] Gibibytes to Gigabytes
- [ ] Gigabits to Megabits

View File

@@ -18,11 +18,15 @@
let rows: Row[] = [];
let supportsTable = false;
let inputLabel = 'source units';
let outputLabel = 'target units';
$: supportsTable = ['standard', 'inverse'].includes(config.type);
$: rows = supportsTable
? numericSamples.map(buildRow)
: [];
$: inputLabel = config.labels?.in1 ?? 'source units';
$: outputLabel = config.labels?.in2 ?? 'target units';
</script>
{#if supportsTable && rows.length}
@@ -36,9 +40,13 @@
<div class="chart-grid">
{#each rows as row}
<div class="chart-row">
<span class="chart-input">{row.input}</span>
<span class="chart-divider"></span>
<span class="chart-output">{row.output} {config.labels.in2}</span>
<p class="chart-problem">
If you convert {row.input} {inputLabel} into {outputLabel}, how many {outputLabel} will you record?
</p>
<p class="chart-answer">
<span class="chart-answer-value">{row.output}</span>
<span class="chart-answer-unit">{outputLabel}</span>
</p>
</div>
{/each}
</div>
@@ -69,25 +77,33 @@
.chart-grid {
display: flex;
flex-direction: column;
gap: 0.35rem;
gap: 0.75rem;
}
.chart-row {
display: flex;
align-items: baseline;
gap: 0.35rem;
font-size: 0.95rem;
line-height: 1.4;
}
.chart-input {
.chart-problem {
margin: 0;
font-weight: 600;
}
.chart-divider {
.chart-answer {
margin: 0.15rem 0 0;
font-size: 0.95rem;
font-weight: 500;
color: var(--text-muted);
}
.chart-output {
font-weight: 500;
.chart-answer-value {
margin-right: 0.25rem;
font-weight: 600;
color: var(--text);
}
.chart-answer-unit {
font-variant: petite-caps;
}
</style>