Account Config 

<div class="account-config account-config--align-buttons-right" data-module="accountConfig">
    <h3 class="account-config__title">Delete account</h3>
    <p class="account-config__subtitle">We take your privacy very serious and only ever process your data with your persmission. If possible this is handled anonymously and we will never store your data for longer than is required. For more information on how we handle your personal data please read our Privacy Policy.</p>
    <ul class="account-config__buttons">
        <li data-type="account"> <a href="#" class="button-p2 button-p2--warning js-open-modal " role="button" target="_self">Delete ireland.com account</a>
        </li>
        <li data-type="data"> <a href="#" class="button-p2 button-p2--warning js-open-modal " role="button" target="_self">Remove all data held</a>
        </li>
        </p>
        <div class="generic-modal js-modal js-modal-id-">
            <div class="generic-modal__inner">
                <div class="grid-container">
                    <div class="grid-x grid-padding-x align-center">
                        <div class="">
                            <div class="generic-modal__container">
                                <a href="#" class="generic-modal__close-button js-close-modal js-close-cross-modal"></a>
                                <ul class="generic-modal__buttons">
                                    </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="generic-modal js-modal js-modal-id-">
            <div class="generic-modal__inner">
                <div class="grid-container">
                    <div class="grid-x grid-padding-x align-center">
                        <div class="">
                            <div class="generic-modal__container">
                                <a href="#" class="generic-modal__close-button js-close-modal js-close-cross-modal"></a>
                                <ul class="generic-modal__buttons">
                                    </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
 
<div class="account-config{{#if alignButtonsRight}} account-config--align-buttons-right{{/if}}" data-module="accountConfig">
    <h3 class="account-config__title">{{ title }}</h3>
    <p class="account-config__subtitle">{{{ subtitle }}}</p>
    <ul class="account-config__buttons">
        <li data-type="account">{{> @cp-button-secondary target=deleteAccountButton.target url=deleteAccountButton.url text=deleteAccountButton.text modifier="warning" cssClasses="js-open-modal" }}</li>
        <li data-type="data">{{> @cp-button-secondary target=removeDataButton.target url=removeDataButton.url text=removeDataButton.text modifier="warning" cssClasses="js-open-modal"}}</li>
    </p>
    {{> @cp-generic-modal deleteAccountModal }}
    {{> @cp-generic-modal deleteDataModal }}
</div>
 
{
  "title": "Delete account",
  "subtitle": "We take your privacy very serious and only ever process your data with your persmission. If possible this is handled anonymously and we will never store your data for longer than is required.  For more information on how we handle your personal data please read our Privacy Policy.",
  "alignButtonsRight": true,
  "deleteAccountButton": {
    "text": "Delete ireland.com account",
    "target": "_self",
    "url": "#"
  },
  "removeDataButton": {
    "text": "Remove all data held",
    "target": "_self",
    "url": "#"
  }
}

There are no notes for this item.