Parat til dokumentation
<div class="modal show" tabindex="-1" id="" aria-labelledby="modalLabel" style="display: block;">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalLabel">Slet alle ændringer</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="callout callout--warning ">
<div class="row align-items-center">
<div class="col">
<div class="callout__content">
Alle ændringer, du har lavet i dette Ret eller tilføj - skærmbillede slettes, hvis du klikker Slet ændringer og gå til ejendomsvisning
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer justify-content-between">
<div class="col-auto">
<button type="button" class="btn btn-outline-primary align-self-start" data-bs-dismiss="modal">Luk og gå tilbage til Ret eller tilføj</button>
</div>
<div class="col-sm-6">
<button type="button" class="btn btn-danger btn-block">Slet ændringer og gå til ejendomsvisning</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal {{#if isNotShown}}fade{{else}}show{{/if}}" tabindex="-1" id="{{id}}" aria-labelledby="modalLabel"
{{#if isNotShown}}aria-hidden="true" {{else}}style="display: block;" {{/if}}>
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
{{#if resetOrContinue}}
<h5 class="modal-title" id="modalLabel">
{{{title}}}
<div class="modal-subtitle">{{{subtitle}}}</div>
</h5>
{{else}}
<h5 class="modal-title" id="modalLabel">{{{title}}}</h5>
{{/if}}
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
{{#if content}}
{{{content}}}
{{/if}}
{{#each warnings}}
{{> @callout calloutType="warning"}}
{{/each}}
{{#if resetOrContinue}}
<div class="row">
<div class="col text-center">
<h5 class="fw-bold">Hvordan vil du fortsætte din indberetning?</h5>
</div>
</div>
<div class="row mt-4">
<div class="col text-center">
<a href="#" class="btn btn-outline-danger btn-block mb-2">Start forfra</a>
<p><small>Du hentede BBR-Data d. 16.10.2020. Hvid du starter forfra, bliver der hentet
opdaterede
BBR-oplysninger og <strong class="text-danger">din kladde slettes.</strong></small>
</p>
</div>
<div class="col text-center">
<a href="#" class="btn btn-outline-primary btn-block mb-2">Fortsæt med kladde</a>
<p><small>Kladde er gemt d. 16.10.2020 og indeholder <strong>13 ændringer, som ikke er
indsendt.</strong></small></p>
</div>
</div>
{{/if}}
{{#if applicationType}}
<div class="application-types">
<div class="application-types__filter">
<input type="text" class="form-control" id="applicationTypesFilter"
placeholder="Søg i anvendelsestyper…" onkeyup="applicationTypesFilter()">
</div>
<form>
<ul class="application-types__list" id="applicationTypesList">
{{#each applicationTypes}}
<li class="application-types__list-header">
<label>
{{title}}
</label>
</li>
{{#each lovs}}
<li class="application-types__list-item">
<div class="form-check">
<input class="form-check-input" type="radio" name="applicationTypeRadio"
id="applicationTypeRadio{{val}}">
<label class="form-check-label" for="applicationTypeRadio{{val}}">
{{text}}
</label>
</div>
</li>
{{/each}}
{{/each}}
</ul>
</form>
</div>
{{/if}}
</div>
{{#unless resetOrContinue}}
<div class="modal-footer justify-content-between">
<div class="col-auto">
{{#if secondaryAction}}
<button type="button" class="btn btn-outline-primary align-self-start"
data-bs-dismiss="modal">{{secondaryAction}}</button>
{{/if}}
</div>
<div class="col-sm-6">
<button type="button" class="btn btn-{{#if isDestructive}}danger{{else}}primary{{/if}} btn-block"
{{#unless secondaryAction}}data-bs-dismiss="modal" {{/unless}}>{{primaryAction}}</button>
</div>
</div>
{{/unless}}
</div>
</div>
</div>
{
"title": "Slet alle ændringer",
"content": false,
"primaryAction": "Slet ændringer og gå til ejendomsvisning",
"secondaryAction": "Luk og gå tilbage til Ret eller tilføj",
"isDestructive": true,
"warnings": [
{
"content": "Alle ændringer, du har lavet i dette Ret eller tilføj - skærmbillede slettes, hvis du klikker Slet ændringer og gå til ejendomsvisning"
}
]
}