48 lines
2.4 KiB
Haskell
48 lines
2.4 KiB
Haskell
|
module Web.View.CollectiveProposals.Index where
|
||
|
|
|
||
|
|
import Web.View.Prelude
|
||
|
|
|
||
|
|
data IndexView = IndexView
|
||
|
|
{ proposals :: ![CollectiveProposal] }
|
||
|
|
|
||
|
|
instance View IndexView where
|
||
|
|
html IndexView { .. } = [hsx|
|
||
|
|
<div class="p-6">
|
||
|
|
<h1 class="text-2xl font-bold text-gray-900 mb-6">Collective Proposals</h1>
|
||
|
|
<div class="bg-white shadow rounded-lg overflow-hidden">
|
||
|
|
<table class="min-w-full divide-y divide-gray-200">
|
||
|
|
<thead class="bg-gray-50">
|
||
|
|
<tr>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Title</th>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Task Type</th>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Consensus</th>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Created</th>
|
||
|
|
<th class="px-6 py-3"></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="divide-y divide-gray-200">
|
||
|
|
{forEach proposals renderRow}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|]
|
||
|
|
where
|
||
|
|
renderRow p = [hsx|
|
||
|
|
<tr class="hover:bg-gray-50">
|
||
|
|
<td class="px-6 py-4 text-sm font-medium text-gray-900">{p.title}</td>
|
||
|
|
<td class="px-6 py-4 text-sm font-mono text-gray-500">{p.taskType}</td>
|
||
|
|
<td class="px-6 py-4">{consensusBadge p.consensusStatus}</td>
|
||
|
|
<td class="px-6 py-4 text-sm text-gray-500">{timeAgo p.createdAt}</td>
|
||
|
|
<td class="px-6 py-4 text-right">
|
||
|
|
<a href={ShowCollectiveProposalAction p.id}
|
||
|
|
class="text-sm text-blue-600 hover:text-blue-800">View</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|]
|
||
|
|
|
||
|
|
consensusBadge :: Text -> Html
|
||
|
|
consensusBadge "consensus" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-green-100 text-green-800">consensus</span>|]
|
||
|
|
consensusBadge "divergent" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-orange-100 text-orange-800">divergent</span>|]
|
||
|
|
consensusBadge _ = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-gray-100 text-gray-500">pending</span>|]
|