Traducciones

src/StatsBundle/Resources/translations/StatsBundle.es.yml

@@ -269,6 +269,7 @@ info:
     info_cmts_1: Información básica del CMTS reportada por el CMTS
     info_olt_1_cpu: Porcentaje de uso de los CPU de la OLT
     info_olt_1_memory: Porcentaje de uso de memoria de la OLT
+    show_if_usage: Mostrar Interfaces con porcentaje de uso promedio mayor a 50%
 
     
 help:
@@ -363,4 +364,7 @@ interface_cms_map_rx_title: RX de cablemodems conectados a la Interface
 Bandwidth CMTS: Bandwidth CMTS
 Consumption CMTS: Consumo CMTS
 Consumption OLT: Consumo OLT
-Bandwidth OLT: Bandwidth OLT
+Bandwidth OLT: Bandwidth OLT
+hide_all: Ocultar todas
+show_all: Mostrar todas
+show_high: Mostrar destacadas

src/StatsBundle/Resources/views/Stats/show_cmts.html.twig

@@ -117,13 +117,31 @@ table.dataTable thead tr th, table.dataTable tbody tr td {
                         {# TAB Utilization #}
                         <div class="tab-pane" id="tab_2" style="width: 100%">
                             <div class="col-sm-12"  style="width: 100%">
+                                <button id="cmts_if_utilization_button_desv" class="btn bg-olive btn-flat margin" title="{{'info.show_if_usage'|trans({},'StatsBundle')}}">
+                                    <i class="fa fa-exclamation-circle"></i>&nbsp;&nbsp;{{'show_high'|trans({},'StatsBundle')}}
+                                </button>
+                                <button id="cmts_if_utilization_button_show" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye"></i>&nbsp;&nbsp;{{'show_all'|trans({},'StatsBundle')}}
+                                </button>
+                                <button id="cmts_if_utilization_button_hide" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye-slash"></i>&nbsp;&nbsp;{{'hide_all'|trans({},'StatsBundle')}}
+                                </button>
+                                
                                 <div id="interface_utilization" style="width: 100%;min-height: 600px;"></div>
+                                
                             </div>
                         </div>
                         
                         {# TAB SNR #}
                         <div class="tab-pane" id="tab_3" style="width: 100%">
                             <div class="col-sm-12"  style="width: 100%">
+                                <button id="cmts_if_snr_button_show" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye"></i>&nbsp;&nbsp;{{'show_all'|trans({},'StatsBundle')}}
+                                </button>
+                                <button id="cmts_if_snr_button_hide" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye-slash"></i>&nbsp;&nbsp;{{'hide_all'|trans({},'StatsBundle')}}
+                                </button>
+
                                 <div id="interface_snr" style="width: 100%;min-height: 600px;"></div>
                             </div>
                         </div>
@@ -131,6 +149,13 @@ table.dataTable thead tr th, table.dataTable tbody tr td {
                         {# TAB CER #}
                         <div class="tab-pane" id="tab_4" style="width: 100%">
                             <div class="col-sm-12" style="width: 100%">
+                                <button id="cmts_if_cer_button_show" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye"></i>&nbsp;&nbsp;{{'show_all'|trans({},'StatsBundle')}}
+                                </button>
+                                <button id="cmts_if_cer_button_hide" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye-slash"></i>&nbsp;&nbsp;{{'hide_all'|trans({},'StatsBundle')}}
+                                </button>
+
                                 <div id="interface_cer" style="width: 100%;min-height: 600px;"></div>
                             </div>
                         </div>
@@ -162,6 +187,69 @@ if((to - from) <= 21600) {
     markerEnable = true;
 }
 
+$("#cmts_if_utilization_button_show").click(function() {
+    var chart = $('#interface_utilization').highcharts();
+   
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(true, false);
+    });
+    chart.redraw();
+});
+
+$("#cmts_if_utilization_button_hide").click(function() {
+    var chart = $('#interface_utilization').highcharts();
+    
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(false, false);
+    });
+    chart.redraw();
+});
+    
+$("#cmts_if_utilization_button_desv").click(function() {
+    var chart = $('#interface_utilization').highcharts();
+    
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(false, false);
+        if(this.options['desv']) this.setVisible(true, false);
+    });
+    chart.redraw();
+});
+
+$("#cmts_if_cer_button_show").click(function() {
+    var chart = $('#interface_cer').highcharts();
+   
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(true, false);
+    });
+    chart.redraw();
+});
+
+$("#cmts_if_cer_button_hide").click(function() {
+    var chart = $('#interface_cer').highcharts();
+    
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(false, false);
+    });
+    chart.redraw();
+});
+
+$("#cmts_if_snr_button_show").click(function() {
+    var chart = $('#interface_snr').highcharts();
+   
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(true, false);
+    });
+    chart.redraw();
+});
+
+$("#cmts_if_snr_button_hide").click(function() {
+    var chart = $('#interface_snr').highcharts();
+    
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(false, false);
+    });
+    chart.redraw();
+});
 
 Highcharts.chart('cmts_consumption', {
     chart: {type: 'spline'},

src/StatsBundle/Resources/views/Stats/show_onu.html.twig

@@ -49,7 +49,9 @@
                             <div class="clearfix">
                                 <div class="col-sm-9" style="text-align:center">
                                     <div id="onu_bandwidth" style="height: 400px;"></div>
+                                    {% if series['in_bandwidth']['count'] == 0 and series['out_bandwidth']['count'] == 0 %}
                                     <span class="no_defined nas_data_origen">{{ 'nas_data_origen'|trans({}, 'StatsBundle') }}</span>
+                                    {% endif %}
                                 </div>
                                 <div class="col-sm-3">
                                     {% include '@Stats/Stats/Template/onu_bandwidth_info.html.twig' %}
@@ -60,7 +62,9 @@
                             <div class="clearfix">
                                 <div class="col-sm-9" style="text-align:center">
                                     <div id="onu_consumption" style="height: 400px;"></div>
+                                    {% if series['in_consumption']['count'] == 0 and series['out_consumption']['count'] == 0 %}
                                     <span class="no_defined nas_data_origen">{{ 'nas_data_origen'|trans({}, 'StatsBundle') }}</span>
+                                    {% endif %}
                                 </div>
                                 <div class="col-sm-3">
                                     {% include '@Stats/Stats/Template/onu_consumption_info.html.twig' %}

src/StatsBundle/Resources/views/Stats/show_ponport.html.twig

@@ -86,6 +86,13 @@
                         <div class="tab-pane" id="tab_3">
                             <div class="clearfix">
 
+                                <button id="olt_port_rx_button_show" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye"></i>&nbsp;&nbsp;{{'show_all'|trans({},'StatsBundle')}}
+                                </button>
+                                <button id="olt_port_rx_button_hide" class="btn bg-olive btn-flat margin">
+                                    <i class="fa fa-eye-slash"></i>&nbsp;&nbsp;{{'hide_all'|trans({},'StatsBundle')}}
+                                </button>
+
                                 <div class="col-sm-12" style="text-align:center">
                                     <div id="ponport_rx" style="height: 400px; width: 100%"></div>
                                 </div>
@@ -117,6 +124,23 @@ if((to - from) <= 21600) {
     markerEnable = true;
 }
 
+$("#olt_port_rx_button_show").click(function() {
+    var chart = $('#ponport_rx').highcharts();
+   
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(true, false);
+    });
+    chart.redraw();
+});
+
+$("#olt_port_rx_button_hide").click(function() {
+    var chart = $('#ponport_rx').highcharts();
+    
+    $(chart.series).each(function(){
+        if(this.options['group'] != 'nav') this.setVisible(false, false);
+    });
+    chart.redraw();
+});
 
 Highcharts.chart('ponport_bandwidth', {
     chart: {type: 'spline'},
@@ -218,7 +242,8 @@ Highcharts.chart('ponport_rx', {
     series: [
         {% for sn in rxseries %}
         {
-            name: "ONU {{sn}}",
+
+            name: "onu <b>{{sn}}</b> (avg {{series['rx_' ~ sn]['avg']|number_format(0,'','')}} %)",
             data: {{series['rx_' ~ sn]['data']|json_encode}}
         },
         {% endfor %}