| @@ -1,230 +1,219 @@ | ||
| 1 | -<?php defined('ABSPATH') or die("Protected By WT!");?> | |
| 2 | -<?php if(!empty($arguments)):?> | |
| 3 | -<div class="wtotem_content"> | |
| 4 | - <div class="wtotem_container"> | |
| 5 | - <div class="wtotem_map"> | |
| 6 | - <div class="wtotem_map__first section-header-mb"> | |
| 7 | - <h2 class="title"> | |
| 8 | - <?= wtsec_locale("firewall_activity") ?> | |
| 9 | - </h2> | |
| 10 | -<!-- <div class="wtotem_print">--> | |
| 11 | -<!-- <div class="wtotem_print__img"></div>--> | |
| 12 | -<!-- <div class="wtotem_print__label">--> | |
| 13 | -<!-- Print PDF--> | |
| 14 | -<!-- </div>--> | |
| 15 | -<!-- </div>--> | |
| 16 | - </div> | |
| 17 | - <!-- Карта --> | |
| 18 | - </div> | |
| 19 | - | |
| 20 | - <div class="wtotem_firewall"> | |
| 21 | - <div class="wtotem_firewall__block"> | |
| 22 | - <div class="wtotem_numbers wt_card"> | |
| 23 | - <div class="wtotem_numbers__item"> | |
| 24 | - <div class="wtotem_numbers__title"> | |
| 25 | - <?= wtsec_locale("attacks") ?> | |
| 26 | - </div> | |
| 27 | - <div class="wtotem_numbers__figures"> | |
| 28 | - <?= $arguments["waf"]["attacks"] ?> | |
| 29 | - </div> | |
| 30 | - </div> | |
| 31 | - <div class="wtotem_numbers__item"> | |
| 32 | - <div class="wtotem_numbers__title"> | |
| 33 | - <?= wtsec_locale("attacks_blocked") ?> | |
| 34 | - </div> | |
| 35 | - <div class="wtotem_numbers__figures"> | |
| 36 | - <?= $arguments["waf"]["blocking"] ?> | |
| 37 | - </div> | |
| 38 | - </div> | |
| 39 | - <div class="wtotem_numbers__item"> | |
| 40 | - <div class="wtotem_numbers__title"> | |
| 41 | - <?= wtsec_locale("not_blocked") ?> | |
| 42 | - </div> | |
| 43 | - <div class="wtotem_numbers__figures"> | |
| 44 | - <?= $arguments["waf"]["non-blocking"] ?> | |
| 45 | - </div> | |
| 46 | - </div> | |
| 47 | - </div> | |
| 48 | - <div class="wtotem_from wt_card"> | |
| 49 | - <div class="wtotem_from__svg-wrap"> | |
| 50 | - <svg class="wtotem_from__progress"> | |
| 51 | - <circle | |
| 52 | - class="wtotem_from__circle" | |
| 53 | - cx="35" | |
| 54 | - cy="35" | |
| 55 | - r="28" | |
| 56 | - stroke-width="20" | |
| 57 | - stroke="rgb(135,255,222)" | |
| 58 | - /> | |
| 59 | - </svg> | |
| 60 | - <span class="wtotem_from__percent" data-value="<?=$arguments["waf"]["countryAttacks"]['percent']?>"> | |
| 61 | - 100% | |
| 62 | - </span> | |
| 63 | - </div> | |
| 64 | - | |
| 65 | - <div class="wtotem_from__info"> | |
| 66 | - <div class="wtotem_from__title"> | |
| 67 | - <?= wtsec_locale("chart.country") ?> | |
| 68 | - </div> | |
| 69 | - <div class="wtotem_from__country"> | |
| 70 | - <?= ($arguments["waf"]["countryAttacks"]["country"]) ? | |
| 71 | - wtsec_locale("chart.attack_from_region",['region' => $arguments["waf"]["countryAttacks"]["country"]]) : | |
| 72 | - wtsec_locale('statuses.ok') ?> | |
| 73 | - </div> | |
| 74 | - </div> | |
| 75 | - </div> | |
| 76 | - </div> | |
| 77 | - </div> | |
| 78 | - <div class="wtotem_chart wt_card"> | |
| 79 | - <div class="wtotem_chart-first"> | |
| 80 | - <div class="wtotem_chart-first__left"> | |
| 81 | - <div class="wtotem_chart-first__all"> | |
| 82 | - <?= wtsec_locale("chart.all") ?> | |
| 83 | - </div> | |
| 84 | - <div | |
| 85 | - class="wtotem_chart-first__hack wtotem_chart-first__hack_attack" | |
| 86 | - > | |
| 87 | - <span></span> | |
| 88 | - <p><?= wtsec_locale("chart.attacks") ?></p> | |
| 89 | - </div> | |
| 90 | - <div | |
| 91 | - class="wtotem_chart-first__hack wtotem_chart-first__hack_blocked" | |
| 92 | - > | |
| 93 | - <span></span> | |
| 94 | - <p><?= wtsec_locale("chart.blocked") ?></p> | |
| 95 | - </div> | |
| 96 | - </div> | |
| 97 | - | |
| 98 | -<!-- <div class="wtotem_chart-first__right">--> | |
| 99 | -<!-- <a href="#" class="wtotem_chart-first__btn"></a>--> | |
| 100 | -<!-- <a href="#" class="wtotem_chart-first__btn"></a>--> | |
| 101 | -<!-- <a href="#" class="wtotem_chart-first__btn wtotem_chart-first__btn_active">--><?//= wtsec_locale("chart.weekly") ?><!--</a>--> | |
| 102 | -<!-- </div>--> | |
| 103 | - </div> | |
| 104 | - | |
| 105 | - <div class="wtotem_chart__diagram"> | |
| 106 | - <div id="line-chart" class="line-chart"> | |
| 107 | - <div | |
| 108 | - id="tooltipAttacks" | |
| 109 | - class="line-chart__tooltip" | |
| 110 | - > | |
| 111 | - <span id="countAttacks"></span> | |
| 112 | - </div> | |
| 113 | - <div | |
| 114 | - id="tooltipBlocked" | |
| 115 | - class="line-chart__tooltip" | |
| 116 | - > | |
| 117 | - <span id="countBlocked"></span> | |
| 118 | - </div> | |
| 119 | - </div> | |
| 120 | - </div> | |
| 121 | - | |
| 122 | - <div class="wtotem_chart__line"></div> | |
| 123 | - | |
| 124 | - <div class="wtotem_data"> | |
| 125 | - <div class="wtotem_data__thead"> | |
| 126 | - <div class="wtotem_data__tr"> | |
| 127 | - <div | |
| 128 | - class="wtotem_data__th wtotem_data_width_1" | |
| 129 | - > | |
| 130 | - <?= wtsec_locale("chart.type_ip") ?> | |
| 131 | - </div> | |
| 132 | - <div | |
| 133 | - class="wtotem_data__th wtotem_data_width_2" | |
| 134 | - > | |
| 135 | - <?= wtsec_locale("chart.country") ?> | |
| 136 | - </div> | |
| 137 | - <div | |
| 138 | - class="wtotem_data__th wtotem_data_width_3" | |
| 139 | - > | |
| 140 | - <?= wtsec_locale("chart.time") ?> | |
| 141 | - </div> | |
| 142 | - <div | |
| 143 | - class="wtotem_data__th wtotem_data_width_4" | |
| 144 | - > | |
| 145 | - <?= wtsec_locale("chart.attack_location") ?> | |
| 146 | - </div> | |
| 147 | - <div | |
| 148 | - class="wtotem_data__th wtotem_data_width_6" | |
| 149 | - > | |
| 150 | - <?= wtsec_locale("chart.status") ?> | |
| 151 | - </div> | |
| 152 | - </div> | |
| 153 | - </div> | |
| 154 | - <div class="wtotem_data__tbody"> | |
| 155 | - <?php foreach ($arguments['waf']['edges'] as $edge){?> | |
| 156 | - <div class="wtotem_data__tr"> | |
| 157 | - <div class="wtotem_data__td <?= $edge['node']['blocked'] ? 'wtotem_data__td_banned' : 'wtotem_data__td_blocked' ?> wtotem_data_width_1"> | |
| 158 | - <div class="wtotem_data__ip"> | |
| 159 | - <?= $edge['node']['ip'] ?> | |
| 160 | - </div> | |
| 161 | - </div> | |
| 162 | - <div class="wtotem_data__td wtotem_data_width_2"> | |
| 163 | - <div class="wtotem_data__country wt-flex wt-flex-middle"> | |
| 164 | - <img src="https://www.countryflags.io/<?= $edge['node']['country'] ?>/flat/24.png" alt="Flag" class="wt-margin-right-10"> | |
| 165 | - | |
| 166 | - <?= $edge['node']['location']['country']['nameEn'] ?> | |
| 167 | - </div> | |
| 168 | - </div> | |
| 169 | - <div class="wtotem_data__td wtotem_data_width_3"> | |
| 170 | - <?= date("Y-m-d H:i:s",$edge['node']['time']/1000) ?> | |
| 171 | - </div> | |
| 172 | - <div | |
| 173 | - class="wtotem_data__td wtotem_data_width_4"> | |
| 174 | - <?= $edge['node']['request'] ?> | |
| 175 | - </div> | |
| 176 | - <div | |
| 177 | - class="wtotem_data__td wtotem_data_width_6"> | |
| 178 | - <?= $edge['node']['blocked'] ? wtsec_locale('chart.blocked_ip') : wtsec_locale('chart.not_blocked_ip') ?> | |
| 179 | - </div> | |
| 180 | - </div> | |
| 181 | - <?php } ?> | |
| 182 | - </div> | |
| 183 | - </div> | |
| 184 | - <div class="wtotem_state__line"></div> | |
| 185 | - | |
| 186 | - <div class="wtotem_state__last"> | |
| 187 | - <div class="wtotem_state__text"> | |
| 188 | - <?= wtsec_locale("need_more_support") ?> | |
| 189 | - <a target="_blank" href="https://wtotem.com/#hs-chat-open"><?= wtsec_locale("lets_talk") ?></a> | |
| 190 | - </div> | |
| 191 | -<!-- <nav class="wtotem_pagination">--> | |
| 192 | -<!-- <a--> | |
| 193 | -<!-- href="#"--> | |
| 194 | -<!-- class="wtotem_pagination__number wtotem_pagination__number_active"--> | |
| 195 | -<!-- >--> | |
| 196 | -<!-- 1--> | |
| 197 | -<!-- </a>--> | |
| 198 | -<!-- <a href="#" class="wtotem_pagination__number">--> | |
| 199 | -<!-- 2--> | |
| 200 | -<!-- </a>--> | |
| 201 | -<!-- <a href="#" class="wtotem_pagination__number">--> | |
| 202 | -<!-- 3--> | |
| 203 | -<!-- </a>--> | |
| 204 | -<!-- <a--> | |
| 205 | -<!-- href="#"--> | |
| 206 | -<!-- class="wtotem_pagination__number wtotem_pagination__number_etc"--> | |
| 207 | -<!-- >--> | |
| 208 | -<!-- ...--> | |
| 209 | -<!-- </a>--> | |
| 210 | -<!-- <a href="#" class="wtotem_pagination__number">--> | |
| 211 | -<!-- 100--> | |
| 212 | -<!-- </a>--> | |
| 213 | -<!-- <a href="#" class="wtotem_pagination__number">--> | |
| 214 | -<!-- <img--> | |
| 215 | -<!-- class="wtotem_pagination__arrow"--> | |
| 216 | -<!-- src="img/arrow-pagination.svg"--> | |
| 217 | -<!-- alt="arrow"--> | |
| 218 | -<!-- />--> | |
| 219 | -<!-- </a>--> | |
| 220 | -<!-- </nav>--> | |
| 221 | - </div> | |
| 222 | - </div> | |
| 223 | - </div> | |
| 224 | -</div> | |
| 225 | -<script> | |
| 226 | - var waf_chart = <?=$arguments["waf"]["chart"]?>; | |
| 227 | -</script> | |
| 228 | -<?php else:?> | |
| 229 | - | |
| 230 | -<?php endif;?> | |
| 1 | +<?php defined('ABSPATH') or die("Protected By WT!");?> | |
| 2 | +<?php if(!empty($arguments)):?> | |
| 3 | +<div class="wtotem_content"> | |
| 4 | + | |
| 5 | + <div class="wtotem_container"> | |
| 6 | + <div class="wtotem_map"> | |
| 7 | + <div class="wtotem_map__first section-header-mb"> | |
| 8 | + <h2 class="title"><?= wtsec_locale("firewall_activity") ?></h2> | |
| 9 | +<!-- <div class="wtotem_print">--> | |
| 10 | +<!-- <div class="wtotem_print__img"></div>--> | |
| 11 | +<!-- <div class="wtotem_print__label">Print PDF</div>--> | |
| 12 | +<!-- </div>--> | |
| 13 | + </div> | |
| 14 | + <div class="wtotem_map-wrap wt_card"> | |
| 15 | + <div class="wtotem_chart-first"> | |
| 16 | + <div class="wtotem_country"> | |
| 17 | + <div class="wtotem_country__title"> | |
| 18 | + <?= wtsec_locale("chart.country") ?> | |
| 19 | + </div> | |
| 20 | + <div class="wtotem_country__desc"> | |
| 21 | + <?= wtsec_locale("attack_map") ?> | |
| 22 | + </div> | |
| 23 | + </div> | |
| 24 | + <div class="wtotem_chart__wrapper"> | |
| 25 | + | |
| 26 | + <div class="wtotem_chart-first__right" id="map_btn"> | |
| 27 | + <div class="wtotem_chart-first__btn" data-days="365"><?= wtsec_locale("chart.yearly") ?></div> | |
| 28 | + <div class="wtotem_chart-first__btn wtotem_chart-first__btn_active" data-days="31"><?= wtsec_locale("chart.monthly") ?></div> | |
| 29 | + <div class="wtotem_chart-first__btn" data-days="7"><?= wtsec_locale("chart.weekly") ?></div> | |
| 30 | + <div class="wtotem_chart-first__btn" data-days="1"><?= wtsec_locale("chart.daily") ?></div> | |
| 31 | + </div> | |
| 32 | + </div> | |
| 33 | + </div> | |
| 34 | + <!-- Карта --> | |
| 35 | + <div class="wtotem_map-block" id="wtotem_map_box"> | |
| 36 | + <?php include 'components/_map_view.php';?> | |
| 37 | + </div> | |
| 38 | + </div> | |
| 39 | + </div> | |
| 40 | + | |
| 41 | + <div class="wtotem_firewall"> | |
| 42 | + <div class="wtotem_firewall__block"> | |
| 43 | + <div class="wtotem_numbers wt_card"> | |
| 44 | + <div class="wtotem_numbers__item"> | |
| 45 | + <div class="wtotem_numbers__title"> | |
| 46 | + <?= wtsec_locale("attacks") ?> | |
| 47 | + </div> | |
| 48 | + <div class="wtotem_numbers__figures"> | |
| 49 | + <?= $arguments["waf"]["attacks"] ?> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | + <div class="wtotem_numbers__item"> | |
| 53 | + <div class="wtotem_numbers__title"> | |
| 54 | + <?= wtsec_locale("attacks_blocked") ?> | |
| 55 | + </div> | |
| 56 | + <div class="wtotem_numbers__figures"> | |
| 57 | + <?= $arguments["waf"]["blocking"] ?> | |
| 58 | + </div> | |
| 59 | + </div> | |
| 60 | + <div class="wtotem_numbers__item"> | |
| 61 | + <div class="wtotem_numbers__title"> | |
| 62 | + <?= wtsec_locale("not_blocked") ?> | |
| 63 | + </div> | |
| 64 | + <div class="wtotem_numbers__figures"> | |
| 65 | + <?= $arguments["waf"]["non-blocking"] ?> | |
| 66 | + </div> | |
| 67 | + </div> | |
| 68 | + </div> | |
| 69 | + <div class="wtotem_from wt_card"> | |
| 70 | + <div class="wtotem_from__svg-wrap"> | |
| 71 | + <svg class="wtotem_from__progress"> | |
| 72 | + <circle | |
| 73 | + class="wtotem_from__circle" | |
| 74 | + cx="35" | |
| 75 | + cy="35" | |
| 76 | + r="28" | |
| 77 | + stroke-width="20" | |
| 78 | + stroke="rgb(135,255,222)" | |
| 79 | + /> | |
| 80 | + </svg> | |
| 81 | + <span class="wtotem_from__percent" data-value="<?=$arguments["waf"]["countryAttacks"]['percent']?>"> | |
| 82 | + 100% | |
| 83 | + </span> | |
| 84 | + </div> | |
| 85 | + | |
| 86 | + <div class="wtotem_from__info"> | |
| 87 | + <div class="wtotem_from__title"> | |
| 88 | + <?= wtsec_locale("chart.country") ?> | |
| 89 | + </div> | |
| 90 | + <div class="wtotem_from__country"> | |
| 91 | + <?= ($arguments["waf"]["countryAttacks"]["country"]) ? | |
| 92 | + wtsec_locale("chart.attack_from_region",['region' => $arguments["waf"]["countryAttacks"]["country"]]) : | |
| 93 | + wtsec_locale('statuses.ok') ?> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + </div> | |
| 97 | + </div> | |
| 98 | + </div> | |
| 99 | + <div class="wtotem_chart wt_card"> | |
| 100 | + <div class="wtotem_chart-first"> | |
| 101 | + <div class="wtotem_chart-first__left"> | |
| 102 | + <div class="wtotem_chart-first__all"> | |
| 103 | + <?= wtsec_locale("chart.all") ?> | |
| 104 | + </div> | |
| 105 | + <div class="wtotem_chart-first__hack wtotem_chart-first__hack_attack" > | |
| 106 | + <span></span> | |
| 107 | + <p><?= wtsec_locale("chart.attacks") ?></p> | |
| 108 | + </div> | |
| 109 | + <div class="wtotem_chart-first__hack wtotem_chart-first__hack_blocked"> | |
| 110 | + <span></span> | |
| 111 | + <p><?= wtsec_locale("chart.blocked") ?></p> | |
| 112 | + </div> | |
| 113 | + </div> | |
| 114 | + | |
| 115 | + <div class="wtotem_chart__wrapper"> | |
| 116 | + | |
| 117 | + <div class="wtotem_chart-first__right" id="chart_btn"> | |
| 118 | + <div class="wtotem_chart-first__btn" data-days="365"><?= wtsec_locale("chart.yearly") ?></div> | |
| 119 | + <div class="wtotem_chart-first__btn wtotem_chart-first__btn_active" data-days="31"><?= wtsec_locale("chart.monthly") ?></div> | |
| 120 | + <div class="wtotem_chart-first__btn" data-days="7"><?= wtsec_locale("chart.weekly") ?></div> | |
| 121 | + <div class="wtotem_chart-first__btn" data-days="1"><?= wtsec_locale("chart.daily") ?></div> | |
| 122 | + </div> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + | |
| 126 | + | |
| 127 | + <div id="chart_wrap"> | |
| 128 | + <div class="wtotem_chart__diagram" data-days="7" id="wtotem_chart_diagram"> | |
| 129 | + <div id="line-chart" class="line-chart"> | |
| 130 | + <div id="tooltipAttacks" class="line-chart__tooltip"> | |
| 131 | + <span id="countAttacks"></span> | |
| 132 | + </div> | |
| 133 | + <div id="tooltipBlocked" class="line-chart__tooltip"> | |
| 134 | + <span id="countBlocked"></span> | |
| 135 | + </div> | |
| 136 | + </div> | |
| 137 | + </div> | |
| 138 | + | |
| 139 | + <div class="wtotem_chart__line"></div> | |
| 140 | + </div> | |
| 141 | + | |
| 142 | + <div class="wtotem_filter__wrapper wt-margin-20"> | |
| 143 | + <div class="wtotem_chart__calendars"> | |
| 144 | + <div class="wtotem_calendar-icon"></div> | |
| 145 | + <input | |
| 146 | + class="flatpickr flatpickr-input wtotem_calendar" | |
| 147 | + type="text" | |
| 148 | + placeholder="<?= wtsec_locale("chart.select-date") ?>" | |
| 149 | + readonly="readonly" | |
| 150 | + id="waf_period_filter" | |
| 151 | + /> | |
| 152 | + <div class="wtotem_calendar-connect"> | |
| 153 | + - | |
| 154 | + </div> | |
| 155 | + <input | |
| 156 | + class="wtotem_calendar" | |
| 157 | + type="text" | |
| 158 | + placeholder="<?= wtsec_locale("chart.select-date") ?>" | |
| 159 | + id="secondRangeInput" | |
| 160 | + readonly="readonly" | |
| 161 | + /> | |
| 162 | + </div> | |
| 163 | + </div> | |
| 164 | + <div class="wtotem_data"> | |
| 165 | + <div class="wtotem_data__thead"> | |
| 166 | + <div class="wtotem_data__tr"> | |
| 167 | + <div | |
| 168 | + class="wtotem_data__th wtotem_data_width_1" | |
| 169 | + > | |
| 170 | + <?= wtsec_locale("chart.type_ip") ?> | |
| 171 | + </div> | |
| 172 | + <div | |
| 173 | + class="wtotem_data__th wtotem_data_width_2" | |
| 174 | + > | |
| 175 | + <?= wtsec_locale("chart.country") ?> | |
| 176 | + </div> | |
| 177 | + <div | |
| 178 | + class="wtotem_data__th wtotem_data_width_3" | |
| 179 | + > | |
| 180 | + <?= wtsec_locale("chart.time") ?> | |
| 181 | + </div> | |
| 182 | + <div | |
| 183 | + class="wtotem_data__th wtotem_data_width_4" | |
| 184 | + > | |
| 185 | + <?= wtsec_locale("chart.attack_location") ?> | |
| 186 | + </div> | |
| 187 | + <div | |
| 188 | + class="wtotem_data__th wtotem_data_width_6" | |
| 189 | + > | |
| 190 | + <?= wtsec_locale("chart.status") ?> | |
| 191 | + </div> | |
| 192 | + </div> | |
| 193 | + </div> | |
| 194 | + <div class="wtotem_data__tbody" id="wtotem_data_box"> | |
| 195 | + <?php include 'components/_firewall_lazy.php'?> | |
| 196 | + </div> | |
| 197 | + | |
| 198 | + </div> | |
| 199 | + | |
| 200 | + <div class="wtotem_state__line"></div> | |
| 201 | + | |
| 202 | + <div class="wtotem_state__last"> | |
| 203 | + <div class="wtotem_state__text"> | |
| 204 | + <?= wtsec_locale("need_more_support") ?> | |
| 205 | + <a target="_blank" href="https://wtotem.com/#hs-chat-open"><?= wtsec_locale("lets_talk") ?></a> | |
| 206 | + </div> | |
| 207 | + | |
| 208 | + </div> | |
| 209 | + </div> | |
| 210 | + </div> | |
| 211 | +</div> | |
| 212 | +<script> | |
| 213 | + var waf_chart = <?=$arguments["waf"]["chart"]?>; | |
| 214 | +</script> | |
| 215 | +<?php else:?> | |
| 216 | + | |
| 217 | +<?php endif;?> | |
| 218 | + | |
| 219 | + | |
