Back to components
Court cases and release dates components
Court cases and release dates offence card
Count 1
OFFENCECODE An Offence Name
OFFENCECODE An Offence Name
Terror-related
- Committed on
- 27 06 2024 to 27 08 2024
- Conviction date
- 12 09 2024
- Outcome
- Imprisonment
- Sentence type
- SDS (Standard Determinate Sentence)
- Fine amount
- £17000
- Sentence length
- 1 years 2 months 3 weeks 4 days
- Licence period
- 5 years 6 months 7 weeks 8 days
- Consecutive or concurrent
- Consecutive to count 3
This component is the common offence code used in the court cases release dates services
Contents
<div class="offence-card sentence-card ">
<div class="offence-card-offence-details">
<span class="govuk-body">Count 1</span>
<h4 class="govuk-heading-s">
OFFENCECODE An Offence Name
<br>
<strong class="govuk-tag govuk-!-margin-top-2">
Terror-related
</strong>
</h4>
<dl class="govuk-summary-list govuk-summary-list--no-border"
data-qa="offenceSummaryList">
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Committed on
</dt>
<dd class="govuk-summary-list__value">
27 06 2024 to 27 08 2024
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Conviction date
</dt>
<dd class="govuk-summary-list__value">
12 09 2024
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Outcome
</dt>
<dd class="govuk-summary-list__value">
Imprisonment
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Sentence type
</dt>
<dd class="govuk-summary-list__value">
SDS (Standard Determinate Sentence)
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Fine amount
</dt>
<dd class="govuk-summary-list__value">
£17000
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Sentence length
</dt>
<dd class="govuk-summary-list__value">
1 years 2 months 3 weeks 4 days
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Licence period
</dt>
<dd class="govuk-summary-list__value">
5 years 6 months 7 weeks 8 days
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Consecutive or concurrent
</dt>
<dd class="govuk-summary-list__value">
Consecutive to count 3
</dd>
</div>
</dl>
</div>
<div class="offence-card-actions">
<ul class="offence-card-actions-list">
<li class="offence-card-action-link">
<a href="/edit" class="govuk-link">Edit</a></li>
<li class="offence-card-action-link">
<a href="/delete" class="govuk-link">Delete</a></li>
</ul>
</div>
</div>
{% from "hmpps/components/court-cases-release-dates/offence-card/macro.njk" import offenceCard %}
{{ offenceCard({
offenceCode: 'OFFENCECODE',
offenceName: 'An Offence Name',
offenceStartDate: '27 06 2024',
offenceEndDate: '27 08 2024',
outcome: 'Imprisonment',
countNumber: '1',
convictionDate: '12 09 2024',
terrorRelated: true,
isSentenced: true,
custodialSentenceLength: {
years: '1',
months: '2',
weeks: '3',
days: '4',
periodOrder: ['years', 'months', 'weeks', 'days']
},
licencePeriodLength: {
years: '5',
months: '6',
weeks: '7',
days: '8',
periodOrder: ['years', 'months', 'weeks', 'days']
},
sentenceServeType: 'CONSECUTIVE',
consecutiveTo: '3',
sentenceType: 'SDS (Standard Determinate Sentence)',
fineAmount: '17000',
actions: {
items: [
{
text: 'Edit',
href: '/edit'
},
{
text: 'Delete',
href: '/delete'
}
]
}
})
}}
Required Nunjucks filters
import { formatLengths } from 'hmpps-court-cases-release-dates-design/hmpps/utils/utils'
njkEnv.addFilter('formatLengths', formatLengths)