State
(custom)
<big style="font-size:24px">%ThisComputer.timeNow%</big>
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle"> %Security.stateDetails%
<img src="/img/icons/status/system_32_%System.stateColor%.png" align="absmiddle"> %System.stateDetails%
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle"> %Communication.stateDetails%
<br/>
%ThisComputer.somebodyHomeText%
<br/>
Admin -- %Admin.seenAt% (%Admin.CoordinatesUpdated%)
<style type="text/css">
@import url("/css/font-awesome/css/font-awesome.min.css");
progress {
-webkit-appearance: none;
height: 14px;
width: 120px;
}
progress[value]::-webkit-progress-bar {
background-color: rgb(245, 245, 245);
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}
progress[value]::-webkit-progress-value {
border-radius: 3px;
}
s_grey progress[value]::-webkit-progress-value {
background-color: grey;
}
s_yellow progress[value]::-webkit-progress-value {
background-color: yellow;
}
s_greenyellow progress[value]::-webkit-progress-value {
background-color: greenyellow;
}
s_lime progress[value]::-webkit-progress-value {
background-color: lime;
}
s_green progress[value]::-webkit-progress-value {
background-color: green;
}
s_orange progress[value]::-webkit-progress-value {
background-color: orange;
}
s_red progress[value]::-webkit-progress-value {
background-color: red;
}
div.vov {
width: 12px;
line-height: 3px;
font-size: 18px;
float: left;
margin-top: -7px;
padding-bottom: 14px;
}
div.vov-cont {
float: right;
}
.wp-table {
width: 100%;
margin: 1 auto;
border-collapse: collapse;
font-size: 11px;
font-family: arial;
color: rgb(49, 49, 49);
}
/* Background-color of the odd rows */
.wp-table tr:nth-child(odd) {
background-color: rgb(255, 255, 255);
}
/* Background-color of the even rows */
.wp-table tr:nth-child(even) {
background-color: rgb(255, 255, 255);
}
.wp-table td {
padding: 4px;
border-top: 2px solid rgb(42, 42, 42);
}
.toggle_ip {
font-size: 150%;
float: right;
color: grey;
cursor: pointer;
}
</style>
<div align="center" style="font-size:14px;"><br>
<table class="wp-table">
<tbody>
<tr>
<td>Последнее сообщение<br>
</td>
<td colspan="2" align="right">"<span style="font-size:11px; color:orange;">%ThisComputer.lastSayMessage%</span>"</td>
</tr>
<tr>
<td><br>
Громкос. сист.<br>
<br>
</td>
<td align="left"><div class="vov-cont"><s_orange><progress value="%ThisComputer.volumeLevel%" max="100"></progress></s_orange></div></td>
<td> <span style="font-size:12px; color:orange;">%ThisComputer.volumeLevel%</span> %</td>
</tr>
<tr>
<td>Загрузка CPU</td>
<td align="left">
<!-- <div class="vov-cont"><s_%ThisComputer.CPUload_color%><progress value="%ThisComputer.CPUload%" max="100"></progress></s_%ThisComputer.CPUload_color%></div><br>
-->
<!-- блок вывода гистограммы загрузки CPU -->
<div class="vov-cont">
<div class="vov">
<font color="%ThisComputer.CPUload_color_9%"><b>%ThisComputer.CPUload_9%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_8%"><b>%ThisComputer.CPUload_8%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_7%"><b>%ThisComputer.CPUload_7%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_6%"><b>%ThisComputer.CPUload_6%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_5%"><b>%ThisComputer.CPUload_5%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_4%"><b>%ThisComputer.CPUload_4%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_3%"><b>%ThisComputer.CPUload_3%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_2%"><b>%ThisComputer.CPUload_2%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_1%"><b>%ThisComputer.CPUload_1%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_0%"><b>%ThisComputer.CPUload_0%</b></font>
</div>
</div>
<br>
</td>
<td>
<span style="font-size:12px; color:orange;">%ThisComputer.CPUload%</span> %
</td>
</tr>
<tr>
<td>Температ. CPU</td>
<td align="left">
<!-- <div class="vov-cont"><s_%ThisComputer.CPUtemp_color%><progress value="%ThisComputer.CPUtemp%" max="70"></progress></s_%ThisComputer.CPUtemp_color%></div><br>
-->
<!-- блок вывода гистограммы температуры CPU -->
<div class="vov-cont">
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_9%"><b>%ThisComputer.CPUtemp_9%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_8%"><b>%ThisComputer.CPUtemp_8%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_7%"><b>%ThisComputer.CPUtemp_7%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_6%"><b>%ThisComputer.CPUtemp_6%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_5%"><b>%ThisComputer.CPUtemp_5%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_4%"><b>%ThisComputer.CPUtemp_4%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_3%"><b>%ThisComputer.CPUtemp_3%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_2%"><b>%ThisComputer.CPUtemp_2%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_1%"><b>%ThisComputer.CPUtemp_1%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_0%"><b>%ThisComputer.CPUtemp_0%</b></font>
</div>
</div>
<br>
</td>
<td>
<span style="font-size:12px; color:orange;">%ThisComputer.CPUtemp%</span> °C
</td>
</tr>
<tr>
<td>Загрузка RAM</td>
<td align="left">
<!-- <div class="vov-cont"><s_%ThisComputer.CPUtemp_color%><progress value="%ThisComputer.System_memory%" max="100"></progress></s_%ThisComputer.CPUtemp_color%></div><br>
-->
<!-- блок вывода гистограммы температуры CPU -->
<div class="vov-cont">
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_9%"><b>%ThisComputer.System_memory_9%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_8%"><b>%ThisComputer.System_memory_8%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_7%"><b>%ThisComputer.System_memory_7%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_6%"><b>%ThisComputer.System_memory_6%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_5%"><b>%ThisComputer.System_memory_5%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_4%"><b>%ThisComputer.System_memory_4%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_3%"><b>%ThisComputer.CPUtemp_3%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_2%"><b>%ThisComputer.System_memory_2%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_1%"><b>%ThisComputer.System_memory_1%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_0%"><b>%ThisComputer.System_memory_0%</b></font>
</div>
</div>
<br>
</td>
<td>
<span style="font-size:12px; color:orange;">%ThisComputer.System_memory%</span> %
</td>
</tr>
<tr>
<td><br>
Занято HDD<br>
<br>
</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">%ThisComputer.hddSpaceUsed% GB</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">%ThisComputer.hddSpaceTotal% GB</span><br>
<s_%ServInfo.DISKused_color%><progress value="%ThisComputer.hddSpaceTotal3%" max="100"></progress></s_%ServInfo.DISKused_color%>
</div>
</td>
<td> <span style="font-size:12px; color:orange;">%ThisComputer.hddSpaceTotal3%</span> %</td>
</tr>
<tr>
<td><br>
Uptime<br>
<br>
</td>
<td align="right"><span style="font-size:11px; color:orange;">%ThisComputer.uptime_str%</span></td>
<td></td>
</tr>
</tbody>
</table>
</div>