Add tooltip to show the exact time in event log

webadmin/src/index.html

@@ -40,6 +40,9 @@
     <script src="3rdparty/js/angular-ui-notification.min.js"></script>
     <script src="3rdparty/js/autofill-event.js"></script>
 
+    <!-- Angular directives for bootstrap https://angular-ui.github.io/bootstrap/ -->
+    <script src="3rdparty/js/ui-bootstrap-tpls-1.3.3.min.js"></script>
+
     <script src="3rdparty/js/Chart.js"></script>
     <script src="3rdparty/js/ansi_up.js"></script>
 

webadmin/src/js/index.js

@@ -9,7 +9,7 @@ if (search.accessToken) localStorage.token = search.accessToken;
 
 
 // create main application module
-var app = angular.module('Application', ['ngRoute', 'ngAnimate', 'ngSanitize', 'angular-md5', 'slick', 'ui-notification', 'ui.bootstrap-slider']);
+var app = angular.module('Application', ['ngRoute', 'ngAnimate', 'ngSanitize', 'angular-md5', 'slick', 'ui-notification', 'ui.bootstrap', 'ui.bootstrap-slider']);
 
 app.config(['NotificationProvider', function (NotificationProvider) {
     NotificationProvider.setOptions({

webadmin/src/theme.scss

@@ -616,6 +616,10 @@ footer a {
     cursor: pointer;
 }
 
+.arrow {
+    cursor: default;
+}
+
 
 // ----------------------------
 // Upgrade

webadmin/src/views/activity.html

@@ -30,13 +30,13 @@
               <thead>
                 <tr>
                   <th class="col-md-2">Time</th>
-                  <th class="col-md-2">Source</th>
-                  <th class="col-md-6">Action</th>
+                  <th class="col-md-3">Source</th>
+                  <th class="col-md-7">Action</th>
                 </tr>
               </thead>
               <tbody>
                 <tr ng-repeat="eventLog in eventLogs">
-                  <th scope="row">{{ eventLog.creationTime | prettyDate }}</td>
+                  <td><span uib-tooltip="{{eventLog.creationTime}}" class="arrow">{{ eventLog.creationTime | prettyDate }}</span></td>
                   <td>{{ eventLog.source.username || eventLog.source.userId || eventLog.source.authType }} <span ng-show="eventLog.source.ip || eventLog.source.appId"> ({{ eventLog.source.ip || eventLog.source.appId }}) </span> </td>
                   <td>{{ eventLog | eventLogDetails }}</td>
                 </tr>