100 lines
3.9 KiB
Haskell
100 lines
3.9 KiB
Haskell
|
module Web.View.DeploymentRecords.New where
|
||
|
|
|
||
|
|
import Web.Types
|
||
|
|
import Generated.Types
|
||
|
|
import IHP.Prelude
|
||
|
|
import IHP.ViewPrelude
|
||
|
|
|
||
|
|
data NewView = NewView
|
||
|
|
{ record :: !DeploymentRecord
|
||
|
|
, decisions :: ![DecisionRecord]
|
||
|
|
, implRefs :: ![ImplementationChangeReference]
|
||
|
|
, users :: ![User]
|
||
|
|
, mDecisionId :: !(Maybe (Id DecisionRecord))
|
||
|
|
}
|
||
|
|
|
||
|
|
instance View NewView where
|
||
|
|
html NewView { .. } = [hsx|
|
||
|
|
<div class="mb-6 flex items-center gap-2 text-sm text-gray-500">
|
||
|
|
<a href={DeploymentRecordsAction} class="hover:text-gray-700">Deployments</a>
|
||
|
|
<span>/</span>
|
||
|
|
<span>New</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="max-w-xl">
|
||
|
|
<h1 class="text-2xl font-semibold mb-6">Record Deployment</h1>
|
||
|
|
|
||
|
|
<form method="POST" action={CreateDeploymentRecordAction}
|
||
|
|
class="bg-white rounded-lg border border-gray-200 px-6 py-5 space-y-4">
|
||
|
|
{hiddenField "authenticity_token"}
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">
|
||
|
|
Decision <span class="text-red-500">*</span>
|
||
|
|
</label>
|
||
|
|
<select name="decisionId"
|
||
|
|
class="w-full text-sm border border-gray-300 rounded px-3 py-2">
|
||
|
|
{forEach decisions (renderDecisionOption mDecisionId)}
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">
|
||
|
|
Implementation Reference <span class="text-gray-400">(optional)</span>
|
||
|
|
</label>
|
||
|
|
<select name="implRefId"
|
||
|
|
class="w-full text-sm border border-gray-300 rounded px-3 py-2">
|
||
|
|
<option value="">— none —</option>
|
||
|
|
{forEach implRefs renderImplRefOption}
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">
|
||
|
|
Version Reference <span class="text-red-500">*</span>
|
||
|
|
</label>
|
||
|
|
<input type="text" name="versionRef"
|
||
|
|
value={record.versionRef}
|
||
|
|
placeholder="e.g. v1.2.3, git:abc1234, deploy/2026-03-29"
|
||
|
|
class="w-full text-sm border border-gray-300 rounded px-3 py-2" />
|
||
|
|
{validationErrorsFor record #versionRef}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<label class="block text-sm font-medium text-gray-700 mb-1">
|
||
|
|
Notes <span class="text-gray-400">(optional)</span>
|
||
|
|
</label>
|
||
|
|
<textarea name="notes" rows="3"
|
||
|
|
class="w-full text-sm border border-gray-300 rounded px-3 py-2">{fromMaybe "" record.notes}</textarea>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex gap-3 pt-2">
|
||
|
|
<button type="submit"
|
||
|
|
class="text-sm bg-indigo-600 text-white px-4 py-2 rounded hover:bg-indigo-700">
|
||
|
|
Record Deployment
|
||
|
|
</button>
|
||
|
|
<a href={DeploymentRecordsAction}
|
||
|
|
class="text-sm border border-gray-300 px-4 py-2 rounded hover:bg-gray-50">
|
||
|
|
Cancel
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|]
|
||
|
|
|
||
|
|
renderDecisionOption :: Maybe (Id DecisionRecord) -> DecisionRecord -> Html
|
||
|
|
renderDecisionOption mSelected d = [hsx|
|
||
|
|
<option value={show d.id} selected={isSelected}>
|
||
|
|
{d.title} ({d.outcome})
|
||
|
|
</option>
|
||
|
|
|]
|
||
|
|
where
|
||
|
|
isSelected = case mSelected of
|
||
|
|
Just sid -> sid == d.id
|
||
|
|
Nothing -> False
|
||
|
|
|
||
|
|
renderImplRefOption :: ImplementationChangeReference -> Html
|
||
|
|
renderImplRefOption ref = [hsx|
|
||
|
|
<option value={show ref.id}>{ref.workItemRef} ({ref.system})</option>
|
||
|
|
|]
|