diff --git a/src/js/client.js b/src/js/client.js
index 8b22ef8f9..504c5a895 100644
--- a/src/js/client.js
+++ b/src/js/client.js
@@ -1948,6 +1948,21 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
     };
 
     // Email
+    Client.prototype.getMailEventLogs = function (page, perPage, callback) {
+        var config = {
+            params: {
+                page: page,
+                per_page: perPage
+            }
+        };
+
+        get('/api/v1/mailserver/eventlog', config, function (error, data, status) {
+            if (error) return callback(error);
+            if (status !== 200) return callback(new ClientError(status, data));
+                callback(null, data.eventlogs);
+        });
+    };
+
     Client.prototype.getMailConfigForDomain = function (domain, callback) {
         get('/api/v1/mail/' + domain, null, function (error, data, status) {
             if (error) return callback(error);
diff --git a/src/views/emails.html b/src/views/emails.html
index 039725674..f15d7f6e6 100644
--- a/src/views/emails.html
+++ b/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>
diff --git a/src/views/emails.js b/src/views/emails.js
index eb4342205..81b184a95 100644
--- a/src/views/emails.js
+++ b/src/views/emails.js
@@ -10,12 +10,38 @@ angular.module('Application').controller('EmailsController', ['$scope', '$locati
     $scope.config = Client.getConfig();
     $scope.domains = [];
 
+    $scope.activity = {
+        eventlogs: [],
+        currentPage: 1,
+        perPage: 20,
+
+        fetchEventLogs: function () {
+            Client.getMailEventLogs($scope.activity.currentPage, $scope.activity.perPage, function (error, result) {
+                if (error) return console.error(error);
+                $scope.activity.eventlogs = result;
+            });
+        },
+
+        showNextPage: function () {
+            $scope.activity.currentPage++;
+            $scope.activity.fetchEventLogs();
+        },
+
+        showPrevPage: function () {
+            if ($scope.activity.currentPage > 1) $scope.activity.currentPage--;
+            else $scope.activity.currentPage = 1;
+            $scope.activity.fetchEventLogs();
+        }
+    };
+
     Client.onReady(function () {
         Client.getDomains(function (error, domains) {
             if (error) return console.error('Unable to get domain listing.', error);
 
             $scope.domains = domains;
             $scope.ready = true;
+
+            $scope.activity.fetchEventLogs();
         });
     });