[server-1547] dbviewer links added.

- create clearObjectId helper for handlerbars.
- added dynamic hrefs to related places.

Author: frknbasaran

frontend/express/public/javascripts/countly/countly.template.js

@@ -1237,7 +1237,20 @@ var AppRouter = Backbone.Router.extend({
         * {{> date-selector }}
         */
         Handlebars.registerPartial("date-selector", $("#template-date-selector").html());
-
+        /**
+        * Get id value from ObjectID string
+        * @name getIdValue
+        * @memberof Handlebars
+        * @example
+        * <span>{{#clearObjectId value}}{{/clearObjectId}}</span>
+        */
+        Handlebars.registerHelper('clearObjectId', function(string) {
+            var id = string;
+            if (id.substr(0, 3) === "Obj") {
+                id = id.split("(")[1].split(")")[0];
+            }
+            return id;
+        });
         /**
         * Display common date time selecting UI elements
         * @name date-time-selector

plugins/dbviewer/frontend/public/javascripts/countly.views.js

@@ -409,7 +409,7 @@ window.DBViewerView = countlyView.extend({
         }
         data.collections.forEach(function(item) {
             var template = '<tr>' +
-            '<th class="jh-key jh-object-key"><p><strong>_id: </strong>' + item._id + '<span class="dbviewer-view-link" class="jh-type-string"><a class="dbviewer-document-detail" data-db="' + self.db + '" data-id="' + item._id + '" data-collection="' + self.collection + '" href="javascript:void(0)">View</a></span></p></th>' +
+            '<th class="jh-key jh-object-key"><p><strong>_id: </strong>' + item._id + '<span class="dbviewer-view-link" class="jh-type-string"><a class="dbviewer-document-detail" data-db="' + self.db + '" data-id="' + item._id + '" data-collection="' + self.collection + '" href="#/manage/db/' + self.db + '/' + self.collection + '/' + item._id + '">View</a></span></p></th>' +
             '</tr>' +
             '<tr>' +
             '<td class="jh-value jh-object-value">' + self.syntaxHighlight(JSON.stringify(item, undefined, 4)) + '</td>' +
@@ -455,7 +455,7 @@ window.DBViewerView = countlyView.extend({
         $('.dbviewer-collections').append('<div class="dbviewer-db-area-title">' + this.db + '</div>');
         $('.dbviewer-collections').append('<div class="dbviewer-collection-list">');
         for (var collection in dbs[currentDbIndex].collections) {
-            $('.dbviewer-collection-list').append('<div class="dbviewer-collection-list-item"><a class="collection-list-item" data-db="' + this.db + '" data-collection="' + dbs[currentDbIndex].collections[collection] + '" href="javascript:void(0)">' + collection + '</a></div>');
+            $('.dbviewer-collection-list').append('<div class="dbviewer-collection-list-item"><a class="collection-list-item" data-db="' + this.db + '" data-collection="' + dbs[currentDbIndex].collections[collection] + '" href="#/manage/db/' + this.db + '/' + dbs[currentDbIndex].collections[collection] + '">' + collection + '</a></div>');
         }
         $('.dbviewer-collections').append('</div>');
         $('.dbviewer-aggregate').hide();
@@ -948,7 +948,7 @@ window.DBViewerView = countlyView.extend({
                         }
                         response.collections.forEach(function(item) {
                             var template = '<tr>' +
-                            '<th class="jh-key jh-object-key"><p><strong>_id: </strong>' + item._id + '<span class="dbviewer-view-link" data-db="' + self.db + '" data-id="' + item._id + '" data-collection="' + self.collection + '" class="jh-type-string"><a href="javascript:void(0)">View</a></span></p></th>' +
+                            '<th class="jh-key jh-object-key"><p><strong>_id: </strong>' + item._id + '<span class="dbviewer-view-link" data-db="' + self.db + '" data-id="' + item._id + '" data-collection="' + self.collection + '" class="jh-type-string"><a href="#/manage/db/' + self.db + '/' + self.collection + '/' + item._id + '">View</a></span></p></th>' +
                             '</tr>' +
                             '<tr>' +
                             '<td class="jh-value jh-object-value">' + self.syntaxHighlight(JSON.stringify(item, undefined, 4)) + '</td>' +

plugins/dbviewer/frontend/public/templates/dbviewer.html

@@ -47,7 +47,7 @@ <h3 id="{{value.name}}-db-selector">{{value.name}}</h3>
 					</div>
 					<ul class="dbviewer-collection-list-{{value.name}}">
 					{{#eachOfArray value.list}}
-					<li data-db="{{../value.name}}" data-collection="{{#withItem ../value.collections key=value}}{{this}}{{/withItem}}" class="collection-list-item searchable"><a class="dbviewer-link-in-collection-list" href='javascript:void(0)'>{{value}}</a></li>
+					<li data-db="{{../value.name}}" data-collection="{{#withItem ../value.collections key=value}}{{this}}{{/withItem}}" class="collection-list-item searchable"><a class="dbviewer-link-in-collection-list" href=href="#/manage/db/{{../value.name}}/{{#withItem ../value.collections key=value}}{{this}}{{/withItem}}">{{value}}</a></li>
 					{{/eachOfArray}}
 					</ul>
 				</div>
@@ -169,7 +169,7 @@ <h3 id="{{value.name}}-db-selector">{{value.name}}</h3>
 					<table class="jh-type-object jh-root" id="dbviewer-collections">
 					{{#eachOfArray data.collections}}
 					<tr>
-						<th class="jh-key jh-object-key"><p><strong>_id:</strong> {{value._id}} <span class="dbviewer-view-link" class="jh-type-string"><a data-db="{{../db}}" data-collection="{{../collection}}" data-id="{{value._id}}" href='javascript:void(0)' class="dbviewer-document-detail">View</a></span></p></th>
+						<th class="jh-key jh-object-key"><p><strong>_id:</strong> {{value._id}} <span class="dbviewer-view-link" class="jh-type-string"><a data-db="{{../db}}" data-collection="{{../collection}}" data-id="{{value._id}}" href="#/manage/db/{{../db}}/{{../collection}}/{{#clearObjectId value._id}}{{/clearObjectId}}" class="dbviewer-document-detail">View</a></span></p></th>
 					</tr>
 					<tr>
 						<td class="jh-value jh-object-value">{{prettyJSON value}}</td>
@@ -220,15 +220,15 @@ <h3 id="{{value.name}}-db-selector">{{value.name}}</h3>
 										<div class="dbviewer-collection-list">
 										{{#eachOfArray value.list}}
 											<div class="dbviewer-collection-list-item">
-												<a class="collection-list-item" data-db="{{../../../db}}" data-collection="{{#withItem ../value.collections key=value}}{{this}}{{/withItem}}" href="javascript:void(0)">{{value}}</a>
+												<a class="collection-list-item" data-db="{{../../../db}}" data-collection="{{#withItem ../value.collections key=value}}{{this}}{{/withItem}}" href="#/manage/db/{{../../../db}}/{{#withItem ../value.collections key=value}}{{this}}{{/withItem}}">{{value}}</a>
 											</div>
 										{{/eachOfArray}}
 										</div>
 							{{/ifCond}}
 						{{/eachOfArray}}
 						{{else}}
 							{{#eachOfArray dbs}}
-								<a href="javascript:void(0)">
+								<a href="#/manage/db/{{value.name}}">
 									<div class="dbviewer-db-square db-detail" id="{{value.name}}-box" data-db="{{value.name}}">
 										<img class="dbviewer-box-svg" src="./dbviewer/images/dbviewer/{{value.name}}.svg">
 										<h3 class="dbviewer-db-title" data-localize="dbviewer.{{value.name}}-database"></h3>