tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-04 18:05:45 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add the "Request Manage Link" form to the manage pledge page

Browse source 
When a pledge is selected but the auth token is missing/incorrect, this will give a clear path for re-requesting a new valid manage link
This commit is contained in:
Kelly Dwan 2019-12-09 17:53:06 -05:00
parent d737f70a7e
commit 746de99787
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
7 changed files with 111 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

34
plugins/wporg-5ftf/assets/js/dialog.js
View file

@ -1,14 +1,12 @@
/* global FFTF_Dialog, jQuery */
jQuery( document ).ready( function( $ ) {
const button = document.getElementById( 'toggle-management-link-form' );
const template = wp.template( '5ftf-send-link-dialog' );
const template = document.getElementById( 'tmpl-5ftf-send-link-dialog' ) && wp.template( '5ftf-send-link-dialog' );
if ( ! template && ! button ) {
// No modal on this page.
return;
if ( !! template ) {
$( document.body ).prepend( template() );
}
$( document.body ).prepend( template() );
const modal = document.getElementById( 'send-link-dialog' );
const modalBg = document.getElementById( 'send-link-dialog-bg' );
const children = document.querySelectorAll( 'body > *:not([role="dialog"])' );
@ -81,14 +79,15 @@ jQuery( document ).ready( function( $ ) {
function sendRequest( event ) {
event.preventDefault();
const email = $( event.target.querySelector( 'input[type="email"]' ) ).val();
const pledgeId = $( event.target.querySelector( 'input[name="pledge_id"]' ) ).val();
$( event.target.querySelector( '.message' ) ).html( '' );
$.ajax( {
type: 'POST',
url: FFTF_Dialog.ajaxurl,
data: {
action: 'send-manage-email',
pledge_id: FFTF_Dialog.pledgeId,
email,
pledge_id: pledgeId,
email: email,
_ajax_nonce: FFTF_Dialog.ajaxNonce,
},
success( response ) {
@ -96,7 +95,7 @@ jQuery( document ).ready( function( $ ) {
// Say the message for screen reader users.
wp.a11y.speak( response.message );
if ( response.success ) {
if ( response.success && !! button ) {
closeModal();
$( button ).after( $( '<p>' ).html( '<em>' + response.message + '<em>' ) );
} else {
@ -124,13 +123,16 @@ jQuery( document ).ready( function( $ ) {
}
} );
$( modalBg ).on( 'click', closeModal );
$( modal ).on( 'click', '.pledge-dialog__close', closeModal );
$( document ).on( 'keydown', function( event ) {
if ( 27 === event.which ) { // Esc
closeModal( event );
}
} );
// Make sure `modal` exists before using it.
if ( !! modal ) {
$( modalBg ).on( 'click', closeModal );
$( modal ).on( 'click', '.pledge-dialog__close', closeModal );
$( document ).on( 'keydown', function( event ) {
if ( 27 === event.which ) { // Esc
closeModal( event );
}
} );
$( modal.querySelector( 'form' ) ).submit( sendRequest );
$( modal.querySelector( 'form' ) ).submit( sendRequest );
}
} );