loading.php
40 lines
| 1 | <?php |
| 2 | |
| 3 | use Give\Helpers\Form\Template as FormTemplateUtils; |
| 4 | |
| 5 | /** |
| 6 | * The following variables should be in scope when including this view |
| 7 | * |
| 8 | * @since 4.3.0 hide form background on v2 loader. |
| 9 | * @var int $formId |
| 10 | */ |
| 11 | |
| 12 | $templateOptions = FormTemplateUtils::getOptions($formId); |
| 13 | $primaryColor = ! empty($templateOptions['visual_appearance']['primary_color']) ? $templateOptions['visual_appearance']['primary_color'] : '#28C77B'; |
| 14 | $primaryColor = trim($primaryColor, '#'); |
| 15 | |
| 16 | $loaderBG = ""data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 349 348' style='enable-background:new 0 0 349 348;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23{$primaryColor};} %3C/style%3E%3Cpath class='st0' d='M25.1,204.57c-13.38,0-24.47-10.6-24.97-24.08C0.04,178.09,0,175.97,0,174C0,77.78,78.28-0.5,174.5-0.5 c13.81,0,25,11.19,25,25s-11.19,25-25,25C105.85,49.5,50,105.35,50,174c0,1.37,0.03,2.85,0.1,4.65c0.51,13.8-10.27,25.39-24.07,25.9 C25.72,204.56,25.41,204.57,25.1,204.57z'/%3E%3Cpath class='st0' d='M174.5,348.5c-13.81,0-25-11.19-25-25c0-13.81,11.19-25,25-25c68.65,0,124.5-55.85,124.5-124.5 c0-1.38-0.03-2.85-0.1-4.65c-0.51-13.8,10.26-25.4,24.06-25.91c13.83-0.53,25.4,10.26,25.91,24.06c0.09,2.39,0.13,4.51,0.13,6.49 C349,270.22,270.72,348.5,174.5,348.5z'/%3E%3C/svg%3E""; |
| 17 | |
| 18 | ?> |
| 19 | |
| 20 | <div style=" |
| 21 | height: calc(100% - 28px); |
| 22 | width: calc(100% - 20px); |
| 23 | max-width: 552px; |
| 24 | margin: 10px auto 10px auto; |
| 25 | background: transparent; |
| 26 | border-radius: 6px; |
| 27 | display: flex; |
| 28 | align-items: center; |
| 29 | justify-content: center; |
| 30 | "> |
| 31 | <div style=" |
| 32 | pointer-events: none; |
| 33 | height: 90px; |
| 34 | width: 90px; |
| 35 | background-image: url(<?php |
| 36 | echo $loaderBG; ?>); |
| 37 | animation: spin 0.6s linear infinite; |
| 38 | "></div> |
| 39 | </div> |
| 40 |