| @@ -1,8 +1,14 @@ | ||
| 1 | 1 | <div> |
| 2 | - <?php $color_scheme = WTSEC_LIBRARY_App::_get('color_scheme');?> | |
| 2 | + <?php | |
| 3 | + $color_scheme = WTSEC_LIBRARY_App::_get('color_scheme'); | |
| 4 | + $class = ($color_scheme == 'dark') ? 'wtotem_theme—dark' : 'wtotem_theme—light'; | |
| 5 | + ?> | |
| 3 | 6 | |
| 4 | - <div class="wtotem_body <?= ($color_scheme == 'dark') ? 'wtotem_theme—dark' : '' ?>"> | |
| 7 | + <script > | |
| 8 | + document.querySelector("body").classList.add("<?= $class ?>"); | |
| 9 | + </script> | |
| 10 | + <div class="wtotem_body"> | |
| 5 | 11 | <div class="wtotem_header wt_card"> |
| 6 | 12 | <div class="wtotem_container"> |
| 7 | 13 | <div class="wtotem_header__body"> |
| 8 | 14 | <div class="wtotem_version"> |
| @@ -16,9 +22,9 @@ | ||
| 16 | 22 | <ul class="wtotem_nav__menu"> |
| 17 | 23 | <div class="wtotem_control__checkbox" id="color_scheme_toggle"> |
| 18 | 24 | <input type="checkbox" class="wtotem_control__input" id="control-checkbox" <?= ($color_scheme == 'dark') ? 'checked' : '' ?> /> |
| 19 | 25 | <label for="control-checkbox" class="wtotem_control__label"> |
| 20 | - <span class="wtotem_control__switched-circle"></span> | |
| 26 | + <span class="wtotem_control__switched-circle"></span> | |
| 21 | 27 | </label> |
| 22 | 28 | </div> |
| 23 | 29 | |
| 24 | 30 | <li class="wtotem_nav__item"> |
| @@ -40,19 +46,31 @@ | ||
| 40 | 46 | <a href="<?=wtsec_getUrl("options")?>" class="wtotem_nav__link <?= wtsec_isActivePage("options") ?>"> |
| 41 | 47 | <?= wtsec_locale("settings") ?> |
| 42 | 48 | </a> |
| 43 | 49 | </li> |
| 50 | + <li class="wtotem_nav__item"> | |
| 51 | + <a href="<?=wtsec_getUrl("reports")?>" class="wtotem_nav__link <?= wtsec_isActivePage("reports") ?>"> | |
| 52 | + <?= wtsec_locale("reports") ?> | |
| 53 | + </a> | |
| 54 | + </li> | |
| 55 | + <li class="wtotem_nav__item"> | |
| 56 | + <a href="<?=wtsec_getUrl("information")?>" class="wtotem_nav__link <?= wtsec_isActivePage("information") ?>"> | |
| 57 | + <?= wtsec_locale("information") ?> | |
| 58 | + </a> | |
| 59 | + </li> | |
| 44 | 60 | </ul> |
| 45 | 61 | </nav> |
| 46 | 62 | </div> |
| 47 | 63 | </div> |
| 48 | 64 | </div> |
| 49 | - <div class="wtotem_content" style="padding:1px"> | |
| 50 | - <div class="wtotem_container"> | |
| 51 | - <?php WTSEC_LIBRARY_Session::notifications() ?> | |
| 52 | - </div> | |
| 65 | + <div class="wtotem_content" style="padding:1px"> | |
| 66 | + <div class="wtotem_container"> | |
| 67 | + <?php WTSEC_LIBRARY_Session::notifications() ?> | |
| 53 | 68 | </div> |
| 69 | + </div> | |
| 70 | + <div class="wtotem_content_body"> | |
| 54 | 71 | <?php include $body;?> |
| 72 | + </div> | |
| 55 | 73 | |
| 56 | 74 | <div class="wtotem_footer"> |
| 57 | 75 | <div class="wtotem_container"> |
| 58 | 76 | <div class="wtotem_footer__first"> |
| @@ -96,8 +114,13 @@ | ||
| 96 | 114 | </div> |
| 97 | 115 | </div> |
| 98 | 116 | </div> |
| 99 | 117 | </div> |
| 118 | + </div> | |
| 119 | + | |
| 120 | + <div class="wt-loader-fixed wt-loader d-none" style="height: auto;"> | |
| 121 | + <img src="<?=wtsec_getImagePath("spinner.svg")?>" alt="spinner"> | |
| 122 | + <strong class="wt-text wt-text--uppercase wt-text--blue">Loading</strong> | |
| 100 | 123 | </div> |
| 101 | 124 | </div> |
| 102 | 125 | <style> |
| 103 | 126 | /* wp default styles override*/ |