[ONOS-6964][ONOS-6966] Add pipeconf codec and pipeconf view

Change-Id: Ie60a5451bcc24a27ede655c8230d82998ea4f3be
diff --git a/web/gui/src/main/webapp/app/view/flow/flow.html b/web/gui/src/main/webapp/app/view/flow/flow.html
index 3039983..a6fed1a 100644
--- a/web/gui/src/main/webapp/app/view/flow/flow.html
+++ b/web/gui/src/main/webapp/app/view/flow/flow.html
@@ -53,6 +53,11 @@
                  tooltip tt-msg="meterTip"
                  ng-click="nav('meter')"></div>
 
+            <div class="active"
+                 icon icon-id="pipeconfTable" icon-size="42"
+                 tooltip tt-msg="pipeconfTip"
+                 ng-click="nav('pipeconf')"></div>
+
         </div>
 
         <div class="search">
diff --git a/web/gui/src/main/webapp/app/view/flow/flow.js b/web/gui/src/main/webapp/app/view/flow/flow.js
index cd1e58a..71794bd 100644
--- a/web/gui/src/main/webapp/app/view/flow/flow.js
+++ b/web/gui/src/main/webapp/app/view/flow/flow.js
@@ -246,8 +246,10 @@
                     $scope.portTip = 'Show port view for this device';
                     $scope.groupTip = 'Show group view for this device';
                     $scope.meterTip = 'Show meter view for selected device';
+                    $scope.pipeconfTip = 'Show pipeconf view for selected device';
                     $scope.briefTip = 'Switch to brief view';
                     $scope.detailTip = 'Switch to detailed view';
+
                     $scope.brief = true;
                     params = $location.search();
                     if (params.hasOwnProperty('devId')) {