reports-template.php
69 lines
| 1 | <?php |
| 2 | // Reports page markup |
| 3 | // #reports-app is replaced by React app |
| 4 | ?> |
| 5 | <div id="reports-app"> |
| 6 | <div class="wrap give-settings-page"> |
| 7 | <div class="give-settings-header"> |
| 8 | <h1 class="wp-heading-inline"> |
| 9 | Reports |
| 10 | </h1> |
| 11 | <div class="givewp-filters" style="padding-right: 20px"> |
| 12 | <div class="givewp-period-selector"> |
| 13 | <div class="group"> |
| 14 | <button> |
| 15 | <?php |
| 16 | _e('Day', 'give'); ?> |
| 17 | </button> |
| 18 | <button class="selected"> |
| 19 | <?php |
| 20 | _e('Week', 'give'); ?> |
| 21 | </button> |
| 22 | <button> |
| 23 | <?php |
| 24 | _e('Month', 'give'); ?> |
| 25 | </button> |
| 26 | <button> |
| 27 | <?php |
| 28 | _e('Year', 'give'); ?> |
| 29 | </button> |
| 30 | <button> |
| 31 | <?php |
| 32 | _e('All Time', 'give'); ?> |
| 33 | </button> |
| 34 | </div> |
| 35 | </div> |
| 36 | <div class="givewp-reports-settings__toggle"> |
| 37 | <button class="givewp-reports-button givewp-reports-button--icon"> |
| 38 | <svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 39 | <path fill-rule="evenodd" clip-rule="evenodd" |
| 40 | d="M17 10.9727H14.82C14.65 11.6727 14.38 12.3227 14.01 12.9027L15.55 14.4427L13.45 16.5427L11.91 15.0027C11.33 15.3627 10.68 15.6327 10 15.7927V17.9727H7V15.7927C6.32 15.6327 5.67 15.3627 5.09 15.0027L3.55 16.5427L1.43 14.4227L2.97 12.8827C2.61 12.3027 2.34 11.6527 2.18 10.9727H0V8.00266H2.17C2.33 7.30266 2.61 6.65266 2.97 6.06266L1.43 4.52266L3.53 2.42266L5.07 3.96266C5.65 3.59266 6.31 3.32266 7 3.15266V0.972656H10V3.15266C10.68 3.31266 11.33 3.58266 11.91 3.94266L13.45 2.40266L15.57 4.52266L14.03 6.06266C14.39 6.65266 14.67 7.30266 14.83 8.00266H17V10.9727ZM8.5 12.4727C10.16 12.4727 11.5 11.1327 11.5 9.47266C11.5 7.81266 10.16 6.47266 8.5 6.47266C6.84 6.47266 5.5 7.81266 5.5 9.47266C5.5 11.1327 6.84 12.4727 8.5 12.4727Z" |
| 41 | fill="#888888"></path> |
| 42 | </svg> |
| 43 | </button> |
| 44 | </div> |
| 45 | </div> |
| 46 | </div> |
| 47 | <div class="nav-tab-wrapper give-nav-tab-wrapper" style="height: auto; overflow: visible;"> |
| 48 | <a class="nav-tab nav-tab-active" href="#/"> |
| 49 | <?php |
| 50 | _e('Overview', 'give'); ?> |
| 51 | </a> |
| 52 | <a class="nav-tab" |
| 53 | href="http://givewp.local/wp-admin/edit.php?post_type=give_forms&page=give-reports&legacy=1"> |
| 54 | <?php |
| 55 | _e('Legacy Reports', 'give'); ?> |
| 56 | </a> |
| 57 | </div> |
| 58 | <div class="givewp-loading-notice"> |
| 59 | <div class="givewp-loading-notice__card"> |
| 60 | <div class="givewp-spinner"></div> |
| 61 | <h2> |
| 62 | <?php |
| 63 | echo __('Loading your latest', 'give') . '<br>' . __('donation activity', 'give'); ?> |
| 64 | </h2> |
| 65 | </div> |
| 66 | </div> |
| 67 | </div> |
| 68 | </div> |
| 69 |