[ONOS-6375] Support keyword search in mapping management GUI

Change-Id: I78b823eb5fa396be3901fe600e9b964ec1cdd639
diff --git a/apps/mappingmanagement/web/src/main/resources/app/view/mapping/mapping.html b/apps/mappingmanagement/web/src/main/resources/app/view/mapping/mapping.html
index 0572210..0c35dde 100644
--- a/apps/mappingmanagement/web/src/main/resources/app/view/mapping/mapping.html
+++ b/apps/mappingmanagement/web/src/main/resources/app/view/mapping/mapping.html
@@ -33,7 +33,20 @@
             <div class="active"
                  icon icon-id="deviceTable" icon-size="42"
                  tooltip tt-msg="deviceTip"
-                 ng-click="nav('device')"></div>
+                 ng-click="nav('device')">
+            </div>
+        </div>
+
+        <div class="search">
+            <input type="text" ng-model="queryTxt" placeholder="Search"/>
+            <select ng-model="queryBy">
+                <option value="" disabled>Search By</option>
+                <option value="$">All Fields</option>
+                <option value="id">Mapping ID</option>
+                <option value="state">State</option>
+                <option value="type">Store Type</option>
+                <option value="mappingKey">Mapping Key</option>
+            </select>
         </div>
     </div>