78 lines
3.0 KiB
Plaintext
78 lines
3.0 KiB
Plaintext
extends ./master.pug
|
|
|
|
block main
|
|
h2
|
|
a.float-right(href="/" style="font-size: 50%") ◀ All Countries
|
|
=data.name
|
|
|
|
+heroChart
|
|
|
|
div#table.table-responsive: table.table.table-sm.table-hover.table-bordered
|
|
thead: tr
|
|
th #
|
|
th(data-col="name"): +sortableLinks("name") State/Province
|
|
if data.name === 'United States'
|
|
th.text-center(data-col="population"): +sortableLinks("population") Population
|
|
th.text-center(data-col="total"): +sortableLinks("total") Deaths
|
|
if data.name === 'United States'
|
|
th.text-center(data-col="million"): +sortableLinks("million") …/1M
|
|
th.text-center.sorted(data-col="yesterday"): +sortableLinks("yesterday") …since yesterday
|
|
th.text-center(data-col="week"): +sortableLinks("week") …since last week
|
|
th.text-center(data-col="month"): +sortableLinks("month") …month-to-date
|
|
th.text-center(data-col="growth"): +sortableLinks("growth") …growth rate
|
|
th.text-center Last 14 days
|
|
-
|
|
data.states.sort((a, b) => {
|
|
const yesterdayA = a.timeSeriesDaily[a.timeSeriesDaily.length - 1].delta;
|
|
const yesterdayB = b.timeSeriesDaily[b.timeSeriesDaily.length - 1].delta;
|
|
if (yesterdayA === yesterdayB) {
|
|
return a.name && b.name ? a.name.localeCompare(b.name) : -1;
|
|
}
|
|
|
|
return yesterdayA < yesterdayB ? 1 : -1;
|
|
});
|
|
tbody: each item, i in data.states
|
|
- const yesterday = item.timeSeriesDaily[item.timeSeriesDaily.length - 1].delta || 0;
|
|
- const lastWeek = item.timeSeriesDaily[item.timeSeriesDaily.length - 1].value - item.timeSeriesDaily[item.timeSeriesDaily.length - 7].value;
|
|
- const lastMonth = item.timeSeriesMonthly[item.timeSeriesMonthly.length - 1].delta || 0;
|
|
tr(
|
|
id=("row-" + item.safeName)
|
|
data-name=item.name
|
|
data-population=item.population
|
|
data-total=item.total
|
|
data-million=item.deathsPerMillion
|
|
data-yesterday=yesterday
|
|
data-week=lastWeek
|
|
data-month=lastMonth
|
|
data-growth=item.deathGrowthRate
|
|
)
|
|
td.sort-order= i + 1
|
|
td
|
|
if item.name
|
|
if item.counties && item.counties.length
|
|
a(href=("/countries/" + item.countrySafeName + "-" + item.safeName + ".html"))= item.name
|
|
else
|
|
= item.name
|
|
else if item.state
|
|
= item.state
|
|
else if item.country === 'United States'
|
|
em.text-muted All #{item.country}
|
|
else
|
|
em.text-muted Other #{item.country}
|
|
if data.name === 'United States'
|
|
td.text-right: +formatNumber(item.population)
|
|
td.text-right: +formatNumber(item.total)
|
|
if data.name === 'United States'
|
|
td.text-right: +formatNumber(Math.round(item.deathsPerMillion))
|
|
td.text-right.sorted: +formatNumber(yesterday)
|
|
td.text-right: +formatNumber(lastWeek)
|
|
td.text-right: +formatNumber(lastMonth)
|
|
td.text-right= Number(item.deathGrowthRate * 100).toFixed(2) + '%'
|
|
td
|
|
canvas.mx-auto(id="sparkline-" + i width="200" height="50")
|
|
script.
|
|
makeSparkline(
|
|
"sparkline-#{i}",
|
|
#{JSON.stringify(item.timeSeriesDaily.slice(-14).map(x => x.value))},
|
|
);
|