ATLAS-502 UI: Provide the ability to search for tags (anilsg via shwethags)

dashboard/public/css/common.css

@@ -350,3 +350,18 @@ Tags on Home Page design
     margin-right: 15px;
     margin-left: -15px;
 }
+.main-tags .list-tag{
+    height: 640px;
+    overflow-y: scroll;
+}
+.filter-tag{
+    width: 95%;
+    padding: 3px;
+    margin-left: 6px;
+    margin-top: 3px;
+    margin-bottom: 3px;
+}
+.see-more {
+    font-weight: bold;
+    font-size: 16px;
+} 
\ No newline at end of file

dashboard/public/modules/navigation/navigationController.js

@@ -19,6 +19,8 @@
 
 angular.module('dgc.navigation').controller('navigationController', ['$scope', 'navigationResource', '$cacheFactory', 'atlasConfig',
     function($scope, navigationResource, $cacheFactory, atlasConfig) {
+        var limitIntialCount = 18;
+        $scope.intialCount = limitIntialCount;
 
         $scope.updateVar = function(event) {
             $scope.$$prevSibling.query = angular.element(event.target).text();
@@ -38,7 +40,15 @@ angular.module('dgc.navigation').controller('navigationController', ['$scope', '
             var httpDefaultCache = $cacheFactory.get('$http');
             httpDefaultCache.remove(atlasConfig.API_ENDPOINTS.TRAITS_LIST);
             $scope.leftnav = navigationResource.get();
+            $scope.intialCount = limitIntialCount;
         };
 
+        $scope.showMore = function(){
+            $scope.intialCount += limitIntialCount;
+        };
+
+        $scope.filterTags = function(){ 
+            $scope.intialCount = limitIntialCount; 
+        };
     }
 ]);

dashboard/public/modules/navigation/views/navigation.html

@@ -19,11 +19,17 @@
 <div data-ng-controller="navigationController" class="main-tags leftNavigation"> 
     <div>
        <h4 class="pull-left">Tags</h4>  
-       <a href ng-click="refreshTags()" class="pull-right"> <img src="../img/refresh.png" style="margin: 5px;" title="Refresh Tags" ></a>
+       <a href ng-click="refreshTags()" class="pull-right"> 
+         <img src="../img/refresh.png" style="margin: 5px;" title="Refresh Tags" >
+       </a>
+       <form ng-submit="filterTags()">
+         <input type="text" class="filter-tag" placeholder="Search for Tags…" ng-model="tagFilter" ng-keydown="filterTags()"> </input>
+         <input type="submit" id="submit" value="Submit" class="hide" />
+       </form>
     </div> 
     </br> 
-    </br> 
     <div class="list-group">
-       <a ng-repeat="nav in leftnav" ui-sref="search({ query: nav })" class="list-group-item limit-size" title="{{nav}}"><i class="fa fa-tag"></i> {{nav}} </a>
+       <a ng-repeat="nav in filtered = (leftnav | filter:tagFilter | limitTo:intialCount + 1)" ui-sref="search({ query: nav })" class="list-group-item limitSize" title="{{nav}}"><i class="fa fa-tag"></i> {{nav}} </a>
+       <a ng-click="showMore()" class="see-more" ng-class="filtered.length > intialCount ? 'show' : 'hide'"> Load more ... </a>
     </div>
 </div>
\ No newline at end of file

release-log.txt

@@ -9,6 +9,7 @@ ATLAS-409 Atlas will not import avro tables with schema read from a file (dosset
 ATLAS-379 Create sqoop and falcon metadata addons (venkatnrangan,bvellanki,sowmyaramesh via shwethags)
 
 ALL CHANGES:
+ATLAS-502 UI: Provide the ability to search for tags (anilsg via shwethags)
 ATLAS-364 UI Code standardization (darshankumar89 via shwethags)
 ATLAS_396 Creating an entity with non-existing type results in "Unable to deserialize json" error (guptaneeru via sumasai)
 ATLAS-318 Config file conatining API endpoint + all api calls to be centralized (sanjayp via sumasai)