diff --git a/src/styles/components/_presentation.scss b/src/styles/components/_presentation.scss index 50208297..a69bc298 100644 --- a/src/styles/components/_presentation.scss +++ b/src/styles/components/_presentation.scss @@ -122,13 +122,16 @@ color: #333; margin-top: 20px; width: 160px; + height: 122px; display: inline-block; margin-left: 20px; cursor: pointer; position: relative; + vertical-align: middle; } .presentation .thumbnail:first-child { + cursor: default; margin-left: 0; } @@ -149,6 +152,8 @@ position: absolute; left: 0; right: 0; + top: 0; + bottom: 0; text-align: center; } diff --git a/static/js/directives/presentation.js b/static/js/directives/presentation.js index abaee087..6f0d372d 100644 --- a/static/js/directives/presentation.js +++ b/static/js/directives/presentation.js @@ -403,6 +403,15 @@ define(['jquery', 'underscore', 'text!partials/presentation.html'], function($, return namespace + "_" + $scope.myid; }; + var uploadBinder = fileUpload.bindClick(namespace, $element.find('.thumbnail button')[0], function(files) { + console.log("Files selected", files); + filesSelected(files); + }); + uploadBinder.namespace = function() { + // Inject own id into namespace. + return namespace + "_" + $scope.myid; + }; + $scope.showPresentation = function() { console.log("Presentation active"); $scope.layout.presentation = true; diff --git a/static/partials/presentation.html b/static/partials/presentation.html index 11458196..10d49107 100644 --- a/static/partials/presentation.html +++ b/static/partials/presentation.html @@ -28,6 +28,12 @@
+
+
+
+ +
+