Mejoras visuales (css)

src/StatsBundle/Resources/public/css/style.css

@@ -127,3 +127,7 @@ input#limit_x_device_table {
     float: none!important;
     margin: 0 auto;
 }
+
+table.consumption-info tbody tr td,  table.device-info tbody tr td {
+    white-space: normal;
+}

src/StatsBundle/Resources/views/Stats/Template/cablemodem_info_1.html.twig

@@ -1,6 +1,6 @@
 <div class="box box-widget">
     <div class="box-body">
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered device-info">
         <thead><th colspan=2>
         {{ 'list.label_cablemodem'|trans({}, 'StatsBundle') }}
         <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_cablemodem_1'|trans({}, 'StatsBundle') }}"></i></span>
@@ -100,7 +100,7 @@
             {% endif %}
         </table>
         <br />
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered device-info">
             <thead><th colspan=2>
             {{ 'list.label_client'|trans({}, 'StatsBundle') }}
             <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_client'|trans({}, 'StatsBundle') }}"></i></span>

src/StatsBundle/Resources/views/Stats/Template/cablemodem_info_2.html.twig

@@ -1,6 +1,6 @@
 <div class="box box-widget">
     <div class="box-body">
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered device-info">
         <thead><th colspan=2>
         {{ 'list.label_cmts'|trans({}, 'StatsBundle') }}
         <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_cmts'|trans({}, 'StatsBundle') }}"></i></span>
@@ -38,7 +38,7 @@
             </tr>
         </table>
         <br />
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered device-info">
             <thead><th colspan=2>
             {{ 'list.label_configuration'|trans({}, 'StatsBundle') }}
             <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_cablemodem_2'|trans({}, 'StatsBundle') }}"></i></span>

src/StatsBundle/Resources/views/Stats/Template/cablemodem_latency_jitter_info.html.twig

@@ -14,7 +14,7 @@
             <div class="clearfix">
                 <div class="clearfix" style="float:left">
                     <div style="float:left">
-                    <span style="font-weight: bold; font-size: 50px">
+                    <span style="font-weight: bold; font-size: 35px">
                         {{series['latency']['avg']|number_format(2,'.','')}}
                     </span>
                     </div>
@@ -25,11 +25,11 @@
                     </div>
                 </div>
                 <div class="clearfix"  style="float:left">
-                    <span style="font-weight: bold; font-size: 50px; color:#7cb5ec">/</span>
+                    <span style="font-weight: bold; font-size: 35px; color:#7cb5ec">/</span>
                 </div>
                 <div class="clearfix"  style="float:left">
                     <div style="float:left">
-                    <span style="font-weight: bold; font-size: 50px">
+                    <span style="font-weight: bold; font-size: 35px">
                         {{series['latency']['max']|number_format(2,'.','')}}
                     </span>
                     </div>
@@ -52,7 +52,7 @@
             <div class="clearfix">
                 <div class="clearfix" style="float:left">
                     <div style="float:left">
-                    <span style="font-weight: bold; font-size: 50px">
+                    <span style="font-weight: bold; font-size: 35px">
                         {{series['jitter']['avg']|number_format(2,'.','')}}
                     </span>
                     </div>
@@ -63,11 +63,11 @@
                     </div>
                 </div>
                 <div class="clearfix"  style="float:left">
-                    <span style="font-weight: bold; font-size: 50px; color:#f7a35c">/</span>
+                    <span style="font-weight: bold; font-size: 35px; color:#f7a35c">/</span>
                 </div>
                 <div class="clearfix"  style="float:left">
                     <div style="float:left">
-                    <span style="font-weight: bold; font-size: 50px">
+                    <span style="font-weight: bold; font-size: 35px">
                         {{series['jitter']['max']|number_format(2,'.','')}}
                     </span>
                     </div>

src/StatsBundle/Resources/views/Stats/Template/onu_consumption_info.html.twig

@@ -1,4 +1,4 @@
-<table class="table table-condensed table-bordered" style="margin-top:57px; border-top:2px solid #3c8dbc;">
+<table class="table table-condensed table-bordered consumption-info" style="margin-top:57px; border-top:2px solid #3c8dbc;">
 <thead>
     <th>
     <i class="fa fa-line-chart" aria-hidden="true"></i>&nbsp;&nbsp;{{ 'list.label_consumption'|trans({}, 'StatsBundle') }}
