<div>
    <!--
      Description: Clients Monitoring html
      Copyright (c) 2016 by Cisco Systems, Inc.
      All rights reserved.
      -->
    <div class="pageTitle">
        {{'ports_monitoring' | translate}}
    </div>
    <div ng-include="'features/common/switch/views/switchView.html'" class="portSwitchContainer"></div>
    <div class="pageContent">        
            <div>
                <div class="row">
                    <div class="col-sm-12">
                        <div kendo-grid="portsGrid" id="portsGrid" name="portsGrid"
                             k-options="portsGridOptions"
                             k-data-source="portsDataSource"></div>
                    </div>
                </div>
                <div class="portIntimationContainer">                
					<div class="txtBold" ng-if="currentPort">Port : <span>{{currentPort}}</span></div>
				</div>
                <div class="row mrB100">
                    <div  class=" col-sm-6">
                        <div kendo-grid="portsPacketGrid" id="portsPacketGrid" name="portsPacketGrid"
                             k-options="portsPacketGridOptions"
                             k-data-source="portsPacketDataSource"></div>
                    </div>
                    <div class="col-sm-6">
                        <div kendo-grid="portsStatusGrid" id="portsStatusGrid" name="portsStatusGrid"
                             k-options="portsStatusGridOptions"
                             k-data-source="portsStatusDataSource"></div>
                    </div>
                </div>
            </div>
       
    </div>
</div>
