mail: add js code to get eventlog

src/views/emails.html

@@ -1,10 +1,14 @@
 <div class="content">
   <div class="text-left">
     <h1>
-      Email
+      Mail Server
     </h1>
   </div>
 
+  <div class="text-left">
+    <h3>Domains</h3>
+  </div>
+
   <div class="card" style="margin-bottom: 15px;">
     <div class="row ng-hide" ng-hide="ready">
       <div class="col-lg-12 text-center">
@@ -13,7 +17,6 @@
     </div>
     <div class="row animateMeOpacity ng-hide" ng-show="ready">
       <div class="col-xs-12">
-        <p>Select a Domain to configure mailboxes and how mails are sent.</p>
         <table class="table table-hover" style="margin: 0;">
           <thead>
             <tr>
@@ -32,8 +35,6 @@
             </tr>
           </tbody>
         </table>
-        <br/>
-        <a class="btn btn-primary pull-right" href="/logs.html?id=mail" target="_blank">Show Logs</a>
       </div>
     </div>
   </div>
@@ -41,7 +42,7 @@
   <br/>
 
   <div class="text-left">
-    <h3>Black/White Listing</h3>
+    <h3>Event Log</h3>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">
@@ -52,27 +53,32 @@
     </div>
     <div class="row animateMeOpacity ng-hide" ng-show="ready">
       <div class="col-xs-12">
-        TBD
+        <table class="table table-hover" style="margin: 0;">
+          <thead>
+            <tr>
+              <th class="col-md-2">Time</th>
+              <th class="col-md-3">Type</th>
+              <th class="col-md-7">Details</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr ng-repeat="eventlog in activity.eventlogs">
+              <tr ng-click="showEventLogDetails(eventLog)" class="hand">
+                <td><span uib-tooltip="{{ eventlog.ts }}" class="arrow">{{ eventlog.ts }}</span></td>
+                <td>{{ eventlog.type }}</td>
+                <td ng-bind-html="eventlog.details"></td>
+              </tr>
+              <tr ng-show="activeEventLog === eventlog">
+                <td colspan="4"><pre class="eventlog-details">{{ eventlog.raw.data | json }}</pre></td>
+              </tr>
+          </tbody>
+        </table>
       </div>
+
+      <br/>
+      <a class="btn btn-primary pull-right" href="/logs.html?id=mail" target="_blank">Show Logs</a>
+
     </div>
   </div>
 
-  <br/>
-
-  <div class="text-left">
-    <h3>Mail Log</h3>
-  </div>
-
-  <div class="card" style="margin-bottom: 15px;">
-    <div class="row ng-hide" ng-hide="ready">
-      <div class="col-lg-12 text-center">
-        <h2><i class="fa fa-circle-notch fa-spin"></i></h2>
-      </div>
-    </div>
-    <div class="row animateMeOpacity ng-hide" ng-show="ready">
-      <div class="col-xs-12">
-        TBD
-      </div>
-    </div>
-  </div>
 </div>