notice-response.js
86 lines
| 1 | /* global srfmNoticeResponse */ |
| 2 | ( function () { |
| 3 | const notices = { |
| 4 | 'srfm-getting-started-notice': { |
| 5 | primary: 'go_to_dashboard', |
| 6 | snooze: 'maybe_later', |
| 7 | dismiss: 'dismissed', |
| 8 | }, |
| 9 | 'srfm-plugin-review-notice': { |
| 10 | primary: 'rate_sureforms', |
| 11 | snooze: 'maybe_later', |
| 12 | dismiss: 'dismissed', |
| 13 | }, |
| 14 | }; |
| 15 | |
| 16 | function getAction( el, noticeId ) { |
| 17 | const config = notices[ noticeId ]; |
| 18 | if ( ! config ) { |
| 19 | return null; |
| 20 | } |
| 21 | |
| 22 | if ( |
| 23 | el.classList.contains( 'button-primary' ) || |
| 24 | ( el.classList.contains( 'astra-notice-close' ) && |
| 25 | el.getAttribute( 'target' ) === '_blank' ) |
| 26 | ) { |
| 27 | return config.primary; |
| 28 | } |
| 29 | if ( el.hasAttribute( 'data-repeat-notice-after' ) ) { |
| 30 | return config.snooze; |
| 31 | } |
| 32 | if ( el.classList.contains( 'astra-notice-close' ) ) { |
| 33 | return config.dismiss; |
| 34 | } |
| 35 | return null; |
| 36 | } |
| 37 | |
| 38 | function sendResponse( noticeId, button ) { |
| 39 | const body = new FormData(); |
| 40 | body.append( 'action', 'srfm_notice_response' ); |
| 41 | body.append( 'nonce', srfmNoticeResponse.nonce ); |
| 42 | body.append( 'notice_id', noticeId ); |
| 43 | body.append( 'button', button ); |
| 44 | |
| 45 | fetch( srfmNoticeResponse.ajaxurl, { method: 'POST', body } ).catch( |
| 46 | () => {} |
| 47 | ); |
| 48 | } |
| 49 | |
| 50 | // Action-item notices declare what to record on the element itself, so a new |
| 51 | // one needs no entry in the map above. Delegated from the document because |
| 52 | // these render on every admin screen, not inside one known container. |
| 53 | document.addEventListener( 'click', function ( e ) { |
| 54 | const link = e.target.closest( '[data-srfm-notice-id][data-srfm-button]' ); |
| 55 | if ( ! link ) { |
| 56 | return; |
| 57 | } |
| 58 | |
| 59 | const noticeId = link.getAttribute( 'data-srfm-notice-id' ); |
| 60 | const button = link.getAttribute( 'data-srfm-button' ); |
| 61 | |
| 62 | if ( noticeId && button ) { |
| 63 | sendResponse( noticeId, button ); |
| 64 | } |
| 65 | } ); |
| 66 | |
| 67 | Object.keys( notices ).forEach( function ( noticeId ) { |
| 68 | const container = document.getElementById( noticeId ); |
| 69 | if ( ! container ) { |
| 70 | return; |
| 71 | } |
| 72 | |
| 73 | container.addEventListener( 'click', function ( e ) { |
| 74 | const link = e.target.closest( 'a' ); |
| 75 | if ( ! link ) { |
| 76 | return; |
| 77 | } |
| 78 | |
| 79 | const action = getAction( link, noticeId ); |
| 80 | if ( action ) { |
| 81 | sendResponse( noticeId, action ); |
| 82 | } |
| 83 | } ); |
| 84 | } ); |
| 85 | }() ); |
| 86 |