Dashboard visual adjustments when screen is sized down etc.
This commit is contained in:
parent
35fc5efc42
commit
0ca1c92afa
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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';
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue