digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
285 lines (163 loc) • 6.73 kB
HTML
<div class="govuk-form-group">
<fieldset class="govuk-fieldset" id="input-listMultiquestion">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Enter as many items as needed
</legend>
<div class="dm-list-multiquestion__items">
<div class="dm-list-multiquestion__item">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<details class="govuk-details">
<summary class="govuk-details__summary">
<span class="govuk-details__summary-text">
I am question 1
</span>
</summary>
<div class="govuk-details__text">
</div>
</details>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="govuk-button-group">
<button value="listMultiquestion:0" type="submit" name="edit-list-multiquestion" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-edit" data-module="govuk-button">
Edit<span class="govuk-visually-hidden"> item 1</span>
</button>
<button value="listMultiquestion:0" type="submit" name="remove-list-multiquestion" class="govuk-button govuk-button--warning dm-list-multiquestion__item-remove" data-module="govuk-button">
Remove<span class="govuk-visually-hidden"> item 1</span>
</button>
</div>
</div>
</div>
</div>
<hr class="govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6"><div class="dm-list-multiquestion__item">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<details class="govuk-details">
<summary class="govuk-details__summary">
<span class="govuk-details__summary-text">
I am question 2
</span>
</summary>
<div class="govuk-details__text">
</div>
</details>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="govuk-button-group">
<button value="listMultiquestion:1" type="submit" name="edit-list-multiquestion" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-edit" data-module="govuk-button">
Edit<span class="govuk-visually-hidden"> item 2</span>
</button>
<button value="listMultiquestion:1" type="submit" name="remove-list-multiquestion" class="govuk-button govuk-button--warning dm-list-multiquestion__item-remove" data-module="govuk-button">
Remove<span class="govuk-visually-hidden"> item 2</span>
</button>
</div>
</div>
</div>
</div>
<hr class="govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6"><div class="dm-list-multiquestion__item">
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<details class="govuk-details">
<summary class="govuk-details__summary">
<span class="govuk-details__summary-text">
I am question 3
</span>
</summary>
<div class="govuk-details__text">
</div>
</details>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="govuk-button-group">
<button value="listMultiquestion:2" type="submit" name="edit-list-multiquestion" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-edit" data-module="govuk-button">
Edit<span class="govuk-visually-hidden"> item 3</span>
</button>
<button value="listMultiquestion:2" type="submit" name="remove-list-multiquestion" class="govuk-button govuk-button--warning dm-list-multiquestion__item-remove" data-module="govuk-button">
Remove<span class="govuk-visually-hidden"> item 3</span>
</button>
</div>
</div>
</div>
</div>
<hr class="govuk-section-break govuk-section-break--visible govuk-!-width-two-thirds govuk-!-margin-bottom-6">
<div
class="govuk-visually-hidden"
id="listMultiquestion"
>
<div
class="govuk-visually-hidden"
id="listMultiquestionText00"
>
<input type="hidden" id="input-listMultiquestionText00" name="listMultiquestionText00" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText01"
>
<input type="hidden" id="input-listMultiquestionText01" name="listMultiquestionText01" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText10"
>
<input type="hidden" id="input-listMultiquestionText10" name="listMultiquestionText10" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText11"
>
<input type="hidden" id="input-listMultiquestionText11" name="listMultiquestionText11" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText20"
>
<input type="hidden" id="input-listMultiquestionText20" name="listMultiquestionText20" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText21"
>
<input type="hidden" id="input-listMultiquestionText21" name="listMultiquestionText21" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText30"
>
<input type="hidden" id="input-listMultiquestionText30" name="listMultiquestionText30" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText31"
>
<input type="hidden" id="input-listMultiquestionText31" name="listMultiquestionText31" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText40"
>
<input type="hidden" id="input-listMultiquestionText40" name="listMultiquestionText40" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText41"
>
<input type="hidden" id="input-listMultiquestionText41" name="listMultiquestionText41" value="">
</div>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<button value="listMultiquestion:3" type="submit" name="add-list-multiquestion" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-add" data-module="govuk-button">
Add (2 remaining)
</button>
</div>
</div>
</fieldset>
</div>