| <!-- |
| ~ Copyright 2018-present Open Networking Foundation |
| ~ |
| ~ Licensed under the Apache License, Version 2.0 (the "License"); |
| ~ you may not use this file except in compliance with the License. |
| ~ You may obtain a copy of the License at |
| ~ |
| ~ http://www.apache.org/licenses/LICENSE-2.0 |
| ~ |
| ~ Unless required by applicable law or agreed to in writing, software |
| ~ distributed under the License is distributed on an "AS IS" BASIS, |
| ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| ~ See the License for the specific language governing permissions and |
| ~ limitations under the License. |
| --> |
| <div id="ov-processor"> |
| <div class="tabular-header"> |
| <h2> |
| Packet Processors ({{tableData.length}} Processors total) |
| </h2> |
| <div class="ctrl-btns"> |
| <div class="refresh" (click)="toggleRefresh()"> |
| <onos-icon classes="{{ autoRefresh?'active refresh':'refresh' }}" iconId="refresh" iconSize="42" toolTip="{{ autoRefreshTip }}"></onos-icon> |
| </div> |
| </div> |
| </div> |
| <div class="summary-list"> |
| <div class="table-header"> |
| <table onosTableResize> |
| <tr> |
| <td class="priority" colId="priority" [ngStyle]="{width: '80px'}">Priority </td> |
| <td colId="type" [ngStyle]="{width: '80px'}">Type </td> |
| <td colId="processor" [ngStyle]="{width: '500px'}">Class </td> |
| <td class="number" colId="packets" [ngStyle]="{width: '100px'}">Packets </td> |
| <td class="number" colId="avgMillis" [ngStyle]="{width: '100px'}">Average (ms) </td> |
| |
| </tr> |
| </table> |
| </div> |
| <div class="table-body"> |
| <table onosTableResize id-prop="id"> |
| <tr class="table-body" *ngIf="tableData.length === 0" class="no-data"> |
| <td colspan="5">{{annots.noRowsMsg}}</td> |
| </tr> |
| |
| <tr *ngFor="let processor of tableData" [ngClass]="{'data-change': isChanged(processor.id)}"> |
| <td class="priority" [ngStyle]="{width: '80px'}">{{processor.priority}}</td> |
| <td [ngStyle]="{width: '80px'}">{{processor.type}}</td> |
| <td [ngStyle]="{width: '500px'}">{{processor.processor}}</td> |
| <td class="number" [ngStyle]="{width: '100px'}">{{processor.packets}}</td> |
| <td class="number" [ngStyle]="{width: '100px'}">{{processor.avgMillis}}</td> |
| </tr> |
| </table> |
| </div> |
| </div> |
| </div> |