| @@ -1,14 +1,15 @@ | ||
| 1 | 1 | <div> |
| 2 | 2 | <?php |
| 3 | - $color_scheme = WTSEC_LIBRARY_App::_get('color_scheme'); | |
| 3 | + $color_scheme = WTSEC_LIBRARY_App::_get('color_scheme'); | |
| 4 | + $time_zone = WTSEC_LIBRARY_App::_get('time_zone'); | |
| 4 | 5 | $class = ($color_scheme == 'dark') ? 'wtotem_theme—dark' : 'wtotem_theme—light'; |
| 5 | 6 | ?> |
| 6 | 7 | |
| 7 | 8 | <script > |
| 8 | 9 | document.querySelector("body").classList.add("<?= $class ?>"); |
| 10 | + var $userTimeZone = <?= $time_zone ?: 'false' ?>; | |
| 9 | 11 | </script> |
| 10 | - | |
| 11 | 12 | <div class="wtotem_body"> |
| 12 | 13 | <div class="wtotem_header wt_card"> |
| 13 | 14 | <div class="wtotem_container"> |
| 14 | 15 | <div class="wtotem_header__body"> |
| @@ -23,9 +24,9 @@ | ||
| 23 | 24 | <ul class="wtotem_nav__menu"> |
| 24 | 25 | <div class="wtotem_control__checkbox" id="color_scheme_toggle"> |
| 25 | 26 | <input type="checkbox" class="wtotem_control__input" id="control-checkbox" <?= ($color_scheme == 'dark') ? 'checked' : '' ?> /> |
| 26 | 27 | <label for="control-checkbox" class="wtotem_control__label"> |
| 27 | - <span class="wtotem_control__switched-circle"></span> | |
| 28 | + <span class="wtotem_control__switched-circle"></span> | |
| 28 | 29 | </label> |
| 29 | 30 | </div> |
| 30 | 31 | |
| 31 | 32 | <li class="wtotem_nav__item"> |
| @@ -47,19 +48,32 @@ | ||
| 47 | 48 | <a href="<?=wtsec_getUrl("options")?>" class="wtotem_nav__link <?= wtsec_isActivePage("options") ?>"> |
| 48 | 49 | <?= wtsec_locale("settings") ?> |
| 49 | 50 | </a> |
| 50 | 51 | </li> |
| 52 | + <li class="wtotem_nav__item"> | |
| 53 | + <a href="<?=wtsec_getUrl("reports")?>" class="wtotem_nav__link <?= wtsec_isActivePage("reports") ?>"> | |
| 54 | + <?= wtsec_locale("reports") ?> | |
| 55 | + </a> | |
| 56 | + </li> | |
| 57 | + <li class="wtotem_nav__item"> | |
| 58 | + <a href="<?=wtsec_getUrl("information")?>" class="wtotem_nav__link <?= wtsec_isActivePage("information") ?>"> | |
| 59 | + <?= wtsec_locale("information") ?> | |
| 60 | + </a> | |
| 61 | + </li> | |
| 51 | 62 | </ul> |
| 52 | 63 | </nav> |
| 53 | 64 | </div> |
| 54 | 65 | </div> |
| 55 | 66 | </div> |
| 56 | - <div class="wtotem_content" style="padding:1px"> | |
| 57 | - <div class="wtotem_container"> | |
| 58 | - <?php WTSEC_LIBRARY_Session::notifications() ?> | |
| 59 | - </div> | |
| 67 | + <div class="wtotem_content" style="padding:1px"> | |
| 68 | + <div class="wtotem_container"> | |
| 69 | + <div id="wtotem_notifications"></div> | |
| 70 | + <?php WTSEC_LIBRARY_Session::notifications() ?> | |
| 60 | 71 | </div> |
| 72 | + </div> | |
| 73 | + <div class="wtotem_content_body"> | |
| 61 | 74 | <?php include $body;?> |
| 75 | + </div> | |
| 62 | 76 | |
| 63 | 77 | <div class="wtotem_footer"> |
| 64 | 78 | <div class="wtotem_container"> |
| 65 | 79 | <div class="wtotem_footer__first"> |
| @@ -103,8 +117,13 @@ | ||
| 103 | 117 | </div> |
| 104 | 118 | </div> |
| 105 | 119 | </div> |
| 106 | 120 | </div> |
| 121 | + </div> | |
| 122 | + | |
| 123 | + <div class="wt-loader-fixed wt-loader d-none" style="height: auto;"> | |
| 124 | + <img src="<?=wtsec_getImagePath("spinner.svg")?>" alt="spinner"> | |
| 125 | + <strong class="wt-text wt-text--uppercase wt-text--blue">Loading</strong> | |
| 107 | 126 | </div> |
| 108 | 127 | </div> |
| 109 | 128 | <style> |
| 110 | 129 | /* wp default styles override*/ |