Browse Source

Cleanup, make preview background black.

pull/96/head
Evan Theurer 12 years ago
parent
commit
85a53ceb58
  1. 1
      src/styles/components/_buddypictureupload.scss
  2. 15
      static/js/directives/buddypictureupload.js

1
src/styles/components/_buddypictureupload.scss

@ -31,6 +31,7 @@
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
width: 200px; width: 200px;
background-color: black;
} }
.preview { .preview {
position: relative; position: relative;

15
static/js/directives/buddypictureupload.js

@ -54,20 +54,6 @@ define(['jquery', 'underscore', 'text!partials/buddypictureupload.html'], functi
img.src = data; img.src = data;
}; };
var handleImageDrag = function(evt) {
evt.preventDefault();
console.log('draggin image', evt.offsetX, evt.offsetY);
};
var handleImageDrop = function(evt) {
evt.preventDefault();
console.log('dropped image', evt);
};
$scope.addImageMoveHandlers = function() {
$scope.prevImage.addEventListener('dragover', handleImageDrag);
$scope.prevImage.addEventListener('drop', handleImageDrop);
};
$scope.reset = function() { $scope.reset = function() {
$scope.showUploadPicture = false; $scope.showUploadPicture = false;
$scope.previewUpload = false; $scope.previewUpload = false;
@ -184,7 +170,6 @@ define(['jquery', 'underscore', 'text!partials/buddypictureupload.html'], functi
var link = function($scope, $element) { var link = function($scope, $element) {
$scope.prevImage = $(".showUploadPicture .preview").get(0); $scope.prevImage = $(".showUploadPicture .preview").get(0);
$scope.addImageMoveHandlers();
$element.find("#uploadFile").on('change', $scope.handleUpload); $element.find("#uploadFile").on('change', $scope.handleUpload);
$scope.uploadPrev = $element.find("canvas.uploadPrev").get(0); $scope.uploadPrev = $element.find("canvas.uploadPrev").get(0);
$($scope.uploadPrev).attr($scope.captureSize); $($scope.uploadPrev).attr($scope.captureSize);

Loading…
Cancel
Save