generated from coulomb/repo-seed
Bernd Worsch
32bb003f3b
CRUD for WidgetAdapterSpec (index, show, new/create, edit/update — status+notes only after creation). Widget new/edit forms expose optional adapter_spec_id select. Widget show page renders adapter badge with link to spec. Widgets controller fetches adapter spec for show action. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
73 lines
2.8 KiB
Haskell
73 lines
2.8 KiB
Haskell
module Web.View.WidgetAdapterSpecs.Edit where
|
|
|
|
import Web.Types
|
|
import Generated.Types
|
|
import IHP.Prelude
|
|
import IHP.ViewPrelude
|
|
|
|
data EditView = EditView
|
|
{ spec :: !WidgetAdapterSpec
|
|
, envelopes :: ![EnvelopeEmissionContract]
|
|
, reportings :: ![InteractionReportingContract]
|
|
}
|
|
|
|
instance View EditView where
|
|
html EditView { .. } = [hsx|
|
|
<div class="mb-4">
|
|
<a href={ShowWidgetAdapterSpecAction { widgetAdapterSpecId = spec.id }}
|
|
class="text-sm text-gray-500 hover:text-gray-800">
|
|
← {spec.name}
|
|
</a>
|
|
</div>
|
|
<h1 class="text-2xl font-semibold mb-2">Edit Adapter Spec</h1>
|
|
<p class="text-sm text-gray-500 mb-6">
|
|
Only <strong>status</strong> and <strong>notes</strong> can be changed once a spec is registered.
|
|
Name, framework, version, and linked contracts are immutable.
|
|
</p>
|
|
{renderForm spec}
|
|
|]
|
|
|
|
renderForm :: WidgetAdapterSpec -> Html
|
|
renderForm spec = formFor spec [hsx|
|
|
<div class="bg-white rounded-lg border border-gray-200 p-6 space-y-5 max-w-lg">
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-400 mb-1">Name (read-only)</label>
|
|
<div class="text-sm text-gray-600 font-mono bg-gray-50 rounded px-3 py-2">{spec.name}</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-400 mb-1">Framework (read-only)</label>
|
|
<div class="text-sm text-gray-600 bg-gray-50 rounded px-3 py-2">{spec.framework}</div>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-400 mb-1">Version (read-only)</label>
|
|
<div class="text-sm text-gray-600 font-mono bg-gray-50 rounded px-3 py-2">{spec.version}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">Status</label>
|
|
<select name="status" class="w-full border border-gray-200 rounded px-3 py-2 text-sm">
|
|
<option value="draft" selected={spec.status == "draft"}>draft</option>
|
|
<option value="active" selected={spec.status == "active"}>active</option>
|
|
<option value="deprecated" selected={spec.status == "deprecated"}>deprecated</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">Notes</label>
|
|
{textareaField #notes}
|
|
</div>
|
|
|
|
<div class="flex gap-3">
|
|
{submitButton}
|
|
<a href={ShowWidgetAdapterSpecAction { widgetAdapterSpecId = spec.id }}
|
|
class="text-sm text-gray-500 border border-gray-200 rounded px-4 py-2 hover:border-gray-400">
|
|
Cancel
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|]
|