8cbbc222e9
* hook up frontend parts * complete backend, save success alert issues * fix broken existing specs * complete snackbar confirmation on page redirect * rollback success alert; but leave foundation for it in place * preserve a11y features of snackbar; complete cypress tests * test redirect after braodcast destroy
33 lines
1.2 KiB
Text
33 lines
1.2 KiB
Text
<div
|
|
id="confirmation-modal-root"
|
|
data-confirmation-modal-target="itemId"
|
|
data-confirmation-modal-target="endpoint"
|
|
data-confirmation-modal-target="username"></div>
|
|
|
|
<div id="confirmation-modal" class="hidden">
|
|
<div class="crayons-field mb-3">
|
|
<p id="confirmation-text-instructions">To confirm this update, type in the sentence: <br />
|
|
<strong>My username is @<%= current_user.username %> and this action is 100% safe and appropriate.</strong></p>
|
|
<div id="mismatch-warning" class="crayons-notice crayons-notice--warning hidden" aria-live="polite">
|
|
The confirmation text did not match.
|
|
</div>
|
|
<input
|
|
aria-label="Type the sentence above to confirm this update"
|
|
aria-describedby="confirmation-text-instructions"
|
|
type="text"
|
|
id="confirmation-text-field"
|
|
class="crayons-textfield flex-1 mr-2"
|
|
placeholder="Confirmation text" />
|
|
</div>
|
|
|
|
<button
|
|
class="crayons-btn mr-1 mb-2"
|
|
data-action="click->confirmation-modal#checkConfirmationText">
|
|
Confirm changes
|
|
</button>
|
|
<button
|
|
class="crayons-btn crayons-btn--secondary"
|
|
data-action="click->confirmation-modal#closeModal">
|
|
Discard changes
|
|
</button>
|
|
</div>
|