Se añade tabs a la vista de ONU.

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

@@ -1,52 +1,86 @@
 <div class="box box-primary">
     <br />
     <div class="box-body">
-        <div class="col-sm-3">
-            {% include '@Stats/Stats/Template/onu_info_1.html.twig' %}
-        </div>
-        <div class="col-sm-4">
-            {% include '@Stats/Stats/Template/onu_info_2.html.twig' %}
-        </div>
-        <div class="col-sm-5">
-            {% include '@Stats/Stats/Template/onu_location.html.twig' %}
-        </div>
-    </div>
+        <div class="col-sm-12">
+            <div class="nav-tabs-custom">
+                <ul class="nav nav-tabs">
+                    <li class="active">
+                        <a href="#tab_1" data-toggle="tab">{{ 'Description'|trans({}, 'StatsBundle') }}</a>
+                    </li>
+                    <li>
+                        <a href="#tab_2" data-toggle="tab">{{ 'Optical'|trans({}, 'StatsBundle') }} <span class="no_defined nas_data_origen">(TX avg {{series['tx']['avg']|number_format(2)}} / RX avg {{series['rx']['avg']|number_format(2)}})</span></a>
+                    </li>
+                </ul>
 
-    <div class="box-body">
-        <div class="col-sm-9" style="text-align:center">
-            <div id="onu_bandwidth" style="height: 400px;"></div>
-            <span class="no_defined nas_data_origen">{{ 'nas_data_origen'|trans({}, 'StatsBundle') }}</span>
-        </div>
-        <div class="col-sm-3">
-            {% include '@Stats/Stats/Template/onu_bandwidth_info.html.twig' %}
-        </div>
-    </div>
+                <div class="tab-content clearfix">
+                    
+                    {# TAB Description #}
+                    <div class="tab-pane active" id="tab_1">
+                        <div class="clearfix">
+                            <div class="col-sm-3">
+                                {% include '@Stats/Stats/Template/onu_info_1.html.twig' %}
+                            </div>
+                            <div class="col-sm-4">
+                                {% include '@Stats/Stats/Template/onu_info_2.html.twig' %}
+                            </div>
+                            <div class="col-sm-5">
+                                {% include '@Stats/Stats/Template/onu_location.html.twig' %}
+                            </div>
+                        </div>
+                        <br />
+                        <div class="clearfix">
+                            <div class="col-sm-9" style="text-align:center">
+                                <div id="onu_bandwidth" style="height: 400px;"></div>
+                                <span class="no_defined nas_data_origen">{{ 'nas_data_origen'|trans({}, 'StatsBundle') }}</span>
+                            </div>
+                            <div class="col-sm-3">
+                                {% include '@Stats/Stats/Template/onu_bandwidth_info.html.twig' %}
+                            </div>
+                        </div>
+                        <br />
+                        
+                        <div class="clearfix">
+                            <div class="col-sm-9" style="text-align:center">
+                                <div id="onu_consumption" style="height: 400px;"></div>
+                                <span class="no_defined nas_data_origen">{{ 'nas_data_origen'|trans({}, 'StatsBundle') }}</span>
+                            </div>
+                            <div class="col-sm-3">
+                                {% include '@Stats/Stats/Template/onu_consumption_info.html.twig' %}
+                            </div>
+                        </div>
+                        <br />
+                        
+                        <div class="clearfix">
+                            <div class="col-sm-12" style="text-align:center">
+                                <div id="onu_status" style="height: 400px;"></div>
+                            </div>
+                        </div>
+                    </div>
 
-    <div class="box-body">
-        <div class="col-sm-9" style="text-align:center">
-            <div id="onu_consumption" style="height: 400px;"></div>
-            <span class="no_defined nas_data_origen">{{ 'nas_data_origen'|trans({}, 'StatsBundle') }}</span>
-        </div>
-        <div class="col-sm-3">
-            {% include '@Stats/Stats/Template/onu_consumption_info.html.twig' %}
-        </div>
-    </div>
 
-    <div class="row">
-        <div class="col-md-12">
-            
-            <div id="onu_rf" style="height: 400px;"></div>
-
-            <div class="clearfix" style="width: 100%; background-color:white; padding:0 5px">
-                <div id="onu_voltage" style="height: 400px; float: left; width:49%"></div>
-                <div id="onu_temperature" style="height: 400px; float: right; width:49%"></div>
+                    {# TAB Optical #}
+                    <div class="tab-pane" id="tab_2">
+                        <div class="clearfix">
+                            <div class="col-sm-12" style="text-align:center">
+                                <div id="onu_rf" style="height: 400px; width: 100%"></div>
+                            </div>
+                            <br />
+                            <div class="col-sm-12">
+                                <div id="onu_voltage" style="height: 400px; width: 100%"></div>
+                            </div>
+                            <br />
+                            <div class="col-sm-12">
+                                <div id="onu_temperature" style="height: 400px; width: 100%"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-
-            <div id="onu_status" style="height: 400px;"></div>
         </div>
     </div>
 </div>
 
+
 <script type="text/javascript">
 
 var from = {{from}};