@@ -12,11 +12,11 @@
     <tr>
         <td>
             <div>
-                <span style="font-weight: bold; font-size: 50px">
+                <span style="font-weight: bold; font-size: 35px">
                     {% include '@Stats/Stats/Template/field_consumption.html.twig' with {'value': series['in_consumption']['last']} only %}
                 </span>
-                <span style="font-weight: bold; font-size: 50px; color:#3c8dbc">/</span>
-                <span style="font-weight: bold; font-size: 45px">
+                <span style="font-weight: bold; font-size: 40px; color:#3c8dbc">/</span>
+                <span style="font-weight: bold; font-size: 35px">
                     {{((series['in_consumption']['last'] / remoteData['profile_consumption']) * 100)|number_format(2,'.','')}} <span class="text_column_stats">%</span> 
                 </span>
             </div>

src/StatsBundle/Resources/views/Stats/Template/onu_info_1.html.twig

@@ -1,6 +1,6 @@
 <div class="box box-widget">
     <div class="box-body">
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered device-info">
         <thead><th colspan=2>
         {{ 'list.label_onu'|trans({}, 'StatsBundle') }}
         <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_onu_1'|trans({}, 'StatsBundle') }}"></i></span>
@@ -97,7 +97,7 @@
             {% endif %}
         </table>
         <br />
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered  device-info">
             <thead><th colspan=2>
             {{ 'list.label_client'|trans({}, 'StatsBundle') }}
             <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_client'|trans({}, 'StatsBundle') }}"></i></span>

src/StatsBundle/Resources/views/Stats/Template/onu_info_2.html.twig

@@ -1,6 +1,6 @@
 <div class="box box-widget">
     <div class="box-body">
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered device-info">
         <thead><th colspan=2>
         {{ 'list.label_olt'|trans({}, 'StatsBundle') }}
         <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_olt'|trans({}, 'StatsBundle') }}"></i></span>
@@ -48,7 +48,7 @@
             </tr>
         </table>
         <br />
-        <table class="table table-hover table-condensed table-striped table-bordered">
+        <table class="table table-hover table-condensed table-striped table-bordered device-info">
             <thead><th colspan=2>
             {{ 'list.label_configuration'|trans({}, 'StatsBundle') }}
             <span class="info-title"><i class="fa fa-info-circle" title="{{ 'info.info_onu_2'|trans({}, 'StatsBundle') }}"></i></span>

src/StatsBundle/Resources/views/Stats/Template/star_accumulated_last_value.html.twig

@@ -26,7 +26,7 @@
                 <tr>
                     <td style="text-align:center" colspan="2">
                         <div>
-                            <span style="font-weight: bold; font-size: 50px; color: #7a6563">
+                            <span style="font-weight: bold; font-size: 40px; color: #7a6563">
                                 <input id="limit_x_device_table" style="width:300px" value="{{limit}}"/>
                             </span>
                         </div>
@@ -38,7 +38,7 @@
                 <tr>
                     <td style="text-align:center">
                         <div>
-                            <span id="accumulated_last" style="font-weight: bold; font-size: 50px; color: #7a6563">
+                            <span id="accumulated_last" style="font-weight: bold; font-size: 40px; color: #7a6563">
                                 {{total|number_format(3,'.',' ')}}
                             </span>
                         </div>
@@ -61,7 +61,7 @@
                 <tr>
                     <td style="text-align:center">
                         <div>
-                            <span id="total_in" style="font-weight: bold; font-size: 50px; color: #32965d">
+                            <span id="total_in" style="font-weight: bold; font-size: 40px; color: #32965d">
                                 {{star['total_in']|number_format(3,'.',' ')}}
                             </span>
                         </div>
@@ -71,7 +71,7 @@
                     </td>
                     <td style="text-align:center">
                         <div>
-                            <span id="total_out" style="font-weight: bold; font-size: 50px; color: #c97064">
+                            <span id="total_out" style="font-weight: bold; font-size: 40px; color: #c97064">
                                 {{star['total_out']|number_format(3,'.',' ')}}
                             </span>
                         </div>