loading.php
43 lines
| 1 | <?php |
| 2 | use Give\Helpers\Form\Template as FormTemplateUtils; |
| 3 | |
| 4 | /** |
| 5 | * The following variables should be in scope when including this view |
| 6 | * |
| 7 | * @var int $formId |
| 8 | */ |
| 9 | |
| 10 | $templateOptions = FormTemplateUtils::getOptions( $formId ); |
| 11 | $primaryColor = ! empty( $templateOptions['introduction']['primary_color'] ) ? $templateOptions['introduction']['primary_color'] : '#28C77B'; |
| 12 | $primaryColor = trim( $primaryColor, '#' ); |
| 13 | |
| 14 | $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""; |
| 15 | |
| 16 | ?> |
| 17 | |
| 18 | <div style=" |
| 19 | height: calc(100% - 28px); |
| 20 | width: calc(100% - 20px); |
| 21 | max-width: 552px; |
| 22 | margin: 10px auto 10px auto; |
| 23 | background: #fff; |
| 24 | border-radius: 6px; |
| 25 | display: flex; |
| 26 | align-items: center; |
| 27 | justify-content: center; |
| 28 | -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), |
| 29 | 0 3px 1px -2px rgba(0, 0, 0, 0.2), |
| 30 | 0 1px 5px 0 rgba(0, 0, 0, 0.12); |
| 31 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), |
| 32 | 0 3px 1px -2px rgba(0, 0, 0, 0.2), |
| 33 | 0 1px 5px 0 rgba(0, 0, 0, 0.12); |
| 34 | "> |
| 35 | <div style=" |
| 36 | pointer-events: none; |
| 37 | height: 90px; |
| 38 | width: 90px; |
| 39 | background-image: url(<?php echo $loaderBG; ?>); |
| 40 | animation: spin 0.6s linear infinite; |
| 41 | "></div> |
| 42 | </div> |
| 43 |