Vishal: Added details page

bower.json

@@ -3,11 +3,11 @@
     "description": "DGC Metadata",
     "version": "1.0.0-SNAPSHOT",
     "dependencies": {
-    "angular": "1.2.15",
-    "angular-resource": "1.2.15",
-    "angular-cookies": "1.2.15",
-    "angular-route": "1.2.15",
-    "angular-sanitize": "1.2.15",
+        "angular": "~1.2.15",
+        "angular-resource": "~1.2.15",
+        "angular-cookies": "~1.2.15",
+        "angular-route": "~1.2.15",
+        "angular-sanitize": "~1.2.15",
         "bootstrap": "~3.1.1",
         "angular-bootstrap": "~0.12.0",
         "angular-ui-router": "~0.2.13",

gruntfile.js

@@ -83,7 +83,7 @@ module.exports = function(grunt) {
     require('load-grunt-tasks')(grunt);
 
     //Default task(s).
-    grunt.registerTask('default', ['bower', 'jsbeautifier:default']);
+    grunt.registerTask('default', ['bower', 'jshint', 'jsbeautifier:default']);
 
     // Server task
     grunt.registerTask('server', ['bower', 'jshint', 'concurrent']);

public/js/app.js

@@ -6,7 +6,8 @@ angular.module('dgc', ['ngCookies',
     'ui.router',
     'dgc.system',
     'dgc.home',
-    'dgc.search'
+    'dgc.search',
+    'dgc.details'
 ]);
 
 angular.module('dgc.system', ['dgc.system.notification']);

public/js/routes.js

 'use strict';
 
 //Setting up route
-angular.module('dgc').config(['$locationProvider', '$urlRouterProvider', function($locationProvider, $urlRouterProvider) {
+angular.module('dgc').config(['$locationProvider', '$urlRouterProvider',
+    function($locationProvider, $urlRouterProvider) {
         $locationProvider.hashPrefix('!');
         // For unmatched routes:
-    $urlRouterProvider.otherwise('/');
-    $urlRouterProvider.when('/', '/search');
-}]);
+        $urlRouterProvider.otherwise('/search');
+    }
+]);
\ No newline at end of file

public/modules/details/detailsController.js

+'use strict';
+
+angular.module('dgc.details').controller('DetailsController', ['$scope', '$stateParams', 'DetailsResource',
+    function($scope, $stateParams, DetailsResource) {
+
+        $scope.details = DetailsResource.get({
+            id: $stateParams.id
+        });
+
+        $scope.isString = angular.isString;
+    }
+]);

public/modules/details/detailsModule.js

+'use strict';
+
+angular.module('dgc.details', []);

public/modules/details/detailsResource.js

+'use strict';
+
+angular.module('dgc.details').factory('DetailsResource', ['$resource', function($resource) {
+    return $resource('/api/metadata/entities/definition/:id', {}, {
+        get: {
+            method: 'GET',
+            transformResponse: function(data) {
+                if (data) {
+                    return angular.fromJson(data.definition);
+                }
+            },
+            responseType: 'json'
+        }
+    });
+}]);

public/modules/details/detailsRoutes.js

+'use strict';
+
+angular.module('dgc.details').config(['$stateProvider',
+    function($stateProvider) {
+
+        // states for my app
+        $stateProvider.state('details', {
+            url: '/details/:id',
+            templateUrl: '/modules/details/views/details.html'
+        });
+    }
+]);

public/modules/details/views/attribute.html

+<h4>{{key}}:</h4>
+<p>{{value}}</p>
\ No newline at end of file

public/modules/details/views/details.html

+<div class="container" data-ng-controller="DetailsController">
+    <div class="col-lg-12">
+        <tabset>
+            <tab data-heading="Wiki">
+                <div data-ng-repeat="(key,value) in details" data-ng-if="isString(value)" ng-include="'/modules/details/views/attribute.html'"></div>
+            </tab>
+            <tab data-heading="Raw">
+                <pre>{{details | json}}</pre>
+            </tab>
+            <tab data-heading="Lineage">Graph will be here soon...</tab>
+        </tabset>
+    </div>
+</div>
\ No newline at end of file

public/modules/home/headerController.js

@@ -2,7 +2,7 @@
 
 angular.module('dgc.home').controller('HeaderController', ['$scope', function($scope) {
 
-    $scope.menu = [{'state': 'search', 'title': 'Search'}];
+    $scope.menu = [];
 
     $scope.isCollapsed = true;
     $scope.isLoggedIn = function() {

public/modules/notification/notificationService.js

@@ -20,7 +20,9 @@ angular.module('dgc.system.notification').service('NotificationService', ['$time
         service[key] = function(message) {
             var notification = message;
             if (_.isString(message)) {
-                notification = {message: message};
+                notification = {
+                    message: message
+                };
             }
 
             notification.message = notification.msg || notification.message;

public/modules/search/searchController.js

 'use strict';
 
-angular.module('dgc.search').controller('SearchController', ['$scope', function($scope) {
+angular.module('dgc.search').controller('SearchController', ['$scope', '$state', '$stateParams', 'SearchResource', 'DetailsResource',
+    function($scope, $state, $stateParams, SearchResource, DetailsResource) {
 
-    $scope.types = [];
+        $scope.types = ['hive_table', 'hive_database'];
+        $scope.results = [];
+        $scope.search = function(query) {
+            SearchResource.get({
+                query: query
+            }, function(response) {
+                $scope.results = [];
+                angular.forEach(response.list, function(typeId) {
+                    DetailsResource.get({
+                        id: typeId
+                    }, function(definition) {
+                        $scope.results.push(definition);
+                    });
+                });
+                $state.go('search.results', {
+                    query: query
+                });
+            });
+        };
 
-}]);
+        $scope.query = $stateParams.query;
+        if ($scope.query) {
+            $scope.search($stateParams.query);
+        }
+
+    }
+]);

public/modules/search/searchModule.js

 'use strict';
 
-angular.module('dgc.search', ['dgc.search.routes']);
+angular.module('dgc.search', ['dgc.details']);
\ No newline at end of file

public/modules/search/searchResource.js

+'use strict';
+
+angular.module('dgc.search').factory('SearchResource', ['$resource', function($resource) {
+    return $resource('/api/metadata/entities/list/:query', {
+        'query': '@id'
+    });
+}]);

public/modules/search/searchRoutes.js

 'use strict';
 
 //Setting up route
-angular.module('dgc.search.routes', []).config(['$stateProvider',
+angular.module('dgc.search').config(['$stateProvider',
     function($stateProvider) {
 
         // states for my app
         $stateProvider.state('search', {
             url: '/search',
             templateUrl: '/modules/search/views/search.html'
+        }).state('search.results', {
+            url: '/:query',
+            templateUrl: '/modules/search/views/searchResult.html'
         });
     }
 ]);

public/modules/search/views/search.html

 <div class="container" data-ng-controller="SearchController">
+    <form name="form" novalidate>
         <div class="row">
             <div class="col-sm-offset-1 col-lg-5">
                 <div class="input-group">
-                <input type="text" class="form-control" placeholder="Search">
+                    <input type="text" class="form-control" placeholder="Search" data-ng-model="query" data-typeahead="type for type in types" required/>
                     <span class="input-group-btn">
-                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search white "></i></button>
+                        <button class="btn btn-default" type="submit" data-ng-disabled="form.$invalid" data-ng-click="search(query)"><i class="glyphicon glyphicon-search white "></i></button>
                     </span>
                 </div>
             </div>
         </div>
         <div class="row">
             <div class="col-sm-offset-1 col-lg-6">
-            <small class="small-txt">Search : Hive,Table,xxxx</small>
+                <small class="small-txt">Search : hive_table, hive_database</small>
             </div>
         </div>
+        <div class="row" data-ng-show="results.length > 0">
+            <div class="col-sm-offset-1 col-lg-11" data-ui-view=""></div>
+        </div>
+    </form>
 </div>
\ No newline at end of file

public/modules/search/views/searchResult.html

+<h4>{{query}} results</h4>
+
+<ul class="list-unstyled">
+    <li ng-repeat="result in results">
+        <a data-ui-sref="details({id:result.$id$.id})">{{result.description}}</a>
+    </li>
+</ul>
\ No newline at end of file

public/views/includes/foot.html

@@ -28,8 +28,15 @@
 <!-- Search Module -->
 <script type="text/javascript" src="/modules/search/searchModule.js"></script>
 <script type="text/javascript" src="/modules/search/searchRoutes.js"></script>
+<script type="text/javascript" src="/modules/search/searchResource.js"></script>
 <script type="text/javascript" src="/modules/search/searchController.js"></script>
 
+<!-- Details Module -->
+<script type="text/javascript" src="/modules/details/detailsModule.js"></script>
+<script type="text/javascript" src="/modules/details/detailsRoutes.js"></script>
+<script type="text/javascript" src="/modules/details/detailsResource.js"></script>
+<script type="text/javascript" src="/modules/details/detailsController.js"></script>
+
 <!-- Initialize the application -->
 <script type="text/javascript" src="js/init.js"></script>