44 строки
1.2 KiB
Svelte
44 строки
1.2 KiB
Svelte
<script>
|
|
import { utcFormat } from 'd3-time-format';
|
|
export let cases
|
|
console.log(cases.map(d => d.Attribution_ID))
|
|
</script>
|
|
|
|
<div class="table-container">
|
|
<table class="table is-striped is-fullwidth">
|
|
<thead>
|
|
<tr>
|
|
<td>Title</td>
|
|
<td>Description</td>
|
|
<td>Attribution date</td>
|
|
<td>Source</td>
|
|
<td>Source category</td>
|
|
<td>Actor nation</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{#each cases as attrCase}
|
|
{#if attrCase.show}
|
|
<tr id={'case-' + attrCase.Attribution_ID}>
|
|
<td>{attrCase.Short_Title}</td>
|
|
<td>{attrCase.Short_Description}</td>
|
|
<td>{utcFormat('%B %d, %Y')(new Date(attrCase.Attribution_Date))}</td>
|
|
<td>{attrCase.source}</td>
|
|
<td>{attrCase.Source_Category}</td>
|
|
<td>{#each attrCase.actor_nation as nation, i}
|
|
{attrCase.actor_nation.length != (i + 1) ? nation + ', ' : nation}
|
|
{/each}</td>
|
|
</tr>
|
|
{/if}
|
|
{/each}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<style>
|
|
thead {
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
|