| @@ -1,5 +1,6 @@ | ||
| 1 | 1 | <?php defined('ABSPATH') or die("Protected By WT!"); ?> |
| 2 | + | |
| 2 | 3 | <?php if (!empty($arguments)): ?> |
| 3 | 4 | |
| 4 | 5 | <div class="wtotem_content"> |
| 5 | 6 | <div class="wtotem_container"> |
| @@ -7,10 +8,13 @@ | ||
| 7 | 8 | <div class="wtotem_overall wtotem_first_left wt_card"> |
| 8 | 9 | <div class="wtotem_overall__title wtotem_title-info"> |
| 9 | 10 | <h3 class="wtotem_title-info__title"> |
| 10 | 11 | <?= wtsec_locale("score.overall_security_grade") ?> |
| 11 | - <span class="wtotem_title-info__info" data-tlite="w" | |
| 12 | - title="<?= $arguments["score"]["description"] ?>"> </span> | |
| 12 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 13 | + <div class="wtotem-tooltip__content"> | |
| 14 | + <?= wtsec_locale("tooltips.scoring") ?> | |
| 15 | + </div> | |
| 16 | + </div> | |
| 13 | 17 | </h3> |
| 14 | 18 | </div> |
| 15 | 19 | <div class="wtotem_overall__body"> |
| 16 | 20 | <div class="wtotem_overall__inner"> |
| @@ -36,9 +40,9 @@ | ||
| 36 | 40 | <div class="wtotem_info__block"> |
| 37 | 41 | <div class="wtotem_info__subtitle"><?= wtsec_locale("score.location") ?></div> |
| 38 | 42 | <div class="wtotem_info__info"><?= $arguments["score"]["location"] ?></div> |
| 39 | 43 | </div> |
| 40 | - <div class="wtotem_info__scoring arrow-right"><a href="https://wtotem.com/scoring?url=<?= WTSEC_SITE_URL ?>" target="_blank"><?= wtsec_locale("score.full_scoring") ?></a></div> | |
| 44 | + <div class="wtotem_info__scoring arrow-right"><a href="https://wtotem.com/cabinet/site/<?= $arguments['settings']['site_id']?>/scoring" target="_blank"><?= wtsec_locale("score.full_scoring") ?></a></div> | |
| 41 | 45 | </div> |
| 42 | 46 | </div> |
| 43 | 47 | </div> |
| 44 | 48 | |
| @@ -47,12 +51,16 @@ | ||
| 47 | 51 | <div class="wtotem_unit__first section-header-mb"> |
| 48 | 52 | <h2 class="title"> |
| 49 | 53 | <?= wtsec_locale("agent_manager_installation") ?> |
| 50 | 54 | </h2> |
| 55 | + | |
| 56 | + <a class="wtotem_button wtotem_button--primary wtotem_font-700 wtotem_reinstall" href="#" data-text="<?= wtsec_locale("reinstall_warning") ?>"> | |
| 57 | + <span><?= wtsec_locale("reinstall") ?></span> | |
| 58 | + </a> | |
| 51 | 59 | </div> |
| 52 | 60 | <div class="wtotem_unit__wrapper wt_card"> |
| 53 | 61 | <?php if ($arguments["am"]["process_status"] === "installing"): ?> |
| 54 | - <div class="wtotem_unit__block wtotem_unit__block_antivirus" id="wtsec_antivirus_block_installed" style="display: none"> | |
| 62 | + <div class="wtotem_unit__block wtotem_unit__block_antivirus" id="wtsec_antivirus_block_installed" style="display: none"> | |
| 55 | 63 | <div class="wtotem_unit__contain"> |
| 56 | 64 | <div class="wtotem_unit__circle wtotem_unit__circle_success"> |
| 57 | 65 | <img src="<?= wtsec_getImagePath("success.svg") ?>" alt="Success" class="wtotem_unit__img"> |
| 58 | 66 | </div> |
| @@ -63,9 +71,9 @@ | ||
| 63 | 71 | <div class="wtotem_unit__expectation wtotem_unit__expectation_success"> |
| 64 | 72 | <?= wtsec_locale("installed") ?> |
| 65 | 73 | </div> |
| 66 | 74 | </div> |
| 67 | - <div class="wtotem_unit__block wtotem_unit__block_antivirus" id="wtsec_antivirus_block_installing" style="display: none"> | |
| 75 | + <div class="wtotem_unit__block wtotem_unit__block_antivirus" id="wtsec_antivirus_block_installing" > | |
| 68 | 76 | <div class="wtotem_unit__contain"> |
| 69 | 77 | <div class="wtotem_unit__expectation wtotem_unit__circle_loading"> |
| 70 | 78 | <img src="<?= wtsec_getImagePath("spinner.svg") ?>" alt="Spinner" |
| 71 | 79 | class="wtotem_unit__img wtotem_unit__img_spinner"/> |
| @@ -104,9 +112,9 @@ | ||
| 104 | 112 | <?= wtsec_locale("installed") ?> |
| 105 | 113 | </div> |
| 106 | 114 | </div> |
| 107 | 115 | |
| 108 | - <div class="wtotem_unit__block wtotem_unit__block_firewall" id="wtsec_firewall_block_installing" style="display: none"> | |
| 116 | + <div class="wtotem_unit__block wtotem_unit__block_firewall" id="wtsec_firewall_block_installing"> | |
| 109 | 117 | <div class="wtotem_unit__contain"> |
| 110 | 118 | <div class="wtotem_unit__expectation wtotem_unit__circle_loading"> |
| 111 | 119 | <img src="<?= wtsec_getImagePath("spinner.svg") ?>" alt="Spinner" |
| 112 | 120 | class="wtotem_unit__img wtotem_unit__img_spinner"/> |
| @@ -130,8 +138,9 @@ | ||
| 130 | 138 | <div class="wtotem_unit__expectation wtotem_unit__expectation_error"> |
| 131 | 139 | <?= wtsec_locale("installation_failed") ?> |
| 132 | 140 | </div> |
| 133 | 141 | </div> |
| 142 | + | |
| 134 | 143 | <?php elseif(!$arguments["am"]["installed"]): ?> |
| 135 | 144 | <div class="wtotem_unit__block"> |
| 136 | 145 | <div class="wtotem_unit__contain"> |
| 137 | 146 | <div class="wtotem_unit__circle wtotem_unit__circle_error"></div> |
| @@ -139,29 +148,39 @@ | ||
| 139 | 148 | <?= wtsec_locale("agent_manager_failed") ?> |
| 140 | 149 | </h2> |
| 141 | 150 | </div> |
| 142 | 151 | <div class="wtotem_unit__expectation wtotem_unit__expectation_error"> |
| 143 | - <?php if (isset($arguments['am']['actions']['first'])) { ?> | |
| 144 | - <?= $arguments['am']['actions']['first'] ?> | |
| 145 | - <?php } ?> | |
| 152 | + <a class="wtotem_button wtotem_button--primary wtotem_font-700 wtotem_block_center wtotem_reinstall" href="#" data-text="<?= wtsec_locale("reinstall_warning") ?>"> | |
| 153 | + <span><?= wtsec_locale("install") ?></span> | |
| 154 | + </a> | |
| 146 | 155 | </div> |
| 147 | 156 | </div> |
| 148 | 157 | <?php endif; ?> |
| 149 | 158 | |
| 150 | 159 | </div> |
| 160 | + | |
| 151 | 161 | </div> |
| 152 | 162 | <?php endif; ?> |
| 153 | 163 | |
| 154 | 164 | |
| 155 | - | |
| 156 | 165 | <div class="wtotem_firewall"> |
| 157 | 166 | <div class="wtotem_firewall__first section-header-mb"> |
| 158 | 167 | <h2 class="title"><?= wtsec_locale("firewall_activity") ?></h2> |
| 159 | - <a href="<?=wtsec_getUrl("waf")?>" class="wtotem_firewall__stats wtotem_print"> | |
| 160 | - <span class="wtotem_firewall__icon"></span> | |
| 161 | - <span class="wtotem_firewall__text wtotem_print__label">Full stats</span> | |
| 168 | + </div> | |
| 169 | + | |
| 170 | + <?php if($arguments["wafTraining"]):?> | |
| 171 | + <div class="wtotem_firwall-training-alert wt_card"> | |
| 172 | + <div class="wtotem_firwall-training-alert__text-wrapper"> | |
| 173 | + <p class="wtotem_firwall-training-alert__text"> | |
| 174 | + <?= wtsec_locale("firewall-training") ?> | |
| 175 | + </p> | |
| 176 | + </div> | |
| 177 | + <a href="https://wtotem.com/docs/our-features/firewall" target="_blank" class="wtotem_firwall-training-alert__learn-more button"> | |
| 178 | + <?= wtsec_locale("learn_more") ?> | |
| 162 | 179 | </a> |
| 163 | 180 | </div> |
| 181 | + <?php endif; ?> | |
| 182 | + | |
| 164 | 183 | <div class="wtotem_firewall__block"> |
| 165 | 184 | <div class="wtotem_numbers wt_card"> |
| 166 | 185 | <div class="wtotem_numbers__item"> |
| 167 | 186 | <div class="wtotem_numbers__title"><?= wtsec_locale("attacks") ?></div> |
| @@ -182,10 +201,9 @@ | ||
| 182 | 201 | |
| 183 | 202 | <div class="wtotem_from wt_card"> |
| 184 | 203 | <div class="wtotem_from__svg-wrap"> |
| 185 | 204 | <svg class="wtotem_from__progress"> |
| 186 | - <circle class="wtotem_from__circle" cx="35" cy="35" r="28" stroke-width="20" | |
| 187 | - stroke="rgb(135,255,222)"/> | |
| 205 | + <circle class="wtotem_from__circle" cx="35" cy="35" r="28" stroke-width="20" stroke="rgb(135,255,222)"/> | |
| 188 | 206 | </svg> |
| 189 | 207 | <span class="wtotem_from__percent" data-value="<?=$arguments["waf"]["countryAttacks"]['percent']?>">100%</span> |
| 190 | 208 | </div> |
| 191 | 209 | |
| @@ -193,12 +211,12 @@ | ||
| 193 | 211 | <div class="wtotem_from__title"><?= wtsec_locale("chart.country") ?></div> |
| 194 | 212 | <div class="wtotem_from__country" > |
| 195 | 213 | <?= ($arguments["waf"]["countryAttacks"]["country"]) ? |
| 196 | 214 | wtsec_locale("chart.attack_from_region",['region' => $arguments["waf"]["countryAttacks"]["country"]]) : |
| 197 | - wtsec_locale('statuses.ok') ?> | |
| 215 | + wtsec_locale('statuses.pending') ?> | |
| 198 | 216 | </div> |
| 199 | 217 | </div> |
| 200 | - <div class="wtotem_from__arrow-right"></div> | |
| 218 | + <a href="<?=wtsec_getUrl("waf")?>" class="wtotem_from__arrow-right"></a> | |
| 201 | 219 | </div> |
| 202 | 220 | </div> |
| 203 | 221 | </div> |
| 204 | 222 | |
| @@ -204,9 +222,8 @@ | ||
| 204 | 222 | |
| 205 | 223 | <div class="wtotem_chart wt_card"> |
| 206 | 224 | <div class="wtotem_chart-first"> |
| 207 | 225 | <div class="wtotem_chart-first__left"> |
| 208 | - <div class="wtotem_chart-first__all"><?= wtsec_locale("chart.all") ?></div> | |
| 209 | 226 | <div class="wtotem_chart-first__hack wtotem_chart-first__hack_attack"> |
| 210 | 227 | <span></span> |
| 211 | 228 | <p><?= wtsec_locale("chart.attacks") ?></p> |
| 212 | 229 | </div> |
| @@ -215,9 +232,9 @@ | ||
| 215 | 232 | <p><?= wtsec_locale("chart.blocked") ?></p> |
| 216 | 233 | </div> |
| 217 | 234 | </div> |
| 218 | 235 | |
| 219 | - <div class="wtotem_chart-first__right" id="chart_btn"> | |
| 236 | + <div class="wtotem_chart-first__right chart_btn" data-box="chart_wrap" data-service="waf"> | |
| 220 | 237 | <div class="wtotem_chart-first__btn" data-days="365"><?= wtsec_locale("chart.yearly") ?></div> |
| 221 | 238 | <div class="wtotem_chart-first__btn wtotem_chart-first__btn_active" data-days="31"><?= wtsec_locale("chart.monthly") ?></div> |
| 222 | 239 | <div class="wtotem_chart-first__btn" data-days="7"><?= wtsec_locale("chart.weekly") ?></div> |
| 223 | 240 | <div class="wtotem_chart-first__btn" data-days="1"><?= wtsec_locale("chart.daily") ?></div> |
| @@ -223,15 +240,17 @@ | ||
| 223 | 240 | <div class="wtotem_chart-first__btn" data-days="1"><?= wtsec_locale("chart.daily") ?></div> |
| 224 | 241 | </div> |
| 225 | 242 | </div> |
| 226 | 243 | |
| 244 | + | |
| 245 | + <?php if($arguments["waf"]["chart"] && $arguments["waf"]["chart"] != 'null'):?> | |
| 227 | 246 | <div id="chart_wrap"> |
| 228 | - <div class="wtotem_chart__diagram" data-days="7" id="wtotem_chart_diagram"> | |
| 247 | + <div class="wtotem_chart__diagram" data-days="31" id="wtotem_chart_diagram"> | |
| 229 | 248 | <div id="line-chart" class="line-chart"> |
| 230 | 249 | <div id="tooltipAttacks" class="line-chart__tooltip"> |
| 231 | 250 | <span id="countAttacks"></span> |
| 232 | 251 | </div> |
| 233 | - <div id="tooltipBlocked" class="line-chart__tooltip"> | |
| 252 | + <div id="tooltipBlocked" class="line-chart__tooltip line-chart__tooltip--reverse"> | |
| 234 | 253 | <span id="countBlocked"></span> |
| 235 | 254 | </div> |
| 236 | 255 | </div> |
| 237 | 256 | </div> |
| @@ -237,36 +256,34 @@ | ||
| 237 | 256 | </div> |
| 238 | 257 | |
| 239 | 258 | <div class="wtotem_chart__line"></div> |
| 240 | 259 | </div> |
| 260 | + <?php else:?> | |
| 261 | + <!-- No data block --> | |
| 262 | + <section class="wtotem_reports-no-data" style="height:300px" > | |
| 263 | + <h2 class="visually-hidden"><?= wtsec_locale("no_data") ?></h2> | |
| 264 | + <p class="wtotem_reports-no-data__text"> | |
| 265 | + <?= wtsec_locale("has_no_action_ready_yet") ?> | |
| 266 | + </p> | |
| 267 | + </section> | |
| 268 | + <?php endif; ?> | |
| 241 | 269 | |
| 242 | - | |
| 243 | 270 | <div class="wtotem_data"> |
| 244 | 271 | <div class="wtotem_data__thead"> |
| 245 | 272 | <div class="wtotem_data__tr"> |
| 246 | - <div | |
| 247 | - class="wtotem_data__th wtotem_data_width_1" | |
| 248 | - > | |
| 273 | + <div class="wtotem_data__th wtotem_data_width_1"> | |
| 249 | 274 | <?= wtsec_locale("chart.type_ip") ?> |
| 250 | 275 | </div> |
| 251 | - <div | |
| 252 | - class="wtotem_data__th wtotem_data_width_2" | |
| 253 | - > | |
| 276 | + <div class="wtotem_data__th wtotem_data_width_2"> | |
| 254 | 277 | <?= wtsec_locale("chart.country") ?> |
| 255 | 278 | </div> |
| 256 | - <div | |
| 257 | - class="wtotem_data__th wtotem_data_width_3" | |
| 258 | - > | |
| 279 | + <div class="wtotem_data__th wtotem_data_width_3"> | |
| 259 | 280 | <?= wtsec_locale("chart.time") ?> |
| 260 | 281 | </div> |
| 261 | - <div | |
| 262 | - class="wtotem_data__th wtotem_data_width_4" | |
| 263 | - > | |
| 282 | + <div class="wtotem_data__th wtotem_data_width_4"> | |
| 264 | 283 | <?= wtsec_locale("chart.attack_location") ?> |
| 265 | 284 | </div> |
| 266 | - <div | |
| 267 | - class="wtotem_data__th wtotem_data_width_6" | |
| 268 | - > | |
| 285 | + <div class="wtotem_data__th wtotem_data_width_6"> | |
| 269 | 286 | <?= wtsec_locale("chart.status") ?> |
| 270 | 287 | </div> |
| 271 | 288 | </div> |
| 272 | 289 | </div> |
| @@ -275,12 +292,10 @@ | ||
| 275 | 292 | </div> |
| 276 | 293 | </div> |
| 277 | 294 | <div class="wtotem_chart__line"></div> |
| 278 | 295 | <div class="wtotem_chart__last"> |
| 279 | - <p class="wtotem_chart__text"> | |
| 280 | - <?= wtsec_locale("want_more") ?> | |
| 281 | - </p> | |
| 282 | 296 | |
| 297 | + | |
| 283 | 298 | <a href="<?=wtsec_getUrl("waf")?>" class="wtotem_chart__btn"> |
| 284 | 299 | <?= wtsec_locale("read_more") ?> |
| 285 | 300 | </a> |
| 286 | 301 | </div> |
| @@ -285,8 +300,152 @@ | ||
| 285 | 300 | </a> |
| 286 | 301 | </div> |
| 287 | 302 | </div> |
| 288 | 303 | |
| 304 | + <div class="wtotem_map__first section-header-mb"> | |
| 305 | + <h2 class="title"><?= wtsec_locale("server_resources") ?> | |
| 306 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 307 | + <div class="wtotem-tooltip__content"> | |
| 308 | + <p class="wtotem-tooltip__header"><?= wtsec_locale("server_resources") ?></p> | |
| 309 | + <?= wtsec_locale("tooltips.server_resources") ?> | |
| 310 | + </div> | |
| 311 | + </div> | |
| 312 | + </h2> | |
| 313 | + | |
| 314 | + </div> | |
| 315 | + | |
| 316 | + <!-- RAM diagram --> | |
| 317 | + <div class="wtotem_chart wt_card"> | |
| 318 | + <div class="wtotem_chart-first"> | |
| 319 | + <div class="wtotem_chart-first__left"> | |
| 320 | + <h3><?= wtsec_locale("random_access_memory") ?> | |
| 321 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 322 | + <div class="wtotem-tooltip__content"> | |
| 323 | + <?= wtsec_locale("tooltips.ram") ?> | |
| 324 | + </div> | |
| 325 | + </div> | |
| 326 | + </h3> | |
| 327 | + </div> | |
| 328 | + <div class="wtotem_chart-first__right chart_btn" data-box="chart_ram_wrap" data-service="ram"> | |
| 329 | + <div class="wtotem_chart-first__btn" data-days="365"><?= wtsec_locale("chart.yearly") ?></div> | |
| 330 | + <div class="wtotem_chart-first__btn" data-days="31"><?= wtsec_locale("chart.monthly") ?></div> | |
| 331 | + <div class="wtotem_chart-first__btn wtotem_chart-first__btn_active" data-days="7"><?= wtsec_locale("chart.weekly") ?></div> | |
| 332 | + <div class="wtotem_chart-first__btn" data-days="1"><?= wtsec_locale("chart.daily") ?></div> | |
| 333 | + </div> | |
| 334 | + </div> | |
| 335 | + | |
| 336 | + <?php if($arguments["serverStatus"]["ramChart"] && $arguments["serverStatus"]["ramChart"] != 'null'):?> | |
| 337 | + <div id="chart_ram_wrap"> | |
| 338 | + <div class="wtotem_chart__diagram"> | |
| 339 | + <div id="ram-chart" class="line-chart" data-days="7"> | |
| 340 | + <div id="tooltipRam" class="line-chart__tooltip"> | |
| 341 | + <span id="countRam"></span> | |
| 342 | + </div> | |
| 343 | + </div> | |
| 344 | + </div> | |
| 345 | + <div class="wtotem_chart__line"></div> | |
| 346 | + </div> | |
| 347 | + | |
| 348 | + <?php else:?> | |
| 349 | + | |
| 350 | + <!-- No data block --> | |
| 351 | + <section class="wtotem_reports-no-data" style="height:300px" > | |
| 352 | + <h2 class="visually-hidden"><?= wtsec_locale("no_data") ?></h2> | |
| 353 | + <p class="wtotem_reports-no-data__text"> | |
| 354 | + <?= wtsec_locale("no_data") ?> | |
| 355 | + </p> | |
| 356 | + </section> | |
| 357 | + | |
| 358 | + <?php endif; ?> | |
| 359 | + | |
| 360 | + <section class="wtotem-ss-info"> | |
| 361 | + <h3 class="visually-hidden"></h3> | |
| 362 | + <dl class="wtotem-ss-info__stats-list"> | |
| 363 | + <div class="wtotem-ss-info__column"> | |
| 364 | + <div class="wtotem-ss-info__stat-wrapper"> | |
| 365 | + <dt>PHP version</dt> | |
| 366 | + <dd><?= $arguments['serverStatus']['info']['phpVersion']?></dd> | |
| 367 | + </div> | |
| 368 | + <div class="wtotem-ss-info__stat-wrapper"> | |
| 369 | + <dt>PHP Server User</dt> | |
| 370 | + <dd><?= $arguments['serverStatus']['info']['phpServerUser']?></dd> | |
| 371 | + </div> | |
| 372 | + <div class="wtotem-ss-info__stat-wrapper"> | |
| 373 | + <dt>Operation system</dt> | |
| 374 | + <dd title="<?= $arguments['serverStatus']['info']['osInfo']?>"> | |
| 375 | + <?= wtsec_cutString($arguments['serverStatus']['info']['osInfo'],20)?> | |
| 376 | + </dd> | |
| 377 | + </div> | |
| 378 | + </div> | |
| 379 | + <div class="wtotem-ss-info__column"> | |
| 380 | + <div class="wtotem-ss-info__stat-wrapper"> | |
| 381 | + <dt>CPU Freq</dt> | |
| 382 | + <dd><?= $arguments['serverStatus']['info']['CpuFreq']?> MHz</dd> | |
| 383 | + </div> | |
| 384 | + <div class="wtotem-ss-info__stat-wrapper"> | |
| 385 | + <dt>CPU count</dt> | |
| 386 | + <dd><?= $arguments['serverStatus']['info']['cpuCount']?></dd> | |
| 387 | + </div> | |
| 388 | + <div class="wtotem-ss-info__stat-wrapper"> | |
| 389 | + <dt>CPU Model</dt> | |
| 390 | + <dd title="<?= $arguments['serverStatus']['info']['cpuModel']?>"> | |
| 391 | + <?= wtsec_cutString($arguments['serverStatus']['info']['cpuModel'],20)?> | |
| 392 | + </dd> | |
| 393 | + </div> | |
| 394 | + </div> | |
| 395 | + <div class="wtotem-ss-info__column"> | |
| 396 | + <div class="wtotem-ss-info__stat-wrapper"> | |
| 397 | + <dt>CPU Family</dt> | |
| 398 | + <dd><?= $arguments['serverStatus']['info']['cpuFamily']?></dd> | |
| 399 | + </div> | |
| 400 | + | |
| 401 | + </div> | |
| 402 | + </dl> | |
| 403 | + </section> | |
| 404 | + | |
| 405 | + </div> | |
| 406 | + | |
| 407 | + <!-- CPU diagram --> | |
| 408 | + <div class="wtotem_chart wt_card"> | |
| 409 | + <div class="wtotem_chart-first"> | |
| 410 | + <div class="wtotem_chart-first__left"> | |
| 411 | + <h3><?= wtsec_locale("cpu_memory") ?> | |
| 412 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 413 | + <div class="wtotem-tooltip__content"> | |
| 414 | + <?= wtsec_locale("tooltips.cpu") ?> | |
| 415 | + </div> | |
| 416 | + </div> | |
| 417 | + </h3> | |
| 418 | + </div> | |
| 419 | + <div class="wtotem_chart-first__right chart_btn" data-box="chart_cpu_wrap" data-service="cpu"> | |
| 420 | + <div class="wtotem_chart-first__btn" data-days="365"><?= wtsec_locale("chart.yearly") ?></div> | |
| 421 | + <div class="wtotem_chart-first__btn" data-days="31"><?= wtsec_locale("chart.monthly") ?></div> | |
| 422 | + <div class="wtotem_chart-first__btn wtotem_chart-first__btn_active" data-days="7"><?= wtsec_locale("chart.weekly") ?></div> | |
| 423 | + <div class="wtotem_chart-first__btn" data-days="1"><?= wtsec_locale("chart.daily") ?></div> | |
| 424 | + </div> | |
| 425 | + </div> | |
| 426 | + | |
| 427 | + <?php if($arguments["serverStatus"]["cpuChart"] && $arguments["serverStatus"]["cpuChart"] != 'null'):?> | |
| 428 | + <div id="chart_cpu_wrap"> | |
| 429 | + <div class="wtotem_chart__diagram"> | |
| 430 | + <div id="cpu-chart" class="line-chart" data-days="7"> | |
| 431 | + <div id="tooltipCpu" class="line-chart__tooltip"> | |
| 432 | + <span id="countCpu"></span> | |
| 433 | + </div> | |
| 434 | + </div> | |
| 435 | + </div> | |
| 436 | + </div> | |
| 437 | + <?php else:?> | |
| 438 | + <!-- No data block --> | |
| 439 | + <section class="wtotem_reports-no-data" style="height:300px" > | |
| 440 | + <h2 class="visually-hidden"><?= wtsec_locale("no_data") ?></h2> | |
| 441 | + <p class="wtotem_reports-no-data__text"> | |
| 442 | + <?= wtsec_locale("no_data") ?> | |
| 443 | + </p> | |
| 444 | + </section> | |
| 445 | + <?php endif; ?> | |
| 446 | + </div> | |
| 447 | + | |
| 289 | 448 | <div class="wtotem_antivirus"> |
| 290 | 449 | <div class="wtotem_antivirus__first section-header-mb"> |
| 291 | 450 | <h2 class="title"> |
| 292 | 451 | <?= wtsec_locale("remote_antivirus") ?> |
| @@ -314,18 +473,25 @@ | ||
| 314 | 473 | </div> |
| 315 | 474 | </div> |
| 316 | 475 | |
| 317 | 476 | <div class="wtotem_antivirus__item"> |
| 477 | + <div class="wtotem_antivirus__figures wtotem_antivirus__figures_black"> | |
| 478 | + <?= $arguments["vc"]["deleted"] ?> | |
| 479 | + </div> | |
| 480 | + <div class="wtotem_antivirus__title"> | |
| 481 | + <?= wtsec_locale("antivirus.deleted") ?> | |
| 482 | + </div> | |
| 483 | + </div> | |
| 484 | + | |
| 485 | + <div class="wtotem_antivirus__item"> | |
| 318 | 486 | <div class="wtotem_antivirus__figures wtotem_antivirus__figures_orange"> |
| 319 | 487 | <?= $arguments["vc"]["signatures"] ?> |
| 320 | 488 | </div> |
| 321 | - <div class="wtotem_antivirus__title"><?= wtsec_locale("antivirus.infected") ?></div> | |
| 489 | + <div class="wtotem_antivirus__title"> | |
| 490 | + <?= wtsec_locale("antivirus.infected") ?> | |
| 491 | + </div> | |
| 322 | 492 | </div> |
| 323 | 493 | |
| 324 | - <div class="wtotem_antivirus__item"> | |
| 325 | - <div class="wtotem_antivirus__figures wtotem_antivirus__figures_black"><?= $arguments["vc"]["deleted"] ?></div> | |
| 326 | - <div class="wtotem_antivirus__title"><?= wtsec_locale("antivirus.deleted") ?></div> | |
| 327 | - </div> | |
| 328 | 494 | </div> |
| 329 | 495 | </div> |
| 330 | 496 | |
| 331 | 497 | <div class="wtotem_monitoring"> |
| @@ -339,129 +505,170 @@ | ||
| 339 | 505 | <div class="wtotem_table__col"> |
| 340 | 506 | <div class="wtotem_table__th"> |
| 341 | 507 | <h3 class="wtotem_table__title wtotem_title-info__title"> |
| 342 | 508 | <?= wtsec_locale("ssl") ?> |
| 343 | - <span class="wtotem_title-info__info" data-tlite="w" | |
| 344 | - title="<?= $arguments["ssl"]["description"] ?>"></span> | |
| 509 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 510 | + <div class="wtotem-tooltip__content"> | |
| 511 | + <?= wtsec_locale("tooltips.ssl") ?> | |
| 512 | + </div> | |
| 513 | + </div> | |
| 345 | 514 | </h3> |
| 346 | 515 | </div> |
| 347 | - <div class="wtotem_table__td"> | |
| 348 | - <div class="wtotem_table__expired"> | |
| 349 | - <?= $arguments["ssl"]["status"]["text"] ?> | |
| 516 | + | |
| 517 | + <?php if($arguments["ssl"]["status"]['type'] == 'pending'):?> | |
| 518 | + <?php include 'components/_dots_loader.php'?> | |
| 519 | + <?php else: ?> | |
| 520 | + <div class="wtotem_table__td"> | |
| 521 | + <div class="wtotem_table__expired"> | |
| 522 | + <?= $arguments["ssl"]["status"]["text"] ?> | |
| 523 | + </div> | |
| 350 | 524 | </div> |
| 351 | - <div class="wtotem_table__solve"> | |
| 352 | - <?= $arguments["ssl"]["solve_it"] ?> | |
| 353 | - </div> | |
| 354 | - </div> | |
| 355 | - <?php if (!empty($arguments["ssl"]["days_left"])): ?> | |
| 356 | - <div class="wtotem_table__info"> | |
| 357 | - <h3 class="wtotem_table__subject"> | |
| 358 | - <?= wtsec_locale("days_left") ?> | |
| 359 | - </h3> | |
| 360 | - <div class="wtotem_table__text"> | |
| 361 | - <?= $arguments["ssl"]["days_left"] ?> | |
| 525 | + | |
| 526 | + <?php if (!empty($arguments["ssl"]["days_left"])): ?> | |
| 527 | + <div class="wtotem_table__info"> | |
| 528 | + <h3 class="wtotem_table__subject"> | |
| 529 | + <?= wtsec_locale("days_left") ?> | |
| 530 | + </h3> | |
| 531 | + <div class="wtotem_table__text"> | |
| 532 | + <?= $arguments["ssl"]["days_left"] ?> | |
| 533 | + </div> | |
| 362 | 534 | </div> |
| 363 | - </div> | |
| 364 | - <?php endif; ?> | |
| 365 | - <?php if (!empty($arguments["ssl"]["issue_date"])): ?> | |
| 366 | - <div class="wtotem_table__info"> | |
| 367 | - <h3 class="wtotem_table__subject"> | |
| 368 | - <?= wtsec_locale("issue_date") ?> | |
| 369 | - </h3> | |
| 370 | - <div class="wtotem_table__text"> | |
| 371 | - <?= $arguments["ssl"]["issue_date"] ?> | |
| 535 | + <?php endif; ?> | |
| 536 | + <?php if (!empty($arguments["ssl"]["issue_date"])): ?> | |
| 537 | + <div class="wtotem_table__info"> | |
| 538 | + <h3 class="wtotem_table__subject"> | |
| 539 | + <?= wtsec_locale("issue_date") ?> | |
| 540 | + </h3> | |
| 541 | + <div class="wtotem_table__text"> | |
| 542 | + <?= $arguments["ssl"]["issue_date"] ?> | |
| 543 | + </div> | |
| 372 | 544 | </div> |
| 373 | - </div> | |
| 374 | - <?php endif; ?> | |
| 375 | - <?php if (!empty($arguments["ssl"]["expiry_date"])): ?> | |
| 376 | - <div class="wtotem_table__info"> | |
| 377 | - <h3 class="wtotem_table__subject"> | |
| 378 | - <?= wtsec_locale("expiry_date") ?> | |
| 379 | - </h3> | |
| 380 | - <div class="wtotem_table__text"> | |
| 381 | - <?= $arguments["ssl"]["expiry_date"] ?> | |
| 545 | + <?php endif; ?> | |
| 546 | + <?php if (!empty($arguments["ssl"]["expiry_date"])): ?> | |
| 547 | + <div class="wtotem_table__info"> | |
| 548 | + <h3 class="wtotem_table__subject"> | |
| 549 | + <?= wtsec_locale("expiry_date") ?> | |
| 550 | + </h3> | |
| 551 | + <div class="wtotem_table__text"> | |
| 552 | + <?= $arguments["ssl"]["expiry_date"] ?> | |
| 553 | + </div> | |
| 382 | 554 | </div> |
| 383 | - </div> | |
| 555 | + <?php endif; ?> | |
| 556 | + | |
| 384 | 557 | <?php endif; ?> |
| 385 | - | |
| 386 | 558 | </div> |
| 387 | 559 | <div class="wtotem_table__col"> |
| 388 | 560 | <div class="wtotem_table__th"> |
| 389 | 561 | <h3 class="wtotem_table__title wtotem_title-info__title"> |
| 390 | 562 | <?= wtsec_locale("availability") ?> |
| 391 | - <span class="wtotem_title-info__info" data-tlite="w" | |
| 392 | - title="<?= $arguments["wa"]["description"] ?>"></span> | |
| 563 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 564 | + <div class="wtotem-tooltip__content"> | |
| 565 | + <?= wtsec_locale("tooltips.availability") ?> | |
| 566 | + </div> | |
| 567 | + </div> | |
| 393 | 568 | </h3> |
| 394 | 569 | </div> |
| 395 | - <div class="wtotem_table__td"> | |
| 396 | - <div class="wtotem_table__perfomance"> | |
| 397 | - <?= wtsec_locale("performance") ?> | |
| 570 | + | |
| 571 | + <?php if($arguments["wa"]["status"]['type'] == 'pending'):?> | |
| 572 | + <?php include 'components/_dots_loader.php'?> | |
| 573 | + <?php else: ?> | |
| 574 | + <div class="wtotem_table__td"> | |
| 575 | + <div class="wtotem_table__perfomance"> | |
| 576 | + <?= wtsec_locale("performance") ?> | |
| 577 | + </div> | |
| 578 | + <div class="wtotem_table__right wtotem_table__right_progress-wrap"> | |
| 579 | + <span class="wtotem_table__initial-value">0%</span> | |
| 580 | + <div class="wtotem_table__stick-progress"> | |
| 581 | + <div class="wtotem_table__message"> | |
| 582 | + <span class="wtotem_table__percent"> | |
| 583 | + <?= $arguments["wa"]["availability_percent"] ?>% | |
| 584 | + </span> | |
| 585 | + <span class="wtotem_table__triangle"></span> | |
| 586 | + </div> | |
| 587 | + </div> | |
| 588 | + </div> | |
| 398 | 589 | </div> |
| 399 | - <div class="wtotem_table__right wtotem_table__right_progress-wrap"> | |
| 400 | - <span class="wtotem_table__initial-value">0%</span> | |
| 401 | - <div class="wtotem_table__stick-progress"> | |
| 402 | - <div class="wtotem_table__message"><span | |
| 403 | - class="wtotem_table__percent"><?= $arguments["wa"]["availability_percent"] ?>%</span><span | |
| 404 | - class="wtotem_table__triangle"></span> | |
| 590 | + <div class="wtotem_table__info"> | |
| 591 | + <h3 class="wtotem_table__subject"> | |
| 592 | + <?= wtsec_locale("status") ?> | |
| 593 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 594 | + <div class="wtotem-tooltip__content"> | |
| 595 | + <?= wtsec_locale("tooltips.status.".$arguments["wa"]["status"]["type"]."") ?> | |
| 596 | + </div> | |
| 405 | 597 | </div> |
| 406 | - </div> | |
| 598 | + </h3> | |
| 599 | + <div class="wtotem_table__status"><?= $arguments["wa"]["status"]["text"] ?></div> | |
| 407 | 600 | </div> |
| 408 | - </div> | |
| 409 | - <div class="wtotem_table__info"> | |
| 410 | - <h3 class="wtotem_table__subject"><?= wtsec_locale("status") ?></h3> | |
| 411 | - <div class="wtotem_table__status"><?= $arguments["wa"]["status"]["text"] ?></div> | |
| 412 | - </div> | |
| 413 | - <div class="wtotem_table__info"> | |
| 414 | - <h3 class="wtotem_table__subject"><?= wtsec_locale("response_time") ?></h3> | |
| 415 | - <div class="wtotem_table__text"><?= $arguments["wa"]["response_time"] ?></div> | |
| 416 | - </div> | |
| 417 | - <div class="wtotem_table__info"> | |
| 418 | - <h3 class="wtotem_table__subject"><?= wtsec_locale("downtime") ?></h3> | |
| 419 | - <div class="wtotem_table__text"><?= $arguments["wa"]["downtime"] ?></div> | |
| 420 | - </div> | |
| 421 | - <div class="wtotem_table__info"> | |
| 422 | - <h3 class="wtotem_table__subject"><?= wtsec_locale("last_test") ?></h3> | |
| 423 | - <div class="wtotem_table__text"><?= $arguments["wa"]["last_test"] ?></div> | |
| 424 | - </div> | |
| 601 | + <div class="wtotem_table__info"> | |
| 602 | + <h3 class="wtotem_table__subject"><?= wtsec_locale("response_time") ?></h3> | |
| 603 | + <div class="wtotem_table__text"><?= $arguments["wa"]["response_time"] ?></div> | |
| 604 | + </div> | |
| 605 | + <div class="wtotem_table__info"> | |
| 606 | + <h3 class="wtotem_table__subject"><?= wtsec_locale("downtime") ?></h3> | |
| 607 | + <div class="wtotem_table__text"><?= $arguments["wa"]["downtime"] ?></div> | |
| 608 | + </div> | |
| 609 | + <div class="wtotem_table__info"> | |
| 610 | + <h3 class="wtotem_table__subject"><?= wtsec_locale("last_test") ?></h3> | |
| 611 | + <div class="wtotem_table__text"><?= $arguments["wa"]["last_test"] ?></div> | |
| 612 | + </div> | |
| 613 | + <?php endif; ?> | |
| 425 | 614 | </div> |
| 615 | + | |
| 426 | 616 | <div class="wtotem_table__col"> |
| 427 | 617 | <div class="wtotem_table__th"> |
| 428 | 618 | <h3 class="wtotem_table__title wtotem_title-info__title"><?= wtsec_locale("reputation") ?> |
| 429 | - <span class="wtotem_title-info__info" data-tlite="w" | |
| 430 | - title="<?= $arguments["av"]["description"] ?>"></span></h3> | |
| 619 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 620 | + <div class="wtotem-tooltip__content"> | |
| 621 | + <?= wtsec_locale("tooltips.reputation") ?> | |
| 622 | + </div> | |
| 623 | + </div> | |
| 624 | + </h3> | |
| 431 | 625 | </div> |
| 432 | - <div class="wtotem_table__td"> | |
| 433 | - <div class="wtotem_table__wrap"> | |
| 434 | - <?php if($arguments["dc"]["status"]["image"]):?> | |
| 435 | - <img src="<?= wtsec_getImagePath($arguments["dc"]["status"]["image"]) ?>" alt="Check mark icon" | |
| 436 | - class="wtotem_table__img"/> | |
| 437 | - <?php endif; ?> | |
| 626 | + | |
| 627 | + <?php if($arguments["av"]["status"]['type'] == 'pending'):?> | |
| 628 | + <?php include 'components/_dots_loader.php'?> | |
| 629 | + <?php else: ?> | |
| 630 | + | |
| 631 | + <div class="wtotem_table__td"> | |
| 632 | + <div class="wtotem_table__wrap"> | |
| 633 | + <?php if($arguments["av"]["status"]["image"]):?> | |
| 634 | + <img src="<?= wtsec_getImagePath($arguments["av"]["status"]["image"]) ?>" alt="Check mark icon" | |
| 635 | + class="wtotem_table__img"/> | |
| 636 | + <?php endif; ?> | |
| 637 | + </div> | |
| 638 | + | |
| 639 | + <div class="wtotem_table__perfomance wtotem_table__perfomance_long ml-2"><?= $arguments["av"]["reputation"] ?></div> | |
| 438 | 640 | </div> |
| 439 | - | |
| 440 | - <div class="wtotem_table__perfomance wtotem_table__perfomance_long ml-2"><?= $arguments["av"]["reputation"] ?></div> | |
| 441 | - </div> | |
| 442 | - <div class="wtotem_table__info"> | |
| 443 | - <h3 class="wtotem_table__subject"><?= wtsec_locale("status") ?></h3> | |
| 444 | - <div class="wtotem_table__status"><?= $arguments["av"]["status"]["text"] ?></div> | |
| 445 | - </div> | |
| 446 | - <div class="wtotem_table__info"> | |
| 447 | - <h3 class="wtotem_table__subject"> | |
| 448 | - <?= wtsec_locale("blacklists_entries") ?> | |
| 449 | - </h3> | |
| 450 | - <div class="wtotem_table__text"> | |
| 451 | - <?= $arguments["av"]["blacklists_entries"] ?> | |
| 641 | + <div class="wtotem_table__info"> | |
| 642 | + <h3 class="wtotem_table__subject"> | |
| 643 | + <?= wtsec_locale("status") ?> | |
| 644 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 645 | + <div class="wtotem-tooltip__content"> | |
| 646 | + <?= wtsec_locale("tooltips.status.".$arguments["av"]["status"]["type"]."") ?> | |
| 647 | + </div> | |
| 648 | + </div> | |
| 649 | + </h3> | |
| 650 | + <div class="wtotem_table__status"><?= $arguments["av"]["status"]["text"] ?></div> | |
| 452 | 651 | </div> |
| 453 | - </div> | |
| 454 | - <div class="wtotem_table__info"> | |
| 455 | - <h3 class="wtotem_table__subject"> | |
| 456 | - <?= wtsec_locale("last_test") ?> | |
| 457 | - </h3> | |
| 458 | - <div class="wtotem_table__text"> | |
| 459 | - <?= $arguments["av"]["time_of_the_last_test"] ?> | |
| 652 | + <div class="wtotem_table__info"> | |
| 653 | + <h3 class="wtotem_table__subject"> | |
| 654 | + <?= wtsec_locale("blacklists_entries") ?> | |
| 655 | + </h3> | |
| 656 | + <div class="wtotem_table__text"> | |
| 657 | + <?= $arguments["av"]["blacklists_entries"] ?> | |
| 658 | + </div> | |
| 460 | 659 | </div> |
| 660 | + <div class="wtotem_table__info"> | |
| 661 | + <h3 class="wtotem_table__subject"> | |
| 662 | + <?= wtsec_locale("last_test") ?> | |
| 663 | + </h3> | |
| 664 | + <div class="wtotem_table__text"> | |
| 665 | + <?= $arguments["av"]["time_of_the_last_test"] ?> | |
| 666 | + </div> | |
| 667 | + </div> | |
| 668 | + <div class="wtotem_table__info"></div> | |
| 461 | 669 | </div> |
| 462 | - <div class="wtotem_table__info"></div> | |
| 463 | - </div> | |
| 670 | + <?php endif; ?> | |
| 464 | 671 | </div> |
| 465 | 672 | <div class="wtotem_table__footer"> |
| 466 | 673 | <a target="_blank" href="https://wtotem.com/faq/#hs-chat-open" class="wtotem_table__link"> |
| 467 | 674 | <div class="wtotem_table__perfomance"> |
| @@ -484,83 +691,159 @@ | ||
| 484 | 691 | <div class="wtotem_table__col"> |
| 485 | 692 | <div class="wtotem_table__th"> |
| 486 | 693 | <h3 class="wtotem_table__title wtotem_title-info__title"> |
| 487 | 694 | <?= wtsec_locale("port_scanner") ?> |
| 488 | - <span class="wtotem_title-info__info" data-tlite="w" | |
| 489 | - title="<?= $arguments["dc"]["description"] ?>"></span> | |
| 695 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 696 | + <div class="wtotem-tooltip__content"> | |
| 697 | + <?= wtsec_locale("tooltips.port_scanner") ?> | |
| 698 | + </div> | |
| 699 | + </div> | |
| 490 | 700 | </h3> |
| 491 | 701 | </div> |
| 492 | - <div class="wtotem_table__info"> | |
| 493 | - <h3 class="wtotem_table__subject"> | |
| 494 | - <?= wtsec_locale("status") ?> | |
| 495 | - </h3> | |
| 496 | - <div class="wtotem_table__status"><?= $arguments["ps"]["status"]["text"] ?></div> | |
| 497 | - </div> | |
| 498 | - <div class="wtotem_table__info"> | |
| 499 | - <h3 class="wtotem_table__subject"><?= wtsec_locale("ip_address") ?></h3> | |
| 500 | - <div class="wtotem_table__text"><?= $arguments["ps"]["ip"] ?></div> | |
| 501 | - </div> | |
| 502 | - <?php if (!empty($arguments["ps"]["tcp"])): ?> | |
| 702 | + <?php if($arguments["ps"]["status"]['type'] == 'pending'):?> | |
| 703 | + <?php include 'components/_dots_loader.php'?> | |
| 704 | + <?php else: ?> | |
| 503 | 705 | <div class="wtotem_table__info"> |
| 504 | 706 | <h3 class="wtotem_table__subject"> |
| 505 | - <?= wtsec_locale("tcp") ?> | |
| 707 | + <?= wtsec_locale("status") ?> | |
| 708 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 709 | + <div class="wtotem-tooltip__content"> | |
| 710 | + <?= wtsec_locale("tooltips.status.".$arguments["ps"]["status"]["type"]."") ?> | |
| 711 | + </div> | |
| 712 | + </div> | |
| 506 | 713 | </h3> |
| 714 | + <div class="wtotem_table__status"><?= $arguments["ps"]["status"]["text"] ?></div> | |
| 715 | + </div> | |
| 716 | + <div class="wtotem_table__info"> | |
| 717 | + <h3 class="wtotem_table__subject"><?= wtsec_locale("ip_address") ?></h3> | |
| 718 | + <div class="wtotem_table__text"><?= $arguments["ps"]["ip"] ?></div> | |
| 719 | + </div> | |
| 720 | + <?php if (!empty($arguments["ps"]["tcp"])): ?> | |
| 721 | + <div class="wtotem_table__info"> | |
| 722 | + <h3 class="wtotem_table__subject"> | |
| 723 | + <?= wtsec_locale("tcp") ?> | |
| 724 | + </h3> | |
| 725 | + <div class="wtotem_table__text"> | |
| 726 | + <?= $arguments["ps"]["tcp"] ?> | |
| 727 | + </div> | |
| 728 | + </div> | |
| 729 | + <?php endif; ?> | |
| 730 | + <div class="wtotem_table__info"> | |
| 731 | + <h3 class="wtotem_table__subject"> | |
| 732 | + <?= wtsec_locale("last_test") ?> | |
| 733 | + </h3> | |
| 507 | 734 | <div class="wtotem_table__text"> |
| 508 | - <?= $arguments["ps"]["tcp"] ?> | |
| 735 | + <?= $arguments["ps"]["last_test"] ?> | |
| 509 | 736 | </div> |
| 510 | 737 | </div> |
| 511 | 738 | <?php endif; ?> |
| 512 | - <div class="wtotem_table__info"> | |
| 513 | - <h3 class="wtotem_table__subject"> | |
| 514 | - <?= wtsec_locale("last_test") ?> | |
| 515 | - </h3> | |
| 516 | - <div class="wtotem_table__text"> | |
| 517 | - <?= $arguments["ps"]["last_test"] ?> | |
| 518 | - </div> | |
| 519 | - </div> | |
| 520 | 739 | </div> |
| 521 | 740 | |
| 522 | 741 | <div class="wtotem_table__col"> |
| 523 | - <div class="wtotem_table__th wtotem_overall__title"> | |
| 742 | + <div class="wtotem_table__th"> | |
| 524 | 743 | <h3 class="wtotem_table__title wtotem_title-info__title"> |
| 525 | 744 | <?= wtsec_locale("deface_scanner") ?> |
| 526 | - <span class="wtotem_title-info__info" data-tlite="w" | |
| 527 | - title="<?= $arguments["dc"]["description"] ?>"></span> | |
| 745 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 746 | + <div class="wtotem-tooltip__content"> | |
| 747 | + <?= wtsec_locale("tooltips.deface_scanner") ?> | |
| 748 | + </div> | |
| 749 | + </div> | |
| 528 | 750 | </h3> |
| 529 | 751 | </div> |
| 530 | - <div class="wtotem_table__item"> | |
| 531 | - <div class="wtotem_table__wrap_big"> | |
| 532 | - <?php if($arguments["dc"]["status"]["image"]):?> | |
| 533 | - <img src="<?= wtsec_getImagePath($arguments["dc"]["status"]["image"]) ?>" alt="Check mark icon" | |
| 534 | - class="wtotem_table__img"/> | |
| 535 | - <?php endif; ?> | |
| 752 | + | |
| 753 | + <?php if($arguments["dc"]["status"]['type'] == 'pending'):?> | |
| 754 | + <?php include 'components/_dots_loader.php'?> | |
| 755 | + <?php else: ?> | |
| 756 | + | |
| 757 | + <div class="wtotem_table__item"> | |
| 758 | + <div class="wtotem_table__wrap_big"> | |
| 759 | + <?php if($arguments["dc"]["status"]["image"]):?> | |
| 760 | + <img src="<?= wtsec_getImagePath($arguments["dc"]["status"]["image"]) ?>" alt="Check mark icon" | |
| 761 | + class="wtotem_table__img"/> | |
| 762 | + <?php endif; ?> | |
| 763 | + </div> | |
| 536 | 764 | </div> |
| 537 | - </div> | |
| 538 | 765 | |
| 539 | - <div class="wtotem_table__info"> | |
| 540 | - <h3 class="wtotem_table__subject"> | |
| 541 | - <?= wtsec_locale("status") ?> | |
| 542 | - </h3> | |
| 543 | - <div class="wtotem_table__status"> | |
| 544 | - <?= $arguments["dc"]["status"]["text"] ?> | |
| 766 | + <div class="wtotem_table__info"> | |
| 767 | + <h3 class="wtotem_table__subject"> | |
| 768 | + <?= wtsec_locale("status") ?> | |
| 769 | + <span class="wtotem_title-info__info wtotem-tooltip"> | |
| 770 | + <div class="wtotem-tooltip__content"> | |
| 771 | + <?= wtsec_locale("tooltips.status.".$arguments["dc"]["status"]["type"]."") ?> | |
| 772 | + </div> | |
| 773 | + </span> | |
| 774 | + </h3> | |
| 775 | + <div class="wtotem_table__status"> | |
| 776 | + <?= $arguments["dc"]["status"]["text"] ?> | |
| 777 | + </div> | |
| 545 | 778 | </div> |
| 546 | - </div> | |
| 547 | - <div class="wtotem_table__info"> | |
| 548 | - <h3 class="wtotem_table__subject"> | |
| 549 | - <?= wtsec_locale("number") ?> | |
| 550 | - </h3> | |
| 551 | - <div class="wtotem_table__text"> | |
| 552 | - <?= $arguments["dc"]["number"] ?> | |
| 779 | + <?php if($arguments["dc"]["words"]):?> | |
| 780 | + <div class="wtotem_table__info"> | |
| 781 | + <h3 class="wtotem_table__subject"> | |
| 782 | + <?= wtsec_locale("words") ?> | |
| 783 | + </h3> | |
| 784 | + <div class="wtotem_table__text"> | |
| 785 | + <?= $arguments["dc"]["words"] ?> | |
| 786 | + </div> | |
| 553 | 787 | </div> |
| 554 | - </div> | |
| 555 | - <div class="wtotem_table__info"> | |
| 556 | - <h3 class="wtotem_table__subject"> | |
| 557 | - <?= wtsec_locale("last_test") ?> | |
| 558 | - </h3> | |
| 559 | - <div class="wtotem_table__text"> | |
| 560 | - <?= $arguments["dc"]["time_of_the_last_test"] ?> | |
| 788 | + <?php endif; ?> | |
| 789 | + <div class="wtotem_table__info"> | |
| 790 | + <h3 class="wtotem_table__subject"> | |
| 791 | + <?= wtsec_locale("last_test") ?> | |
| 792 | + </h3> | |
| 793 | + <div class="wtotem_table__text"> | |
| 794 | + <?= $arguments["dc"]["time_of_the_last_test"] ?> | |
| 795 | + </div> | |
| 561 | 796 | </div> |
| 797 | + | |
| 798 | + <?php endif; ?> | |
| 799 | + </div> | |
| 800 | + | |
| 801 | + <div class="wtotem_table__col"> | |
| 802 | + <section class="wtotem-ss-disc"> | |
| 803 | + <div class="wtotem_chart wt_card wtotem-ss-disc"> | |
| 804 | + <div class="wtotem_chart-first wtotem-ss-disc__header"> | |
| 805 | + <h3 class="wtotem_table__subject" ><?= wtsec_locale("disk_usage") ?> | |
| 806 | + <div class="wtotem_title-info__info wtotem-tooltip"> | |
| 807 | + <div class="wtotem-tooltip__content"> | |
| 808 | + <?= wtsec_locale("tooltips.disk_usage") ?> | |
| 809 | + </div> | |
| 810 | + </div> | |
| 811 | + </h3> | |
| 812 | + </div> | |
| 813 | + <div class="wtotem_state__line wtotem-ss-disc__line"></div> | |
| 814 | + | |
| 815 | + <div class="wtotem-ss-disc__content"> | |
| 816 | + <?php if(!$arguments["serverStatus"]["discUsage"]['total']):?> | |
| 817 | + <section class="wtotem_reports-no-data" > | |
| 818 | + <h2 class="visually-hidden"><?= wtsec_locale("no_data") ?></h2> | |
| 819 | + <p class="wtotem_reports-no-data__text"> | |
| 820 | + <?= wtsec_locale("no_data") ?> | |
| 821 | + </p> | |
| 822 | + </section> | |
| 823 | + <?php else: ?> | |
| 824 | + <div class="wtotem-ss-disc__wrapper"> | |
| 825 | + <div id="disk-chart"></div> | |
| 826 | + <div class="wtotem-ss-disc__totals"> | |
| 827 | + <p class="wtotem-ss-disc__totals-caption"><?= wtsec_locale("total") ?></p> | |
| 828 | + <p class="wtotem-ss-disc__totals-value"><?= $arguments["serverStatus"]["discUsage"]['total']?></p> | |
| 829 | + </div> | |
| 830 | + </div> | |
| 831 | + <ul class="wtotem-ss-disc__legend"> | |
| 832 | + <li class="wtotem-ss-disc__legend-item wtotem-ss-disc__legend-item--use"> | |
| 833 | + <p class="wtotem-ss-disc__legend-value"><?= $arguments["serverStatus"]["discUsage"]['use']?></p> | |
| 834 | + <p class="wtotem-ss-disc__legend-caption"><?= wtsec_locale("use") ?></p> | |
| 835 | + </li> | |
| 836 | + <li class="wtotem-ss-disc__legend-item wtotem-ss-disc__legend-item--free"> | |
| 837 | + <p class="wtotem-ss-disc__legend-value"><?= $arguments["serverStatus"]["discUsage"]['free']?></p> | |
| 838 | + <p class="wtotem-ss-disc__legend-caption"><?= wtsec_locale("free") ?></p> | |
| 839 | + </li> | |
| 840 | + </ul> | |
| 841 | + <?php endif; ?> | |
| 842 | + </div> | |
| 562 | 843 | </div> |
| 844 | + </section> | |
| 845 | + | |
| 563 | 846 | </div> |
| 564 | 847 | |
| 565 | 848 | </div> |
| 566 | 849 | |
| @@ -578,11 +861,13 @@ | ||
| 578 | 861 | </div> |
| 579 | 862 | |
| 580 | 863 | <script> |
| 581 | 864 | var availability_percent = "<?=$arguments["wa"]["availability_percent"]?>"; |
| 582 | - var waf_chart = <?=$arguments["waf"]["chart"]?>; | |
| 583 | -</script> | |
| 584 | -<script> | |
| 865 | + var waf_chart = <?php echo $arguments["waf"]["chart"] ?: 'false' ?>; | |
| 866 | + var serverStatusRam = <?php echo $arguments["serverStatus"]["ramChart"] ?: 'false' ?>; | |
| 867 | + var serverStatusCpu = <?php echo $arguments["serverStatus"]["cpuChart"] ?: 'false' ?>; | |
| 868 | + var serverStatusDiscUsage = <?= json_encode($arguments["serverStatus"]["discUsage"])?>; | |
| 869 | + | |
| 585 | 870 | var wtotem_token = "<?=$arguments["settings"]["token"]?>"; |
| 586 | 871 | var wtotem_site_id = "<?=$arguments["settings"]["site_id"]?>"; |
| 587 | 872 | var wtotem_am_process_status = "<?=$arguments["am"]["process_status"]?>"; |
| 588 | 873 | var wtotem_locale_installed = "<?= wtsec_locale("installed") ?>"; |
| @@ -587,11 +872,13 @@ | ||
| 587 | 872 | var wtotem_am_process_status = "<?=$arguments["am"]["process_status"]?>"; |
| 588 | 873 | var wtotem_locale_installed = "<?= wtsec_locale("installed") ?>"; |
| 589 | 874 | var wtotem_locale_installing = "<?= wtsec_locale("installation_in_progress") ?>"; |
| 590 | 875 | var wtotem_locale_failed = "<?= wtsec_locale("failed") ?>"; |
| 876 | + var wtotem_dashbord = true; | |
| 877 | + | |
| 591 | 878 | var wtotem_socket_url = "wss://api.wtotem.com/graphql"; |
| 592 | - // var wtotem_socket_url = "wss://api-1.2ke2xgwx4.wtotem.com/graphql"; | |
| 593 | - // var wtotem_socket_url = "wss://api.webtotem.kz/graphql"; | |
| 879 | + | |
| 880 | + | |
| 594 | 881 | document.addEventListener('DOMContentLoaded', function () { |
| 595 | 882 | if (wtotem_am_process_status === "installing") { |
| 596 | 883 | let firewall_selector = document.getElementsByClassName("wtotem_unit__block_firewall"); |
| 597 | 884 | let firewall_installed_selector = document.getElementById("wtsec_firewall_block_installed"); |
| @@ -626,12 +913,9 @@ | ||
| 626 | 913 | }, |
| 627 | 914 | } |
| 628 | 915 | let query = `subscription EventsSubscription($input: EventsInput!) { |
| 629 | 916 | events(input: $input) { |
| 630 | - siteId | |
| 631 | - hostname | |
| 632 | - status | |
| 633 | - service | |
| 917 | + siteId hostname status service | |
| 634 | 918 | error { |
| 635 | 919 | message |
| 636 | 920 | __typename |
| 637 | 921 | } |
| @@ -644,8 +928,9 @@ | ||
| 644 | 928 | // Normal closure. |
| 645 | 929 | return |
| 646 | 930 | } |
| 647 | 931 | if (error) { |
| 932 | + wtsec_showNotification('connection_fail','error'); | |
| 648 | 933 | console.error(error) |
| 649 | 934 | throw error |
| 650 | 935 | } |
| 651 | 936 | const unsubscribe = subscribe( |
| @@ -658,8 +943,9 @@ | ||
| 658 | 943 | // Normal closure |
| 659 | 944 | return |
| 660 | 945 | } |
| 661 | 946 | if (error) { |
| 947 | + wtsec_showNotification('connection_fail','error'); | |
| 662 | 948 | console.error(error) |
| 663 | 949 | throw error |
| 664 | 950 | } |
| 665 | 951 | |
| @@ -693,7 +979,22 @@ | ||
| 693 | 979 | }) |
| 694 | 980 | } |
| 695 | 981 | }); |
| 696 | 982 | </script> |
| 983 | + | |
| 984 | + <script> | |
| 985 | + if(typeof waf_chart == "object"){ | |
| 986 | + drawWafChart(waf_chart); | |
| 987 | + } | |
| 988 | + if(typeof serverStatusRam == "object"){ | |
| 989 | + drawRamChart(serverStatusRam); | |
| 990 | + } | |
| 991 | + if(typeof serverStatusCpu == "object") { | |
| 992 | + drawCpuChart(serverStatusCpu); | |
| 993 | + } | |
| 994 | + if(typeof serverStatusDiscUsage == "object") { | |
| 995 | + drawDiskChart(serverStatusDiscUsage); | |
| 996 | + } | |
| 997 | + </script> | |
| 697 | 998 | <?php else: ?> |
| 698 | 999 | <?php //show error here ?> |
| 699 | 1000 | <?php endif; ?> |
