|
|
|
|
@ -512,46 +512,54 @@ function loadAllPhotos(portfIds) { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Live image upload ---------------------------------------
|
|
|
|
|
// Live image upload --------------------------------------------
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
;(function() { |
|
|
|
|
var $liveImageUploadContainer = $('.-live-image-upload-container').first() |
|
|
|
|
var $container = $('.-live-image-upload-container').first() |
|
|
|
|
|
|
|
|
|
var $avatarImage = $liveImageUploadContainer.find('.-avatar-image').first() |
|
|
|
|
var $liveImageUpload = $liveImageUploadContainer.find('.-live-image-upload').first() |
|
|
|
|
var $liveImageId = $liveImageUploadContainer.find('.-live-image-id').first() |
|
|
|
|
var $liveImageDelete = $liveImageUploadContainer.find('.-live-image-delete').first() |
|
|
|
|
var $liveImageUploadField = $container.find('.-live-image-upload-field').first() |
|
|
|
|
var liveImageDeleteClass = '.-live-image-delete' |
|
|
|
|
var $imageDeleteBtns = $('.-image-delete') |
|
|
|
|
|
|
|
|
|
$avatarImage.attr('orig-src', $avatarImage.attr('src')) |
|
|
|
|
var templ = _.template($container.find('.-templ').first().html()) |
|
|
|
|
var $res = $container.find('.-res').first() |
|
|
|
|
|
|
|
|
|
$liveImageUpload.fileupload({ |
|
|
|
|
var images = [] |
|
|
|
|
|
|
|
|
|
$liveImageUploadField.fileupload({ |
|
|
|
|
url: LIVE_IMAGE_UPLOAD_URL, |
|
|
|
|
dataType: 'json', |
|
|
|
|
|
|
|
|
|
done: function($evt, data) { |
|
|
|
|
var image = data.result |
|
|
|
|
|
|
|
|
|
$avatarImage.attr('src', image.thumbnailUrl) |
|
|
|
|
$liveImageId.val(image.id) |
|
|
|
|
|
|
|
|
|
$liveImageDelete.data('url', image.deleteUrl) |
|
|
|
|
$liveImageDelete.css('display', 'block') |
|
|
|
|
images.push(image) |
|
|
|
|
render() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
$liveImageDelete.on('click', function($evt) { |
|
|
|
|
$container.on('click', liveImageDeleteClass, function($evt) { |
|
|
|
|
var $that = $(this) |
|
|
|
|
var image = _.find({id: $that.data('imageId')}, images) |
|
|
|
|
|
|
|
|
|
$.post($that.data('url')).then(function(res) { |
|
|
|
|
$.post(image.deleteUrl).then(function(res) { |
|
|
|
|
if (res.status == 'success') { |
|
|
|
|
$avatarImage.attr('src', $avatarImage.attr('orig-src') || STUB_IMAGE_URL) |
|
|
|
|
$liveImageId.val('') |
|
|
|
|
$that.css('display', 'none') |
|
|
|
|
remove(images, image) |
|
|
|
|
render() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
$imageDeleteBtns.on('click', function($evt) { |
|
|
|
|
$(this).closest('.-image-widget').remove() |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Helpers --------------------------------
|
|
|
|
|
|
|
|
|
|
function render() { |
|
|
|
|
$res.html(templ({images: images})) |
|
|
|
|
} |
|
|
|
|
}()) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -562,21 +570,19 @@ function loadAllPhotos(portfIds) { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Live image upload (multiple) -----------------------------------
|
|
|
|
|
|
|
|
|
|
// Live image avatar (single) upload ---------------------------------
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
;(function() { |
|
|
|
|
var $container = $('.-live-image-upload-multiple-container').first() |
|
|
|
|
var $container = $('.-live-image-avatar-upload-container').first() |
|
|
|
|
|
|
|
|
|
var $avatarImage = $container.find('.-avatar-image').first() |
|
|
|
|
var $liveImageUpload = $container.find('.-live-image-upload').first() |
|
|
|
|
var liveImageDeleteClass = '.-live-image-delete' |
|
|
|
|
var $liveImageId = $container.find('.-live-image-id').first() |
|
|
|
|
var $liveImageDelete = $container.find('.-live-image-delete').first() |
|
|
|
|
|
|
|
|
|
var templ = _.template($container.find('.-templ').first().html()) |
|
|
|
|
var $res = $container.find('.-res').first() |
|
|
|
|
|
|
|
|
|
var images = [] |
|
|
|
|
|
|
|
|
|
render() |
|
|
|
|
$avatarImage.attr('orig-src', $avatarImage.attr('src')) |
|
|
|
|
|
|
|
|
|
$liveImageUpload.fileupload({ |
|
|
|
|
url: LIVE_IMAGE_UPLOAD_URL, |
|
|
|
|
@ -584,29 +590,26 @@ function loadAllPhotos(portfIds) { |
|
|
|
|
|
|
|
|
|
done: function($evt, data) { |
|
|
|
|
var image = data.result |
|
|
|
|
images.push(image) |
|
|
|
|
render() |
|
|
|
|
|
|
|
|
|
$avatarImage.attr('src', image.thumbnailUrl) |
|
|
|
|
$liveImageId.val(image.id) |
|
|
|
|
|
|
|
|
|
$liveImageDelete.data('url', image.deleteUrl) |
|
|
|
|
$liveImageDelete.css('display', 'block') |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
$container.on('click', liveImageDeleteClass, function($evt) { |
|
|
|
|
$liveImageDelete.on('click', function($evt) { |
|
|
|
|
var $that = $(this) |
|
|
|
|
var image = _.find({id: $that.data('imageId')}, images) |
|
|
|
|
|
|
|
|
|
$.post(image.deleteUrl).then(function(res) { |
|
|
|
|
$.post($that.data('url')).then(function(res) { |
|
|
|
|
if (res.status == 'success') { |
|
|
|
|
remove(images, image) |
|
|
|
|
render() |
|
|
|
|
$avatarImage.attr('src', $avatarImage.attr('orig-src') || STUB_IMAGE_URL) |
|
|
|
|
$liveImageId.val('') |
|
|
|
|
$that.css('display', 'none') |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Utils --------------------------------
|
|
|
|
|
|
|
|
|
|
function render() { |
|
|
|
|
$res.html(templ({images: images})) |
|
|
|
|
} |
|
|
|
|
}()) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|