abstract-shortcode-generator.php
6 years ago
admin-shortcodes.js
6 years ago
class-shortcode-button.php
6 years ago
mce-plugin.js
6 years ago
shortcode-give-donation-grid.php
4 years ago
shortcode-give-donation-history.php
6 years ago
shortcode-give-donor-wall.php
4 years ago
shortcode-give-form.php
6 years ago
shortcode-give-goal.php
5 years ago
shortcode-give-login.php
6 years ago
shortcode-give-profile-editor.php
6 years ago
shortcode-give-receipt.php
6 years ago
shortcode-give-register.php
6 years ago
shortcode-give-totals.php
6 years ago
admin-shortcodes.js
259 lines
| 1 | /*! |
| 2 | * Give Admin Shortcodes JS |
| 3 | * |
| 4 | * @description: The Give Admin Shortcode scripts. Only enqueued on the admin widgets screen; used to show shortcode dialogs, show/hide, and other functions |
| 5 | * @package: Give |
| 6 | * @subpackage: Assets/JS |
| 7 | * @author: Paul Ryley |
| 8 | * @copyright: Copyright (c) 2016, GiveWP |
| 9 | * @license: http://opensource.org/licenses/gpl-2.0.php GNU Public License |
| 10 | * @since: 1.3.0 |
| 11 | */ |
| 12 | |
| 13 | /* global Give, ajaxurl, jQuery, scShortcodes, tinymce */ |
| 14 | |
| 15 | let scShortcode, scButton; |
| 16 | |
| 17 | jQuery( |
| 18 | function( $ ) { |
| 19 | const doc = $( this ); |
| 20 | |
| 21 | /** |
| 22 | * Show continue button title setting field only if display style is not All Fields. |
| 23 | */ |
| 24 | window.render_continue_button_title_field = function() { |
| 25 | const selected_display_style = $( '.mce-txt', '.mce-give-display-style' ).text(), |
| 26 | expected_display_styles = [ '- Select -', 'All Fields' ]; |
| 27 | |
| 28 | if ( -1 !== $.inArray( selected_display_style, expected_display_styles ) ) { |
| 29 | $( '.mce-give-continue-button-title' ).closest( '.mce-container' ).hide(); |
| 30 | } else { |
| 31 | $( '.mce-give-continue-button-title' ).closest( '.mce-container' ).show(); |
| 32 | } |
| 33 | }; |
| 34 | |
| 35 | window.scForm = { |
| 36 | |
| 37 | open: function( editor_id ) { |
| 38 | const editor = tinymce.get( editor_id ); |
| 39 | |
| 40 | if ( ! editor ) { |
| 41 | return; |
| 42 | } |
| 43 | |
| 44 | let data, field, required, valid, win; |
| 45 | |
| 46 | data = { |
| 47 | action: 'give_shortcode', |
| 48 | shortcode: scShortcode, |
| 49 | }; |
| 50 | |
| 51 | $.post( |
| 52 | ajaxurl, |
| 53 | data, |
| 54 | function( response ) { |
| 55 | // what happens if response === false? |
| 56 | if ( ! response.body ) { |
| 57 | console.error( 'Bad AJAX response!' ); |
| 58 | return; |
| 59 | } |
| 60 | |
| 61 | if ( response.body.length === 0 ) { |
| 62 | window.send_to_editor( '[' + response.shortcode + ']' ); |
| 63 | |
| 64 | scForm.destroy(); |
| 65 | |
| 66 | return; |
| 67 | } |
| 68 | |
| 69 | /** |
| 70 | * Render continue button title setting field on basis of display style value. |
| 71 | */ |
| 72 | $.each( |
| 73 | response.body, |
| 74 | function( index, item ) { |
| 75 | if ( 'display_style' === item.name ) { |
| 76 | response.body[ index ].onselect = function() { |
| 77 | render_continue_button_title_field(); |
| 78 | }; |
| 79 | } |
| 80 | } |
| 81 | ); |
| 82 | |
| 83 | const popup = { |
| 84 | title: response.title, |
| 85 | body: response.body, |
| 86 | classes: 'sc-popup', |
| 87 | minWidth: 320, |
| 88 | buttons: [ { |
| 89 | text: response.ok, |
| 90 | classes: 'primary sc-primary', |
| 91 | onclick: function() { |
| 92 | // Get the top most window object |
| 93 | win = editor.windowManager.getWindows()[ 0 ]; |
| 94 | |
| 95 | // Get the shortcode required attributes |
| 96 | required = scShortcodes[ scShortcode ]; |
| 97 | |
| 98 | valid = true; |
| 99 | |
| 100 | // Do some validation voodoo |
| 101 | for ( const id in required ) { |
| 102 | if ( required.hasOwnProperty( id ) ) { |
| 103 | field = win.find( '#' + id )[ 0 ]; |
| 104 | |
| 105 | if ( typeof field !== 'undefined' && field.state.data.value === '' ) { |
| 106 | valid = false; |
| 107 | |
| 108 | new Give.modal.GiveErrorAlert( |
| 109 | { |
| 110 | modalContent: { |
| 111 | desc: required[ id ], |
| 112 | cancelBtnTitle: Give.fn.getGlobalVar( 'ok' ), |
| 113 | }, |
| 114 | } |
| 115 | ).render(); |
| 116 | |
| 117 | break; |
| 118 | } |
| 119 | } |
| 120 | } |
| 121 | |
| 122 | if ( valid ) { |
| 123 | win.submit(); |
| 124 | } |
| 125 | }, |
| 126 | }, |
| 127 | { |
| 128 | text: response.close, |
| 129 | onclick: 'close', |
| 130 | } ], |
| 131 | onsubmit: function( e ) { |
| 132 | let attributes = ''; |
| 133 | |
| 134 | for ( const key in e.data ) { |
| 135 | if ( e.data.hasOwnProperty( key ) && e.data[ key ] !== '' ) { |
| 136 | attributes += ' ' + key + '="' + e.data[ key ] + '"'; |
| 137 | } |
| 138 | } |
| 139 | |
| 140 | // Insert shortcode into the WP_Editor |
| 141 | window.send_to_editor( '[' + response.shortcode + attributes + ']' ); |
| 142 | }, |
| 143 | onclose: function() { |
| 144 | scForm.destroy(); |
| 145 | }, |
| 146 | onopen: function() { |
| 147 | // Hacky way to remove scrollbars when not necessary. |
| 148 | const popup = $( '.mce-sc-popup' ); |
| 149 | popup.css( |
| 150 | { |
| 151 | width: popup.width(), |
| 152 | height: popup.height(), |
| 153 | overflow: 'auto', |
| 154 | } |
| 155 | ); |
| 156 | |
| 157 | // Conditional fields. |
| 158 | render_continue_button_title_field(); |
| 159 | }, |
| 160 | }; |
| 161 | |
| 162 | // Change the buttons if server-side validation failed |
| 163 | if ( response.ok.constructor === Array ) { |
| 164 | popup.buttons[ 0 ].text = response.ok[ 0 ]; |
| 165 | popup.buttons[ 0 ].onclick = 'close'; |
| 166 | delete popup.buttons[ 1 ]; |
| 167 | } |
| 168 | |
| 169 | editor.windowManager.open( popup ); |
| 170 | } |
| 171 | ); |
| 172 | }, |
| 173 | |
| 174 | destroy: function() { |
| 175 | const tmp = $( '#scTemp' ); |
| 176 | |
| 177 | if ( tmp.length ) { |
| 178 | tinymce.get( 'scTemp' ).remove(); |
| 179 | tmp.remove(); |
| 180 | } |
| 181 | }, |
| 182 | }; |
| 183 | |
| 184 | const scOpen = function() { |
| 185 | scButton.addClass( 'active' ).parent().find( '.sc-menu' ).show(); |
| 186 | }; |
| 187 | |
| 188 | const scClose = function() { |
| 189 | if ( typeof scButton !== 'undefined' ) { |
| 190 | scButton.removeClass( 'active' ).parent().find( '.sc-menu' ).hide(); |
| 191 | } |
| 192 | }; |
| 193 | |
| 194 | doc.on( |
| 195 | 'click', |
| 196 | function( e ) { |
| 197 | if ( ! $( e.target ).closest( '.sc-wrap' ).length ) { |
| 198 | scClose(); |
| 199 | } |
| 200 | } |
| 201 | ); |
| 202 | |
| 203 | doc.on( |
| 204 | 'click', |
| 205 | '.sc-button', |
| 206 | function( e ) { |
| 207 | e.preventDefault(); |
| 208 | |
| 209 | scButton = $( this ); |
| 210 | |
| 211 | if ( scButton.hasClass( 'active' ) ) { |
| 212 | scClose(); |
| 213 | } else { |
| 214 | scOpen(); |
| 215 | } |
| 216 | } |
| 217 | ); |
| 218 | |
| 219 | doc.on( |
| 220 | 'click', |
| 221 | '.sc-shortcode', |
| 222 | function( e ) { |
| 223 | e.preventDefault(); |
| 224 | |
| 225 | // scShortcode is used by scForm to trigger the correct popup |
| 226 | scShortcode = $( this ).attr( 'data-shortcode' ); |
| 227 | |
| 228 | if ( scShortcode ) { |
| 229 | if ( ! tinymce.get( window.wpActiveEditor ) ) { |
| 230 | if ( ! $( '#scTemp' ).length ) { |
| 231 | $( 'body' ).append( '<textarea id="scTemp" style="display: none;" />' ); |
| 232 | |
| 233 | tinymce.init( |
| 234 | { |
| 235 | mode: 'exact', |
| 236 | elements: 'scTemp', |
| 237 | plugins: [ 'give_shortcode', 'wplink' ], |
| 238 | } |
| 239 | ); |
| 240 | } |
| 241 | |
| 242 | setTimeout( function() { |
| 243 | tinymce.execCommand( 'Give_Shortcode' ); |
| 244 | }, 200 ); |
| 245 | } else { |
| 246 | tinymce.execCommand( 'Give_Shortcode' ); |
| 247 | } |
| 248 | |
| 249 | setTimeout( function() { |
| 250 | scClose(); |
| 251 | }, 100 ); |
| 252 | } else { |
| 253 | console.warn( 'That is not a valid shortcode link.' ); |
| 254 | } |
| 255 | } |
| 256 | ); |
| 257 | } |
| 258 | ); |
| 259 |