skeleton.blade.php
35 lines
| 1 | <div class="examiner-skeleton"> |
| 2 | <div class="examiner-header" data-controller="examiner-header"> |
| 3 | <div class="report-title-bar"> |
| 4 | <div> |
| 5 | <h2 class="report-title"></h2> <!-- Text updated in examiner_controller.js --> |
| 6 | <span class="report-subtitle"></span> <!-- Text updated in examiner_controller.js --> |
| 7 | </div> |
| 8 | <div> |
| 9 | <button class="close-examiner-button" data-action="examiner#close"><span class="dashicons dashicons-dismiss"></span></button> |
| 10 | </div> |
| 11 | </div> |
| 12 | <div class="toolbar"> |
| 13 | <div class="date-picker-parent"> |
| 14 | <div class="modal-parent dates"> |
| 15 | <button class="iawp-button"> |
| 16 | <span class="dashicons dashicons-calendar-alt"></span> |
| 17 | <span class="iawp-label"></span> <!-- Text updated in examiner_controller.js --> |
| 18 | </button> |
| 19 | </div> |
| 20 | </div> |
| 21 | <div class="download-options-parent" > |
| 22 | <div class="modal-parent downloads"> |
| 23 | <button class="download-options"> |
| 24 | <?php esc_html_e('Download Report', 'independent-analytics'); ?> |
| 25 | </button> |
| 26 | </div> |
| 27 | </div> |
| 28 | </div> |
| 29 | </div> |
| 30 | <div class="loading-message-container"> |
| 31 | <p class="loading-message"><?php echo iawp_render('icons.download'); ?> <?php esc_html_e('Fetching data', 'independent-analytics'); ?></p> |
| 32 | <p class="loading-message delay-1"><?php echo iawp_render('icons.preparing-report'); ?> <?php esc_html_e('Preparing report', 'independent-analytics'); ?></p> |
| 33 | <p class="loading-message delay-2"><?php echo iawp_render('icons.complete'); ?> <?php esc_html_e('Almost ready', 'independent-analytics'); ?></p> |
| 34 | </div> |
| 35 | </div> |