diff --git a/src/styles/components/_presentation.scss b/src/styles/components/_presentation.scss index 89138b34..3af11999 100644 --- a/src/styles/components/_presentation.scss +++ b/src/styles/components/_presentation.scss @@ -207,14 +207,21 @@ display: block; } -.presentation .thumbnail .delete { +.presentation .thumbnail .presentation-action { position: absolute; top: 1px; - right: 1px; display: none; } -.presentation .thumbnail:hover .delete { +.presentation .thumbnail .download { + left: 1px; +} + +.presentation .thumbnail .delete { + right: 1px; +} + +.presentation .thumbnail:hover .presentation-action { display: block; } diff --git a/static/js/directives/presentation.js b/static/js/directives/presentation.js index 099857cb..17160faf 100644 --- a/static/js/directives/presentation.js +++ b/static/js/directives/presentation.js @@ -53,6 +53,7 @@ define(['jquery', 'underscore', 'text!partials/presentation.html', 'bigscreen'], this.file = null; this.handler = null; this.session = null; + this.url = null; }; BasePresentation.prototype.stop = function() { @@ -75,7 +76,6 @@ define(['jquery', 'underscore', 'text!partials/presentation.html', 'bigscreen'], BasePresentation.call(this, scope, fileInfo, token); this.owner = owner; this.progress = 0; - this.url = null; this.presentable = false; this.downloading = true; this.uploaded = false; @@ -129,6 +129,15 @@ define(['jquery', 'underscore', 'text!partials/presentation.html', 'bigscreen'], } }; + DownloadPresentation.prototype.browserOpen = function(target) { + target = target || "_blank"; + if (this.downloading) { + console.log("Presentation download not finished yet, not opening", this); + return; + } + $window.open(this.url, target); + }; + DownloadPresentation.prototype.close = function() { this.openCallback = null; }; @@ -176,6 +185,14 @@ define(['jquery', 'underscore', 'text!partials/presentation.html', 'bigscreen'], callback(this.file); }; + UploadPresentation.prototype.browserOpen = function(target) { + target = target || "_blank"; + if (!this.url) { + this.url = URL.createObjectURL(this.file.file); + } + $window.open(this.url, target); + }; + UploadPresentation.prototype.close = function() { }; @@ -199,6 +216,10 @@ define(['jquery', 'underscore', 'text!partials/presentation.html', 'bigscreen'], this.scope.$destroy(); this.scope = null; } + if (this.url) { + URL.revokeObjectURL(this.url); + this.url = null; + } this.session = null; BasePresentation.prototype.clear.call(this); }; @@ -651,6 +672,13 @@ define(['jquery', 'underscore', 'text!partials/presentation.html', 'bigscreen'], presentation.clear(); }; + $scope.downloadPresentation = function(presentation, $event) { + if ($event) { + $event.preventDefault(); + } + presentation.browserOpen(); + }; + $scope.toggleFullscreen = function(elem) { if (BigScreen.enabled) { diff --git a/static/partials/presentation.html b/static/partials/presentation.html index 2b128b54..e19843dc 100644 --- a/static/partials/presentation.html +++ b/static/partials/presentation.html @@ -44,7 +44,8 @@ title="{{ presentation.info.name }}">
- + +
{{ presentation.info.name }}