Dashboard visual adjustments when screen is sized down etc.

This commit is contained in:
Akkadius 2017-10-04 16:11:11 -05:00
parent 35fc5efc42
commit 0ca1c92afa
4 changed files with 19 additions and 9 deletions

View File

@ -1,3 +1,13 @@
.info-box .content .text { .info-box .content .text {
margin-top: 5px !important; margin-top: 5px !important;
}
@media all and (max-width: 1400px) and (min-width: 1000px){
.hide_col {
display: none;
width: 0;
height: 0;
opacity: 0;
visibility: collapse;
}
} }

View File

@ -13,8 +13,8 @@
<th>Subnet Location</th> <th>Subnet Location</th>
<th>IP Range</th> <th>IP Range</th>
<th>Used</th> <th>Used</th>
<th>Size</th> <th class="hide_col">Size</th>
<th>Free</th> <th class="hide_col">Free</th>
<th>Utilization</th> <th>Utilization</th>
</tr> </tr>
</thead> </thead>

View File

@ -11,9 +11,9 @@
<thead> <thead>
<tr> <tr>
<th>Location</th> <th>Location</th>
<th>Used</th> <th style="width:100px">Used</th>
<th>Size</th> <th class="hide_col">Size</th>
<th>Free</th> <th class="hide_col">Free</th>
<th>Utilization</th> <th>Utilization</th>
</tr> </tr>
</thead> </thead>

View File

@ -34,8 +34,8 @@ router.get('/', function(req, res, next) {
table_row = ''; table_row = '';
table_row = table_row + '<td><b>' + dhcp_data['shared-networks'][i].location + '</b></td>'; table_row = table_row + '<td><b>' + dhcp_data['shared-networks'][i].location + '</b></td>';
table_row = table_row + '<td>' + dhcp_data['shared-networks'][i].used.toLocaleString('en') + ' (' + utilization + '%)</td>'; table_row = table_row + '<td>' + dhcp_data['shared-networks'][i].used.toLocaleString('en') + ' (' + utilization + '%)</td>';
table_row = table_row + '<td>' + dhcp_data['shared-networks'][i].defined.toLocaleString('en') + '</td>'; table_row = table_row + '<td class="hide_col">' + dhcp_data['shared-networks'][i].defined.toLocaleString('en') + '</td>';
table_row = table_row + '<td>' + dhcp_data['shared-networks'][i].free.toLocaleString('en') + '</td>'; table_row = table_row + '<td class="hide_col">' + dhcp_data['shared-networks'][i].free.toLocaleString('en') + '</td>';
utilization_color = 'green'; utilization_color = 'green';
@ -73,8 +73,8 @@ router.get('/', function(req, res, next) {
table_row = table_row + '<td><b>' + dhcp_data.subnets[i].location + '</b></td>'; table_row = table_row + '<td><b>' + dhcp_data.subnets[i].location + '</b></td>';
table_row = table_row + '<td>' + dhcp_data.subnets[i].range + '</td>'; table_row = table_row + '<td>' + dhcp_data.subnets[i].range + '</td>';
table_row = table_row + '<td>' + dhcp_data.subnets[i].used.toLocaleString('en') + ' (' + utilization + '%)</td>'; table_row = table_row + '<td>' + dhcp_data.subnets[i].used.toLocaleString('en') + ' (' + utilization + '%)</td>';
table_row = table_row + '<td>' + dhcp_data.subnets[i].defined.toLocaleString('en') + '</td>'; table_row = table_row + '<td class="hide_col">' + dhcp_data.subnets[i].defined.toLocaleString('en') + '</td>';
table_row = table_row + '<td>' + dhcp_data.subnets[i].free.toLocaleString('en') + '</td>'; table_row = table_row + '<td class="hide_col">' + dhcp_data.subnets[i].free.toLocaleString('en') + '</td>';
utilization_color = 'green'; utilization_color = 'green';