digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
290 lines (202 loc) • 9.98 kB
HTML
<fieldset class="govuk-fieldset" data-module="dm-compliance-communication-attachments" data-max-number-of-attachments="3">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Add an attachment
</legend>
<div class="dm-compliance-communication-attachments--hint">
<p class="govuk-caption-m">You can add up to 3 attachments</p>
</div>
<div class="govuk-visually-hidden dm-compliance-communication__attachments-item-template">
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Attachment <span class="dm-compliance-communication__attachments-item-legend-counter">100</span>
</legend>
<input type="hidden" name="attachments-99-hidden_tag" value="hidden-tag">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="govuk-form-group">
<label class="govuk-label" for="input-attachments-99-file">
File
</label>
<div id="input-attachments-99-file-hint" class="govuk-hint">
The filename can only contain letters, numbers, spaces and/or underscores
</div>
<div
class="govuk-drop-zone"
data-module="govuk-file-upload">
<input class="govuk-file-upload dm-compliance-communication__attachments-item-file" id="input-attachments-99-file" name="attachments-99-file" type="file" aria-describedby="input-attachments-99-file-hint" tabindex="-1">
</div>
</div>
</div>
<div class="govuk-grid-column-one-half">
<button type="button" class="govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden" data-module="govuk-button" tabindex="-1">
Remove attachment <span class="dm-compliance-communication__attachments-item-remove-counter">100</span>
</button>
<div class="govuk-form-group">
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item-required">
<legend class="govuk-fieldset__legend ">
Attachment required
</legend>
<div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-attachments-99-required" name="attachments-99-required" type="checkbox" value="true" tabindex="-1">
<label class="govuk-label govuk-checkboxes__label" for="input-attachments-99-required">
Attachment required
</label>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</fieldset>
</div>
<div class="dm-compliance-communication__attachments-items">
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Attachment <span class="dm-compliance-communication__attachments-item-legend-counter">1</span>
</legend>
<input type="hidden" name="attachments-0-hidden_tag" value="hidden-tag">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="govuk-form-group govuk-form-group--error">
<label class="govuk-label" for="input-attachments-0-file">
File
</label>
<div id="input-attachments-0-file-hint" class="govuk-hint">
The filename can only contain letters, numbers, spaces and/or underscores
</div>
<p id="input-attachments-0-file-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> You must select a file for attachment 1
</p>
<div
class="govuk-drop-zone"
data-module="govuk-file-upload">
<input class="govuk-file-upload dm-compliance-communication__attachments-item-file govuk-file-upload--error" id="input-attachments-0-file" name="attachments-0-file" type="file" aria-describedby="input-attachments-0-file-hint input-attachments-0-file-error">
</div>
</div>
</div>
<div class="govuk-grid-column-one-half">
<button type="button" class="govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden" data-module="govuk-button" tabindex="-1">
Remove attachment <span class="dm-compliance-communication__attachments-item-remove-counter">1</span>
</button>
<div class="govuk-form-group">
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item-required" aria-describedby="input-attachments-0-required-hint">
<legend class="govuk-fieldset__legend ">
Attachment required
</legend>
<div id="input-attachments-0-required-hint" class="govuk-hint">
Check this to include this attachment
</div>
<div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-attachments-0-required" name="attachments-0-required" type="checkbox" value="true" checked>
<label class="govuk-label govuk-checkboxes__label" for="input-attachments-0-required">
Attachment required
</label>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</fieldset>
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Attachment <span class="dm-compliance-communication__attachments-item-legend-counter">2</span>
</legend>
<input type="hidden" name="attachments-1-hidden_tag" value="hidden-tag">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="govuk-form-group govuk-form-group--error">
<label class="govuk-label" for="input-attachments-1-file">
File
</label>
<div id="input-attachments-1-file-hint" class="govuk-hint">
The filename can only contain letters, numbers, spaces and/or underscores
</div>
<p id="input-attachments-1-file-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> You must select a file for attachment 2
</p>
<div
class="govuk-drop-zone"
data-module="govuk-file-upload">
<input class="govuk-file-upload dm-compliance-communication__attachments-item-file govuk-file-upload--error" id="input-attachments-1-file" name="attachments-1-file" type="file" aria-describedby="input-attachments-1-file-hint input-attachments-1-file-error">
</div>
</div>
</div>
<div class="govuk-grid-column-one-half">
<button type="button" class="govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden" data-module="govuk-button" tabindex="-1">
Remove attachment <span class="dm-compliance-communication__attachments-item-remove-counter">2</span>
</button>
<div class="govuk-form-group">
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item-required" aria-describedby="input-attachments-1-required-hint">
<legend class="govuk-fieldset__legend ">
Attachment required
</legend>
<div id="input-attachments-1-required-hint" class="govuk-hint">
Check this to include this attachment
</div>
<div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-attachments-1-required" name="attachments-1-required" type="checkbox" value="true" checked>
<label class="govuk-label govuk-checkboxes__label" for="input-attachments-1-required">
Attachment required
</label>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</fieldset>
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Attachment <span class="dm-compliance-communication__attachments-item-legend-counter">3</span>
</legend>
<input type="hidden" name="attachments-2-hidden_tag" value="hidden-tag">
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="govuk-form-group">
<label class="govuk-label" for="input-attachments-2-file">
File
</label>
<div id="input-attachments-2-file-hint" class="govuk-hint">
The filename can only contain letters, numbers, spaces and/or underscores
</div>
<div
class="govuk-drop-zone"
data-module="govuk-file-upload">
<input class="govuk-file-upload dm-compliance-communication__attachments-item-file" id="input-attachments-2-file" name="attachments-2-file" type="file" aria-describedby="input-attachments-2-file-hint">
</div>
</div>
</div>
<div class="govuk-grid-column-one-half">
<button type="button" class="govuk-button govuk-button--secondary dm-compliance-communication__attachments-item-remove govuk-visually-hidden" data-module="govuk-button" tabindex="-1">
Remove attachment <span class="dm-compliance-communication__attachments-item-remove-counter">3</span>
</button>
<div class="govuk-form-group">
<fieldset class="govuk-fieldset dm-compliance-communication__attachments-item-required" aria-describedby="input-attachments-2-required-hint">
<legend class="govuk-fieldset__legend ">
Attachment required
</legend>
<div id="input-attachments-2-required-hint" class="govuk-hint">
Check this to include this attachment
</div>
<div class="govuk-checkboxes" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-attachments-2-required" name="attachments-2-required" type="checkbox" value="true">
<label class="govuk-label govuk-checkboxes__label" for="input-attachments-2-required">
Attachment required
</label>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</fieldset>
</div>
<button type="button" class="govuk-button govuk-button--secondary dm-compliance-communication__attachments-add govuk-visually-hidden" data-module="govuk-button" tabindex="-1">
Add attachment (<span class="dm-compliance-communication__attachments__js-remaining-counter">0</span> remaining)
</button>
</fieldset>