altinn-designsystem/dist/patterns/03-maler-portal-99-modal-js-03-page-two/03-maler-portal-99-modal-js-03-page-two.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 03-maler-portal-99-modal-js-03-page-two -->
<div class="modal-content">
  <div class="modal-header a-modal-header">
    <div class="a-iconText a-iconText-background a-iconText-large">
      <div class="a-iconText-icon">
        <i class="ai ai-sign a-icon" aria-hidden="true"></i>
      </div>
      <h1 class="a-iconText-text mb-0">
        <span class="a-iconText-text-small"></span>
        <span class="a-iconText-text-large">Tittel på andre side i modalen</span>
      </h1>
    </div>
  </div>
  <div class="modal-body a-modal-body">
    <h2 class="a-h4">Endringer på innholdet i modalen</h2>
    <p>Dersom du har gjort endringer på innholdet inni modalen, og deretter forsøker å lukke modalen skal du få en advarsel om at endringene ikke vil bli lagret. Dersom du ikke har endret noe, vil du ikke få dette spørsmålet. Prøv selv ved å sette Endret-state
      til "true" og trykk på krysset oppe til høyre:</p>

    <fieldset class="form-group">
      <div class="form-check a-radioButtons">
        <label class="custom-control custom-radio">
      				<input type="radio" name="radioish" class="custom-control-input" id="isDirtyTrue" value="isDirtyTrue" onclick="AltinnModal.setCurrentPageIsDirty('#modal', true);"/>
      				<span class="custom-control-indicator"></span>
      				<span class="a-radioButtons-title">
      					Endret: True
      				</span>
      			</label>
        <label class="custom-control custom-radio">
      				<input type="radio" name="radioish" class="custom-control-input" id="isDirtyFalse" value="isDirtyFalse" onclick="AltinnModal.setCurrentPageIsDirty('#modal', false);"/>
      				<span class="custom-control-indicator"></span>
      				<span class="a-radioButtons-title">
      					Endret: False
      				</span>
      			</label>
      </div>
    </fieldset>

    <h2 class="a-h4">Fullført eller mislykket prosess</h2>
    <p>Dersom det er flere steg i modalen, vil man ved siste steg få en grønn bekreftelse på at prosssen er fullført, eller eventuelt et rødt varsel dersom noe har gått galt.</p>
    <div class="a-btn-group">
      <button class="a-btn a-btn-success" data-toggle="altinn-modal" data-action="next" data-url="https://altinn.github.io/DesignSystem/public/patterns/03-maler-portal-99-modal-js-05-page-success/03-maler-portal-99-modal-js-05-page-success.markup-only.html"
        data-target="#modal" data-is-success="true">
            Vis fullført prosess
          </button>
      <button class="a-btn a-btn-danger" data-toggle="altinn-modal" data-action="next" data-url="https://altinn.github.io/DesignSystem/public/patterns/03-maler-portal-99-modal-js-06-page-error/03-maler-portal-99-modal-js-06-page-error.markup-only.html" data-target="#modal"
        data-is-error="true">
            Vis mislykket prosess
          </button>
    </div>
  </div>
</div>

<!-- END: 03-maler-portal-99-modal-js-03-page-two -->