diff --git a/app/components/events/events.html b/app/components/events/events.html
index ccbfd38f4..7d1c896d3 100644
--- a/app/components/events/events.html
+++ b/app/components/events/events.html
@@ -1,18 +1,33 @@
-
Events
-
-
-
-
- Event |
- From |
- ID |
- Time |
-
-
- |
- |
- |
- |
-
-
-
+
+
+
Events
+
+
+
+
+
+ Event |
+ From |
+ ID |
+ Time |
+
+
+ |
+ |
+ |
+ |
+
+
+
+
+
diff --git a/app/components/events/eventsController.js b/app/components/events/eventsController.js
index c5b579140..e0dc5d213 100644
--- a/app/components/events/eventsController.js
+++ b/app/components/events/eventsController.js
@@ -1,10 +1,31 @@
angular.module('events', [])
-.controller('EventsController', ['Settings', '$scope', function(Settings, $scope) {
- var yesterday = Math.floor(Date.now() / 1000) - 86400; // Today's date minus 24 hours.
- $scope.dockerEvents = [];
- oboe(Settings.url + '/events' + '?since=' + yesterday)
- .done(function(node) {
- $scope.dockerEvents.push(node);
- $scope.$apply();
- });
-}]);
+ .controller('EventsController', ['Settings', '$scope', function(Settings, $scope) {
+ $scope.updateEvents = function() {
+ $scope.dockerEvents = [];
+
+ // TODO: Clean up URL building
+ var url = Settings.url + '/events?';
+
+ if ($scope.model.since) {
+ var sinceSecs = Math.floor($scope.model.since.getTime() / 1000);
+ url += 'since=' + sinceSecs + '&';
+ }
+ if ($scope.model.until) {
+ var untilSecs = Math.floor($scope.model.until.getTime() / 1000);
+ url += 'until=' + untilSecs;
+ }
+
+ oboe(url)
+ .done(function(node) {
+ $scope.dockerEvents.push(node);
+ $scope.$apply();
+ });
+ };
+
+ // Init
+ $scope.model = {};
+ $scope.model.since = new Date(Date.now() - 86400000); // 24 hours in the past
+ $scope.model.until = new Date();
+ $scope.updateEvents();
+
+ }]);
\ No newline at end of file