[ONOS-8096] In GUI2 device panel space before colon creates unnecessary wrap
Change-Id: I08ca8b70dc6c21d12714f510c9fa3473ad41c261
diff --git a/web/gui2-topo-lib/lib/panel/details/details.component.html b/web/gui2-topo-lib/lib/panel/details/details.component.html
index 5421776..297ea11 100644
--- a/web/gui2-topo-lib/lib/panel/details/details.component.html
+++ b/web/gui2-topo-lib/lib/panel/details/details.component.html
@@ -35,7 +35,7 @@
create a cell for the name and another for the value -->
<tr *ngFor="let p of showDetails?.propOrder">
<td *ngIf="showDetails?.propLabels[p] !== '-'"
- class="label">{{showDetails?.propLabels[p]}} :</td>
+ class="label">{{showDetails?.propLabels[p]}}</td>
<td *ngIf="showDetails?.propLabels[p] !== '-'"
class="value">{{ showDetails?.propValues[p]}}</td>
<!-- If the label is '-' then insert a horiz line -->
diff --git a/web/gui2-topo-lib/lib/panel/topopanel.base.ts b/web/gui2-topo-lib/lib/panel/topopanel.base.ts
index 40864ca..37b7a41 100644
--- a/web/gui2-topo-lib/lib/panel/topopanel.base.ts
+++ b/web/gui2-topo-lib/lib/panel/topopanel.base.ts
@@ -78,7 +78,7 @@
tr.append('td').attr('class', cls).text(txt);
}
- addCell('label', lab + ' :');
+ addCell('label', lab);
addCell('value', value);
}
diff --git a/web/gui2/src/main/webapp/app/view/apps/appsdetails/appsdetails.component.html b/web/gui2/src/main/webapp/app/view/apps/appsdetails/appsdetails.component.html
index 6671601..8b19df7 100644
--- a/web/gui2/src/main/webapp/app/view/apps/appsdetails/appsdetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/apps/appsdetails/appsdetails.component.html
@@ -27,27 +27,27 @@
<table class="app-props">
<tbody>
<tr>
- <td class="label">{{ lionFn('app_id') }}:</td>
+ <td class="label">{{ lionFn('app_id') }}</td>
<td class="value">{{ id }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('state') }}:</td>
+ <td class="label">{{ lionFn('state') }}</td>
<td class="value">{{ detailsData.state }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('category') }}:</td>
+ <td class="label">{{ lionFn('category') }}</td>
<td class="value">{{ detailsData.category }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('version') }}:</td>
+ <td class="label">{{ lionFn('version') }}</td>
<td class="value">{{ detailsData.version }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('origin') }}:</td>
+ <td class="label">{{ lionFn('origin') }}</td>
<td class="value">{{ detailsData.origin }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('role') }}:</td>
+ <td class="label">{{ lionFn('role') }}</td>
<td class="value">{{ detailsData.role }}</td>
</tr>
</tbody>
diff --git a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html
index 034b63b..c0df11d 100644
--- a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html
@@ -30,23 +30,23 @@
<table>
<tbody>
<tr>
- <td class="label" width="110">URI :</td>
+ <td class="label" width="110">URI</td>
<td class="value" width="80">{{detailsData.id}}</td>
</tr>
<tr>
- <td class="label" width="110">Type :</td>
+ <td class="label" width="110">Type</td>
<td class="value" width="80">{{detailsData.type}}</td>
</tr>
<tr>
- <td class="label" width="110">Master ID :</td>
+ <td class="label" width="110">Master ID</td>
<td class="value" width="80">{{detailsData.masterid}}</td>
</tr>
<tr>
- <td class="label" width="110">Chassis ID :</td>
+ <td class="label" width="110">Chassis ID</td>
<td class="value" width="80">{{detailsData.chassisid}}</td>
</tr>
<tr>
- <td class="label" width="110">Vendor :</td>
+ <td class="label" width="110">Vendor</td>
<td class="value" width="80">{{detailsData.mfr}}</td>
</tr>
</tbody>
@@ -56,23 +56,23 @@
<table>
<tbody>
<tr>
- <td class="label" width="110">H/W Version :</td>
+ <td class="label" width="110">H/W Version</td>
<td class="value" width="80">{{detailsData.hw}}</td>
</tr>
<tr>
- <td class="label" width="110">S/W Version :</td>
+ <td class="label" width="110">S/W Version</td>
<td class="value" width="80">{{detailsData.sw}}</td>
</tr>
<tr>
- <td class="label" width="110">Protocol :</td>
+ <td class="label" width="110">Protocol</td>
<td class="value" width="80">{{detailsData.protocol}}</td>
</tr>
<tr>
- <td class="label" width="110">Serial # :</td>
+ <td class="label" width="110">Serial #</td>
<td class="value" width="80">{{detailsData.serial}}</td>
</tr>
<tr>
- <td class="label" width="110">Pipeconf :</td>
+ <td class="label" width="110">Pipeconf</td>
<td class="value" width="80">{{detailsData.pipeconf}}</td>
</tr>
</tbody>
diff --git a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts
index d169f34..e3be82b 100644
--- a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts
+++ b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts
@@ -121,14 +121,14 @@
const devDe: DebugElement = fixture.debugElement;
const divDe = devDe.query(By.css('div.top-content div.top-tables div.left'));
const div: HTMLElement = divDe.nativeElement;
- expect(div.textContent).toEqual('URI :Type :Master ID :Chassis ID :Vendor :');
+ expect(div.textContent).toEqual('URITypeMaster IDChassis IDVendor');
});
it('should have a dev.right inside a div.top-tables inside a div.top-content', () => {
const devDe: DebugElement = fixture.debugElement;
const divDe = devDe.query(By.css('div.top-content div.top-tables div.right'));
const div: HTMLElement = divDe.nativeElement;
- expect(div.textContent).toEqual('H/W Version :S/W Version :Protocol :Serial # :Pipeconf :');
+ expect(div.textContent).toEqual('H/W VersionS/W VersionProtocolSerial #Pipeconf');
});
it('should have a div.bottom inside a div.container', () => {
diff --git a/web/gui2/src/main/webapp/app/view/flow/flowdetails/flowdetails/flowdetails.component.html b/web/gui2/src/main/webapp/app/view/flow/flowdetails/flowdetails/flowdetails.component.html
index 05d0a47..336db57 100644
--- a/web/gui2/src/main/webapp/app/view/flow/flowdetails/flowdetails/flowdetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/flow/flowdetails/flowdetails/flowdetails.component.html
@@ -28,55 +28,55 @@
<table>
<tbody>
<tr>
- <td class="label">{{ lionFn('flowId') }} :</td>
+ <td class="label">{{ lionFn('flowId') }}</td>
<td class="value">{{ flowId }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('state') }} :</td>
+ <td class="label">{{ lionFn('state') }}</td>
<td class="value">{{ detailsData.state }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('bytes') }} :</td>
+ <td class="label">{{ lionFn('bytes') }}</td>
<td class="value">{{ detailsData.bytes }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('packets') }} :</td>
+ <td class="label">{{ lionFn('packets') }}</td>
<td class="value">{{ detailsData.packets }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('duration') }} :</td>
+ <td class="label">{{ lionFn('duration') }}</td>
<td class="value">{{ detailsData.duration }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('priority') }} :</td>
+ <td class="label">{{ lionFn('priority') }}</td>
<td class="value">{{ detailsData.priority }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('tableName') }} :</td>
+ <td class="label">{{ lionFn('tableName') }}</td>
<td class="value">{{ detailsData.tableName }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('appName') }} :</td>
+ <td class="label">{{ lionFn('appName') }}</td>
<td class="value">{{ detailsData.appName }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('appId') }} :</td>
+ <td class="label">{{ lionFn('appId') }}</td>
<td class="value">{{ detailsData.appId }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('groupId') }} :</td>
+ <td class="label">{{ lionFn('groupId') }}</td>
<td class="value">{{ detailsData.groupId }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('idleTimeout') }} :</td>
+ <td class="label">{{ lionFn('idleTimeout') }}</td>
<td class="value">{{ detailsData.idleTimeout }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('hardTimeout') }} :</td>
+ <td class="label">{{ lionFn('hardTimeout') }}</td>
<td class="value">{{ detailsData.hardTimeout }}</td>
</tr>
<tr>
- <td class="label">{{ lionFn('permanent') }} :</td>
+ <td class="label">{{ lionFn('permanent') }}</td>
<td class="value">{{ detailsData.permanent }}</td>
</tr>
</tbody>
@@ -88,7 +88,7 @@
<table>
<tbody>
<tr>
- <td class="label">ETH_TYPE :</td>
+ <td class="label">ETH_TYPE</td>
<td class="value">{{ detailsData.selector }}</td>
</tr>
</tbody>
@@ -100,7 +100,7 @@
<table>
<tbody>
<tr>
- <td class="label">[imm]OUTPUT :</td>
+ <td class="label">[imm]OUTPUT</td>
<td class="value">{{ immed(detailsData.treatment) }}</td>
</tr>
<tr>
diff --git a/web/gui2/src/main/webapp/app/view/host/hostdetails/hostdetails.component.html b/web/gui2/src/main/webapp/app/view/host/hostdetails/hostdetails.component.html
index c7c9dba..2b8f5b1 100644
--- a/web/gui2/src/main/webapp/app/view/host/hostdetails/hostdetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/host/hostdetails/hostdetails.component.html
@@ -29,15 +29,15 @@
<table>
<tbody>
<tr>
- <td class="label" width="110">Host ID :</td>
+ <td class="label" width="110">Host ID</td>
<td class="value" width="80">{{detailsData.id}}</td>
</tr>
<tr>
- <td class="label" width="110">IP Address :</td>
+ <td class="label" width="110">IP Address</td>
<td class="value" width="80">{{detailsData.ips}}</td>
</tr>
<tr>
- <td class="label" width="110">MAC Address :</td>
+ <td class="label" width="110">MAC Address</td>
<td class="value" width="80">{{detailsData.mac}}</td>
</tr>
</tbody>
@@ -47,15 +47,15 @@
<table>
<tbody>
<tr>
- <td class="label" width="110">VLAN :</td>
+ <td class="label" width="110">VLAN</td>
<td class="value" width="80">{{detailsData.vlan}}</td>
</tr>
<tr>
- <td class="label" width="110">Configured :</td>
+ <td class="label" width="110">Configured</td>
<td class="value" width="80">{{detailsData.configured}}</td>
</tr>
<tr>
- <td class="label" width="110">Location :</td>
+ <td class="label" width="110">Location</td>
<td class="value" width="80">{{detailsData.location}}</td>
</tr>
</tbody>
diff --git a/web/gui2/src/main/webapp/app/view/pipeconf/pipeconfdetails/pipeconfdetails.component.html b/web/gui2/src/main/webapp/app/view/pipeconf/pipeconfdetails/pipeconfdetails.component.html
index 399ad28..011aacf 100644
--- a/web/gui2/src/main/webapp/app/view/pipeconf/pipeconfdetails/pipeconfdetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/pipeconf/pipeconfdetails/pipeconfdetails.component.html
@@ -30,20 +30,18 @@
<table>
<tbody>
<tr>
- <td class="label" width="110">Name :</td>
+ <td class="label" width="110">Name</td>
<td class="value"
width="80">{{pipeconfTable?.name}}</td>
- <td class="label" width="110">Support Aging :
- </td>
+ <td class="label" width="110">Support Aging</td>
<td class="value"
width="80">{{pipeconfTable?.supportAging}}</td>
</tr>
<tr>
- <td class="label" width="110">Has counters :
- </td>
+ <td class="label" width="110">Has counters</td>
<td class="value"
width="80">{{pipeconfTable?.hasCounters}}</td>
- <td class="label" width="110">Max entries :</td>
+ <td class="label" width="110">Max entries</td>
<td class="value"
width="80">{{pipeconfTable?.maxSize}}</td>
</tr>
diff --git a/web/gui2/src/main/webapp/app/view/port/portdetails/portdetails.component.html b/web/gui2/src/main/webapp/app/view/port/portdetails/portdetails.component.html
index d4b59be..7f6433d 100644
--- a/web/gui2/src/main/webapp/app/view/port/portdetails/portdetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/port/portdetails/portdetails.component.html
@@ -29,23 +29,23 @@
<table>
<tbody>
<tr>
- <td class="label" width="110">ID :</td>
+ <td class="label" width="110">ID</td>
<td class="value" width="80">{{detailsData.id}}</td>
</tr>
<tr>
- <td class="label" width="110">Device :</td>
+ <td class="label" width="110">Device</td>
<td class="value" width="80">{{detailsData.devId}}</td>
</tr>
<tr>
- <td class="label" width="110">Type :</td>
+ <td class="label" width="110">Type</td>
<td class="value" width="80">{{detailsData.type}}</td>
</tr>
<tr>
- <td class="label" width="110">Speed :</td>
+ <td class="label" width="110">Speed</td>
<td class="value" width="80">{{detailsData.speed}}</td>
</tr>
<tr>
- <td class="label" width="110">Enabled :</td>
+ <td class="label" width="110">Enabled</td>
<td class="value" width="80">{{detailsData.enabled}}</td>
</tr>
</tbody>
diff --git a/web/gui2/src/main/webapp/app/view/settings/settingsdetails/settingsdetails.component.html b/web/gui2/src/main/webapp/app/view/settings/settingsdetails/settingsdetails.component.html
index eef4ba2..8fdeca4 100644
--- a/web/gui2/src/main/webapp/app/view/settings/settingsdetails/settingsdetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/settings/settingsdetails/settingsdetails.component.html
@@ -25,27 +25,27 @@
<table>
<tbody>
<tr>
- <td class="label">Component: </td>
+ <td class="label">Component</td>
<td class="value">{{ settingsDetails?.fqComponent }}</td>
</tr>
<tr>
- <td class="label">Property: </td>
+ <td class="label">Property</td>
<td class="value">{{ settingsDetails?.prop }}</td>
</tr>
<tr>
- <td class="label">Type: </td>
+ <td class="label">Type</td>
<td class="value">{{ settingsDetails?.type }}</td>
</tr>
<tr>
- <td class="label">Value: </td>
+ <td class="label">Value</td>
<td class="value">{{ settingsDetails?.value }}</td>
</tr>
<tr>
- <td class="label">Default: </td>
+ <td class="label">Default</td>
<td class="value">{{ settingsDetails?.defValue }}</td>
</tr>
<tr>
- <td class="label">Description: </td>
+ <td class="label">Description</td>
<td class="value">{{ settingsDetails?.desc }}</td>
</tr>
</tbody>