digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
333 lines (199 loc) • 8.58 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 class="dm-list-multiquestion__item-summary">
<p class="govuk-body govuk-!-margin-bottom-1">Here is the first question</p>
<p class="govuk-body-s">
Text for 0 0
</p>
</div>
<div class="dm-list-multiquestion__item-summary">
<p class="govuk-body govuk-!-margin-bottom-1">Here is the second question</p>
<p class="govuk-body-s">
Text for 0 1
</p>
</div>
</div>
</details>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="govuk-button-group">
<a href="/suppliers/add-item/questions/listMultiquestion/0" role="button" draggable="false" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-edit" data-module="govuk-button">
Edit<span class="govuk-visually-hidden"> item 1</span>
</a>
<a href="/suppliers/remove-item/questions/listMultiquestion/0" role="button" draggable="false" class="govuk-button govuk-button--warning dm-list-multiquestion__item-remove" data-module="govuk-button">
Remove<span class="govuk-visually-hidden"> item 1</span>
</a>
</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 class="dm-list-multiquestion__item-summary">
<p class="govuk-body govuk-!-margin-bottom-1">Here is the first question</p>
<p class="govuk-body-s">
Text for 1 0
</p>
</div>
<div class="dm-list-multiquestion__item-summary">
<p class="govuk-body govuk-!-margin-bottom-1">Here is the second question</p>
<p class="govuk-body-s">
Text for 1 1
</p>
</div>
</div>
</details>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="govuk-button-group">
<a href="/suppliers/add-item/questions/listMultiquestion/1" role="button" draggable="false" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-edit" data-module="govuk-button">
Edit<span class="govuk-visually-hidden"> item 2</span>
</a>
<a href="/suppliers/remove-item/questions/listMultiquestion/1" role="button" draggable="false" class="govuk-button govuk-button--warning dm-list-multiquestion__item-remove" data-module="govuk-button">
Remove<span class="govuk-visually-hidden"> item 2</span>
</a>
</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 class="dm-list-multiquestion__item-summary">
<p class="govuk-body govuk-!-margin-bottom-1">Here is the first question</p>
<p class="govuk-body-s">
Text for 2 0
</p>
</div>
<div class="dm-list-multiquestion__item-summary">
<p class="govuk-body govuk-!-margin-bottom-1">Here is the second question</p>
<p class="govuk-body-s">
Text for 2 1
</p>
</div>
</div>
</details>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-two-thirds">
<div class="govuk-button-group">
<a href="/suppliers/add-item/questions/listMultiquestion/2" role="button" draggable="false" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-edit" data-module="govuk-button">
Edit<span class="govuk-visually-hidden"> item 3</span>
</a>
<a href="/suppliers/remove-item/questions/listMultiquestion/2" role="button" draggable="false" class="govuk-button govuk-button--warning dm-list-multiquestion__item-remove" data-module="govuk-button">
Remove<span class="govuk-visually-hidden"> item 3</span>
</a>
</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="listMultiquestionText0-0"
>
<input type="hidden" id="input-listMultiquestionText0-0" name="listMultiquestionText0-0" value="Text for 0 0">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText1-0"
>
<input type="hidden" id="input-listMultiquestionText1-0" name="listMultiquestionText1-0" value="Text for 0 1">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText0-1"
>
<input type="hidden" id="input-listMultiquestionText0-1" name="listMultiquestionText0-1" value="Text for 1 0">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText1-1"
>
<input type="hidden" id="input-listMultiquestionText1-1" name="listMultiquestionText1-1" value="Text for 1 1">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText0-2"
>
<input type="hidden" id="input-listMultiquestionText0-2" name="listMultiquestionText0-2" value="Text for 2 0">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText1-2"
>
<input type="hidden" id="input-listMultiquestionText1-2" name="listMultiquestionText1-2" value="Text for 2 1">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText0-3"
>
<input type="hidden" id="input-listMultiquestionText0-3" name="listMultiquestionText0-3" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText1-3"
>
<input type="hidden" id="input-listMultiquestionText1-3" name="listMultiquestionText1-3" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText0-4"
>
<input type="hidden" id="input-listMultiquestionText0-4" name="listMultiquestionText0-4" value="">
</div>
<div
class="govuk-visually-hidden"
id="listMultiquestionText1-4"
>
<input type="hidden" id="input-listMultiquestionText1-4" name="listMultiquestionText1-4" value="">
</div>
</div>
</div>
<div class="govuk-grid-row">
<div class="govuk-grid-column-full">
<a href="/suppliers/add-item/questions/listMultiquestion/3" role="button" draggable="false" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-add" data-module="govuk-button">
Add (2 remaining)
</a>
</div>
</div>
</fieldset>
</div>