Back to components

Court cases and release dates components

Court cases and release dates offence card

Count 1

OFFENCECODE An Offence Name
Terror-related

Committed on
27 06 2024 to 27 08 2024
Conviction date
12 09 2024
Outcome
Imprisonment Updated
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 0 weeks 0 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 govuk-!-padding-4 ">
            
                <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 <strong class="govuk-tag govuk-!-font-size-16 govuk-!-margin-left-1">
            Updated
          </strong>
        </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  0 weeks 0 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>
    
            
                <ul class="govuk-list govuk-!-margin-top-4" data-qa="offenceCardList">
                    
                        <li> <a href="/update-outcome">Update outcome</a></li>
                    
                </ul>
            
        </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',
                    outcomeUpdated: true,
                    countNumber: '1',
                    convictionDate: '12 09 2024',
                    terrorRelated: true,
                    isSentenced: true,
                    periodLengths: [
                        {
                            description: 'Sentence length',
                            years: '1',
                            months: '2',
                            weeks: '3',
                            days: '4',
                            periodOrder: ['years', 'months', 'weeks', 'days']
                        },
                        {
                            description: 'Licence period',
                            years: '5',
                            months: '6',
                            periodOrder: ['years', 'months']
                        }
                    ],
                    sentenceServeType: 'CONSECUTIVE',
                    consecutiveTo: '3',
                    sentenceType: 'SDS (Standard Determinate Sentence)',
                    fineAmount: '17000',
                    detailsClasses: 'govuk-!-padding-4',
                    actions: {
                        items: [
                        {
                            text: 'Edit',
                            href: '/edit'
                        },
                        {
                            text: 'Delete',
                            href: '/delete'
                        }
                        ]
                    },
                    listItems: {
                        classes: 'govuk-!-margin-top-4',
                        items: [
                            {
                                html: '<a href="/update-outcome">Update outcome</a>'
                            }
                        ]
                    }
                }) }}

Required Nunjucks filters

import { formatLengths } from '@ministryofjustice/hmpps-court-cases-release-dates-design/hmpps/utils/utils'
    
                njkEnv.addFilter('formatLengths', formatLengths)