85 lines
3.3 KiB
Haskell
85 lines
3.3 KiB
Haskell
|
module Web.View.HubRegistry.Index where
|
||
|
|
|
||
|
|
import Web.Types
|
||
|
|
import Web.Controller.HubRegistry (HubRegistryRow(..), GaafStatus(..), gaafStatus)
|
||
|
|
import Generated.Types
|
||
|
|
import IHP.Prelude
|
||
|
|
import IHP.ViewPrelude
|
||
|
|
import Data.Aeson (Value(..))
|
||
|
|
import qualified Data.Vector as V
|
||
|
|
|
||
|
|
data IndexView = IndexView
|
||
|
|
{ registryRows :: ![HubRegistryRow]
|
||
|
|
}
|
||
|
|
|
||
|
|
instance View IndexView where
|
||
|
|
html IndexView { .. } = [hsx|
|
||
|
|
<div class="flex items-center justify-between mb-6">
|
||
|
|
<div>
|
||
|
|
<h1 class="text-2xl font-semibold">Hub Registry</h1>
|
||
|
|
<p class="text-sm text-gray-500 mt-1">
|
||
|
|
All registered hubs with capability manifests and health status.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href={MarketplaceDashboardAction}
|
||
|
|
class="text-sm border border-indigo-300 text-indigo-700 px-3 py-1.5 rounded hover:bg-indigo-50">
|
||
|
|
Marketplace
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="space-y-3">
|
||
|
|
{forEach registryRows renderRow}
|
||
|
|
{if null registryRows
|
||
|
|
then [hsx|<p class="text-sm text-gray-400">No hubs registered yet.</p>|]
|
||
|
|
else mempty}
|
||
|
|
</div>
|
||
|
|
|]
|
||
|
|
|
||
|
|
renderRow :: HubRegistryRow -> Html
|
||
|
|
renderRow row@HubRegistryRow { hub, mManifest, mLatestSnapshot } =
|
||
|
|
let gs = gaafStatus mManifest
|
||
|
|
wCount = maybe 0 (jsonArrayLen . (.declaredWidgetTypes)) mManifest
|
||
|
|
eCount = maybe 0 (jsonArrayLen . (.declaredEventTypes)) mManifest
|
||
|
|
cCount = maybe 0 (jsonArrayLen . (.declaredAnnotationCategories)) mManifest
|
||
|
|
score = fmap (.healthScore) mLatestSnapshot
|
||
|
|
in [hsx|
|
||
|
|
<div class="bg-white rounded-lg border border-gray-200 p-4 hover:border-indigo-200">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-3">
|
||
|
|
<a href={ShowHubRegistryAction { hubId = hub.id }}
|
||
|
|
class="font-medium text-indigo-700 hover:underline">
|
||
|
|
{hub.name}
|
||
|
|
</a>
|
||
|
|
<span class="text-xs text-gray-400 font-mono">{hub.hubKind}</span>
|
||
|
|
{gaafBadge gs}
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-4 text-xs text-gray-500">
|
||
|
|
{maybe mempty healthScoreBadge score}
|
||
|
|
<span>{tshow wCount} widget types</span>
|
||
|
|
<span>{tshow eCount} event types</span>
|
||
|
|
<span>{tshow cCount} categories</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p class="text-xs text-gray-400 mt-1">{hub.domain}</p>
|
||
|
|
</div>
|
||
|
|
|]
|
||
|
|
|
||
|
|
gaafBadge :: GaafStatus -> Html
|
||
|
|
gaafBadge GaafCompliant =
|
||
|
|
[hsx|<span class="px-2 py-0.5 rounded text-xs bg-green-100 text-green-800">GAAF compliant</span>|]
|
||
|
|
gaafBadge GaafDraftOnly =
|
||
|
|
[hsx|<span class="px-2 py-0.5 rounded text-xs bg-amber-100 text-amber-800">draft manifest</span>|]
|
||
|
|
gaafBadge GaafNoManifest =
|
||
|
|
[hsx|<span class="px-2 py-0.5 rounded text-xs bg-red-100 text-red-700">no manifest</span>|]
|
||
|
|
|
||
|
|
healthScoreBadge :: Int -> Html
|
||
|
|
healthScoreBadge s =
|
||
|
|
let cls = if s >= 80 then "bg-green-100 text-green-800"
|
||
|
|
else if s >= 50 then "bg-amber-100 text-amber-800"
|
||
|
|
else "bg-red-100 text-red-700"
|
||
|
|
in [hsx|<span class={"px-2 py-0.5 rounded text-xs " <> cls}>health {tshow s}</span>|]
|
||
|
|
|
||
|
|
jsonArrayLen :: Value -> Int
|
||
|
|
jsonArrayLen (Array v) = V.length v
|
||
|
|
jsonArrayLen _ = 0
|