assets
5 years ago
sections
6 years ago
views
6 years ago
Actions.php
6 years ago
Sequoia.php
5 years ago
optionConfig.php
6 years ago
Sequoia.php
367 lines
| 1 | <?php |
| 2 | namespace Give\Views\Form\Templates\Sequoia; |
| 3 | |
| 4 | use Give\Form\Template; |
| 5 | use Give\Form\Template\Hookable; |
| 6 | use Give\Form\Template\Scriptable; |
| 7 | use Give\Receipt\DonationReceipt; |
| 8 | use Give\Helpers\Utils; |
| 9 | use Give\Helpers\Form\Template as FormTemplateUtils; |
| 10 | use \Give_Donate_Form as DonationForm; |
| 11 | use Give_Scripts; |
| 12 | use function give_do_email_tags as formatContent; |
| 13 | use function give_is_setting_enabled; |
| 14 | |
| 15 | |
| 16 | /** |
| 17 | * Class Sequoia |
| 18 | * |
| 19 | * @package Give\Views\Form\Templates |
| 20 | */ |
| 21 | class Sequoia extends Template implements Hookable, Scriptable { |
| 22 | /** |
| 23 | * @inheritDoc |
| 24 | */ |
| 25 | public function getFormStartingHeight( $formId ) { |
| 26 | $form = new DonationForm( $formId ); |
| 27 | $templateOptions = FormTemplateUtils::getOptions( $formId ); |
| 28 | if ( $templateOptions['introduction']['enabled'] === 'disabled' ) { |
| 29 | return 645; |
| 30 | } |
| 31 | $goalHeight = ! $form->has_goal() ? 0 : 123; |
| 32 | $imageHeight = empty( $templateOptions['introduction']['image'] ) && empty( get_post_thumbnail_id( $formId ) ) ? 0 : 175; |
| 33 | return 423 + $goalHeight + $imageHeight; |
| 34 | } |
| 35 | |
| 36 | /** |
| 37 | * @inheritDoc |
| 38 | */ |
| 39 | public function getLoadingView() { |
| 40 | return GIVE_PLUGIN_DIR . 'src/Views/Form/Templates/Sequoia/views/loading.php'; |
| 41 | } |
| 42 | |
| 43 | /** |
| 44 | * @inheritDoc |
| 45 | */ |
| 46 | public function getReceiptView() { |
| 47 | return wp_doing_ajax() ? GIVE_PLUGIN_DIR . 'src/Views/Form/Templates/Sequoia/views/receipt.php' : parent::getReceiptView(); |
| 48 | } |
| 49 | |
| 50 | /** |
| 51 | * @inheritDoc |
| 52 | */ |
| 53 | public function loadHooks() { |
| 54 | $actions = new Actions(); |
| 55 | $actions->init(); |
| 56 | } |
| 57 | |
| 58 | /** |
| 59 | * @inheritDoc |
| 60 | */ |
| 61 | public function loadScripts() { |
| 62 | |
| 63 | // Localize Template options |
| 64 | $templateOptions = FormTemplateUtils::getOptions(); |
| 65 | |
| 66 | // Set defaults |
| 67 | $templateOptions['introduction']['donate_label'] = ! empty( $templateOptions['introduction']['donate_label'] ) ? $templateOptions['introduction']['donate_label'] : __( 'Donate Now', 'give' ); |
| 68 | $templateOptions['introduction']['primary_color'] = ! empty( $templateOptions['introduction']['primary_color'] ) ? $templateOptions['introduction']['primary_color'] : '#28C77B'; |
| 69 | $templateOptions['payment_amount']['next_label'] = ! empty( $templateOptions['payment_amount']['next_label'] ) ? $templateOptions['payment_amount']['next_label'] : __( 'Continue', 'give' ); |
| 70 | $templateOptions['payment_amount']['header_label'] = ! empty( $templateOptions['payment_amount']['header_label'] ) ? $templateOptions['payment_amount']['header_label'] : __( 'Choose Amount', 'give' ); |
| 71 | $templateOptions['payment_information']['header_label'] = ! empty( $templateOptions['payment_information']['header_label'] ) ? $templateOptions['payment_information']['header_label'] : __( 'Add Your Information', 'give' ); |
| 72 | $templateOptions['payment_information']['checkout_label'] = ! empty( $templateOptions['payment_information']['checkout_label'] ) ? $templateOptions['payment_information']['checkout_label'] : __( 'Process Donation', 'give' ); |
| 73 | |
| 74 | wp_enqueue_style( 'give-google-font-montserrat', 'https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap', [], GIVE_VERSION ); |
| 75 | |
| 76 | // If default Give styles are disabled globally, enqueue Give default styles here |
| 77 | if ( ! give_is_setting_enabled( give_get_option( 'css' ) ) ) { |
| 78 | wp_enqueue_style( 'give-styles', ( new Give_Scripts )->get_frontend_stylesheet_uri(), [], GIVE_VERSION, 'all' ); |
| 79 | } |
| 80 | |
| 81 | // Enqueue Sequoia template styles |
| 82 | wp_enqueue_style( 'give-sequoia-template-css', GIVE_PLUGIN_URL . 'assets/dist/css/give-sequoia-template.css', [ 'give-styles' ], GIVE_VERSION ); |
| 83 | |
| 84 | $primaryColor = $templateOptions['introduction']['primary_color']; |
| 85 | $dynamicCss = sprintf( |
| 86 | ' |
| 87 | .seperator { |
| 88 | background: %1$s !important; |
| 89 | } |
| 90 | .give-btn { |
| 91 | border: 2px solid %1$s !important; |
| 92 | background: %1$s !important; |
| 93 | } |
| 94 | .give-btn:hover { |
| 95 | background: %1$s !important; |
| 96 | } |
| 97 | .give-btn:focus { |
| 98 | box-shadow: 0 0 8px %1$s; |
| 99 | } |
| 100 | .payment .give-gateway-option-selected:focus-within .give-gateway-option::before, |
| 101 | .choose-amount .give-total-wrap .give-donation-amount:focus-within { |
| 102 | border-color: %1$s !important; |
| 103 | } |
| 104 | .give-donation-level-btn { |
| 105 | border: 2px solid %1$s !important; |
| 106 | } |
| 107 | .give-donation-level-btn.give-default-level { |
| 108 | color: %1$s !important; |
| 109 | background: #fff !important; |
| 110 | transition: background 0.2s ease, color 0.2s ease; |
| 111 | } |
| 112 | .give-donation-level-btn.give-default-level:hover { |
| 113 | color: %1$s !important; background: #fff !important; |
| 114 | } |
| 115 | .give-input:focus, .give-select:focus { |
| 116 | border: 1px solid %1$s !important; |
| 117 | } |
| 118 | .checkmark { |
| 119 | border-color: %1$s !important; |
| 120 | color: %1$s !important; |
| 121 | } |
| 122 | input[type=\'radio\'] + label::after { |
| 123 | background: %1$s !important; |
| 124 | } |
| 125 | input[type=\'radio\']:focus + label::before { |
| 126 | border-color: %1$s; |
| 127 | } |
| 128 | a { |
| 129 | color: %1$s; |
| 130 | } |
| 131 | .give-square-cc-fields:focus, |
| 132 | .give-stripe-cc-field:focus, |
| 133 | .give-stripe-single-cc-field-wrap:focus, |
| 134 | form[id*="give-form"] .form-row textarea:focus, |
| 135 | form[id*="give-form"] .form-row textarea.required:focus, |
| 136 | form[id*="give-form"] .form-row input:focus, |
| 137 | form[id*="give-form"] .form-row input.required:focus, |
| 138 | #give-recurring-form .form-row textarea:focus, |
| 139 | #give-recurring-form .form-row textarea.required:focus, |
| 140 | #give-recurring-form .form-row input:focus, |
| 141 | #give-recurring-form .form-row input.required:focus, |
| 142 | form.give-form .form-row textarea:focus, |
| 143 | form.give-form .form-row textarea.required:focus, |
| 144 | form.give-form .form-row input:focus, |
| 145 | form.give-form .form-row input.required:focus, |
| 146 | .form-row select, #give-recurring-form .form-row select:focus, |
| 147 | form.give-form .form-row select:focus, |
| 148 | .form-row select.required:focus, |
| 149 | #give-recurring-form .form-row select.required:focus, |
| 150 | form.give-form .form-row select.required:focus, .give-select:focus { |
| 151 | border-color: %1$s !important; |
| 152 | } |
| 153 | ', |
| 154 | $primaryColor |
| 155 | ); |
| 156 | |
| 157 | $rawColor = trim( $primaryColor, '#' ); |
| 158 | $dynamicCss .= " |
| 159 | .payment [id*='give-create-account-wrap-'] label::after { |
| 160 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\"); |
| 161 | } |
| 162 | #give_terms_agreement:hover, |
| 163 | #give_terms_agreement:focus-within, |
| 164 | #give_terms_agreement.active { |
| 165 | border: 1px solid {$primaryColor} !important; |
| 166 | } |
| 167 | #give_terms_agreement input[type='checkbox']:focus + label::before { |
| 168 | border-color: {$primaryColor}; |
| 169 | } |
| 170 | #give_terms_agreement input[type='checkbox'] + label::after { |
| 171 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\") !important; |
| 172 | } |
| 173 | #give-anonymous-donation-wrap label::after { |
| 174 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\") !important; |
| 175 | } |
| 176 | #give-anonymous-donation-wrap label:focus-within::before { |
| 177 | border-color: {$primaryColor} !important; |
| 178 | } |
| 179 | "; |
| 180 | |
| 181 | if ( Utils::isPluginActive( 'give-recurring/give-recurring.php' ) ) { |
| 182 | $dynamicCss .= " |
| 183 | .give-recurring-donors-choice:hover, |
| 184 | .give-recurring-donors-choice:focus-within, |
| 185 | .give-recurring-donors-choice.active { |
| 186 | border: 1px solid {$primaryColor}; |
| 187 | } |
| 188 | .give-recurring-donors-choice .give-recurring-donors-choice-period:focus, |
| 189 | .give-recurring-donors-choice input[type='checkbox']:focus + label::before { |
| 190 | border-color: {$primaryColor}; |
| 191 | } |
| 192 | .give-recurring-donors-choice input[type='checkbox'] + label::after { |
| 193 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\"); |
| 194 | } |
| 195 | "; |
| 196 | } |
| 197 | |
| 198 | if ( Utils::isPluginActive( 'give-fee-recovery/give-fee-recovery.php' ) ) { |
| 199 | $dynamicCss .= " |
| 200 | .give-fee-recovery-donors-choice.give-fee-message:hover, |
| 201 | .give-fee-recovery-donors-choice.give-fee-message:focus-within, |
| 202 | .give-fee-recovery-donors-choice.give-fee-message.active { |
| 203 | border: 1px solid {$primaryColor}; |
| 204 | } |
| 205 | .give-fee-message-label input[type='checkbox']:focus + span::before { |
| 206 | border-color: {$primaryColor}; |
| 207 | } |
| 208 | .give-fee-recovery-donors-choice.give-fee-message input[type='checkbox'] + .give-fee-message-label-text::after { |
| 209 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\"); |
| 210 | } |
| 211 | "; |
| 212 | } |
| 213 | |
| 214 | if ( Utils::isPluginActive( 'give-mailchimp/give-mailchimp.php' ) ) { |
| 215 | $dynamicCss .= " |
| 216 | .give-mailchimp-fieldset:hover, |
| 217 | .give-mailchimp-fieldset:focus-within, |
| 218 | .give-mailchimp-fieldset.active { |
| 219 | border: 1px solid {$primaryColor} !important; |
| 220 | } |
| 221 | .give-mailchimp-fieldset input[type='checkbox']:focus + span::before { |
| 222 | border-color: {$primaryColor}; |
| 223 | } |
| 224 | .give-mailchimp-fieldset input[type='checkbox'] + span::after { |
| 225 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\") !important; |
| 226 | } |
| 227 | "; |
| 228 | } |
| 229 | |
| 230 | if ( Utils::isPluginActive( 'give-constant-contact/give-constant-contact.php' ) ) { |
| 231 | $dynamicCss .= " |
| 232 | .give-constant-contact-fieldset:hover, |
| 233 | .give-constant-contact-fieldset:focus-within, |
| 234 | .give-constant-contact-fieldset.active { |
| 235 | border: 1px solid {$primaryColor} !important; |
| 236 | } |
| 237 | .give-constant-contact-fieldset input[type='checkbox']:focus + span::before { |
| 238 | border-color: {$primaryColor}; |
| 239 | } |
| 240 | .give-constant-contact-fieldset input[type='checkbox'] + span::after { |
| 241 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\") !important; |
| 242 | } |
| 243 | "; |
| 244 | } |
| 245 | |
| 246 | if ( Utils::isPluginActive( 'give-form-field-manager/give-ffm.php' ) ) { |
| 247 | $dynamicCss .= " |
| 248 | .ffm-checkbox-field label.checked::after { |
| 249 | background-image: url(\"data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%23{$rawColor}'/%3E%3C/svg%3E%0A\"); |
| 250 | } |
| 251 | .ffm-radio-field label::after { |
| 252 | background: {$primaryColor}; |
| 253 | } |
| 254 | .ffm-attachment-upload-filelist:focus-within, |
| 255 | .ffm-checkbox-field label:focus-within::before, |
| 256 | .ffm-radio-field label:focus-within::before { |
| 257 | border-color: {$primaryColor}; |
| 258 | } |
| 259 | "; |
| 260 | } |
| 261 | |
| 262 | wp_add_inline_style( 'give-sequoia-template-css', $dynamicCss ); |
| 263 | |
| 264 | wp_enqueue_script( 'give-sequoia-template-js', GIVE_PLUGIN_URL . 'assets/dist/js/give-sequoia-template.js', [ 'give' ], GIVE_VERSION, true ); |
| 265 | wp_localize_script( 'give-sequoia-template-js', 'sequoiaTemplateOptions', $templateOptions ); |
| 266 | } |
| 267 | |
| 268 | /** |
| 269 | * @inheritDoc |
| 270 | */ |
| 271 | public function getID() { |
| 272 | return 'sequoia'; |
| 273 | } |
| 274 | |
| 275 | /** |
| 276 | * @inheritDoc |
| 277 | */ |
| 278 | public function getName() { |
| 279 | return __( 'Multi-Step Donation Form', 'give' ); |
| 280 | } |
| 281 | |
| 282 | /** |
| 283 | * @inheritDoc |
| 284 | */ |
| 285 | public function getImage() { |
| 286 | return GIVE_PLUGIN_URL . 'assets/dist/images/admin/SequoiaForm.jpg'; |
| 287 | } |
| 288 | |
| 289 | /** |
| 290 | * @inheritDoc |
| 291 | */ |
| 292 | public function getOptionsConfig() { |
| 293 | return require 'optionConfig.php'; |
| 294 | } |
| 295 | |
| 296 | /** |
| 297 | * @inheritDoc |
| 298 | */ |
| 299 | public function getReceiptDetails( $donationId ) { |
| 300 | $receipt = new DonationReceipt( $donationId ); |
| 301 | $options = FormTemplateUtils::getOptions(); |
| 302 | |
| 303 | $receipt->heading = esc_html( $options['thank-you']['headline'] ); |
| 304 | $receipt->message = esc_html( formatContent( $options['thank-you']['description'], [ 'payment_id' => $donationId ] ) ); |
| 305 | |
| 306 | /** |
| 307 | * Fire the action for receipt object. |
| 308 | * |
| 309 | * @since 2.7.0 |
| 310 | */ |
| 311 | do_action( 'give_new_receipt', $receipt ); |
| 312 | |
| 313 | return $receipt; |
| 314 | } |
| 315 | |
| 316 | /** |
| 317 | * Get form heading |
| 318 | * |
| 319 | * @param int $formId |
| 320 | * |
| 321 | * @return string |
| 322 | * @since 2.7.0 |
| 323 | * |
| 324 | */ |
| 325 | public function getFormHeading( $formId ) { |
| 326 | $templateOptions = FormTemplateUtils::getOptions( $formId ); |
| 327 | |
| 328 | return ! empty( $templateOptions['introduction']['headline'] ) ? |
| 329 | $templateOptions['introduction']['headline'] : |
| 330 | get_the_title( $formId ); |
| 331 | } |
| 332 | |
| 333 | /** |
| 334 | * Get form image |
| 335 | * |
| 336 | * @param int $formId |
| 337 | * |
| 338 | * @return string |
| 339 | * @since 2.7.0 |
| 340 | * |
| 341 | */ |
| 342 | public function getFormFeaturedImage( $formId ) { |
| 343 | $templateOptions = FormTemplateUtils::getOptions( $formId ); |
| 344 | |
| 345 | return ! empty( $templateOptions['introduction']['image'] ) ? |
| 346 | $templateOptions['introduction']['image'] : |
| 347 | get_the_post_thumbnail_url( $formId, 'full' ); |
| 348 | } |
| 349 | |
| 350 | /** |
| 351 | * Get form excerpt |
| 352 | * |
| 353 | * @param int|null $formId |
| 354 | * |
| 355 | * @return string |
| 356 | * @since 2.7.0 |
| 357 | * |
| 358 | */ |
| 359 | public function getFormExcerpt( $formId ) { |
| 360 | $templateOptions = FormTemplateUtils::getOptions( $formId ); |
| 361 | |
| 362 | return ! empty( $templateOptions['introduction']['description'] ) ? |
| 363 | $templateOptions['introduction']['description'] : |
| 364 | get_the_excerpt( $formId ); |
| 365 | } |
| 366 | } |
| 367 |