var icms = icms || {};
icms.photos = (function ($) {
this.page = 1;
this.initial_page = 1;
this.has_next = false;
this.init = false;
this.is_init_album = {};
this.mode = '';
this.big_img = '';
this.page_img = '';
this.page_url = '';
this.row_height = 255;
this.onDocumentReady = function(){
if (this.init === false) { return; }
if (this.mode === 'album'){
this.initAlbum();
}
if (this.mode === 'photo'){
this.initPhoto();
}
};
this.initPhoto = function(){
$('#download-button').on('click', function (){
var next = $(this).next().css({left: 0});
var hide_func = function (){
$(document).one('click', function(event) {
if ($(event.target).closest(next).length) { hide_func(); return; }
$(next).hide();
});
};
$(next).fadeIn('fast', hide_func);
});
$('#bubble input').on('click', function (){
$('a.process_download').attr('href', $(this).val());
}).each(function (){
if($(this).is(':checked')){
$(this).triggerHandler('click');
}
});
this.big_img = $('#photo_container').data('full-size-img');
this.page_url = $('#photo_container img').data('page-url');
if (screenfull.enabled) {
$('#fullscreen_photo').removeClass('disabled-act');
this.bindFullScreen();
$(document).on(screenfull.raw.fullscreenchange, function (){
if(!screenfull.isFullscreen){
$('#photo_container img').attr('src', icms.photos.page_img);
$('#fullscreen_photo').removeClass('close');
$('#fullscreen_cont').removeClass('fullscreen_now');
$('.photo_navigation').off('click', icms.photos.bindFullScreenNav);
var current_page_url = $('#photo_container img').data('page-url');
if(current_page_url != icms.photos.page_url){
window.location.href = current_page_url;
}
} else {
icms.photos.page_img = $('#photo_container img').attr('src');
$('#photo_container img').attr('src', icms.photos.big_img);
$('#fullscreen_photo').addClass('close');
$('#fullscreen_cont').addClass('fullscreen_now');
$('#photo_container').on('click', '.photo_navigation', icms.photos.bindFullScreenNav);
}
});
} else {
$('#photo_container').addClass('full_in_modal').find('.fullscreen_click').show().on('click', function (){
if(icms.photos.big_img){
icms.modal.openAjax(icms.photos.big_img);
}
});
}
};
this.bindFullScreen = function (){
$(document).on('click', '#fullscreen_photo', function (){
screenfull.toggle($('#fullscreen_cont')[0]);
return false;
});
$(document).keyup(function(event){
if(event.keyCode === 39){
try{ $('#photo_container .photo_navigation.next_item').trigger('click');}catch(e){}
}
if(event.keyCode === 37){
try{ $('#photo_container .photo_navigation.prev_item').trigger('click'); }catch(e){}
}
});
};
this.bindFullScreenNav = function (link) {
link = link || this;
$.get($(this).attr('href'), function(data){
$('#photo_container').html(data);
}, 'html');
return false;
};
this.initAlbum = function(selector){
selector = selector || '#album-photos-list';
if (this.is_init_album[selector] === true) { return; }
$(selector).on('click', 'a.delete', function(){
return icms.photos.deletePhoto($(this).data('id'), this);
});
$('.photo_filter .box_menu').on('click', function (){
var next = $(this).next().css({left: (+$(this).position().left - 20)});
var hide_func = function (){
$(document).one('click', function(event) {
if ($(event.target).closest(next).length) { hide_func(); return; }
$(next).hide();
});
};
$(next).fadeIn('fast', hide_func);
});
this.is_init_album[selector] = true;
};
this.initCarousel = function (selector, init_callback){
var def = $.when(
$('.photo', selector).each(function (){
$('img', this).width($(this).data('w')).height($(this).data('h'));
})
);
init_callback = init_callback || function(){};
def.done(function(){
$(selector).owlCarousel({
items:3,
loop:false,
margin:10,
autoWidth:true,
nav:true,
autoplay: true,
autoplayTimeout:5000,
autoplayHoverPause:true,
navText: ['',''],
onInitialized: init_callback,
responsive:{
0:{items:1, nav:false },
640:{items:2},
980:{items:3}
}
});
});
};
this.createUploader = function(upload_url, onSubmit){
onSubmit = onSubmit || function(){ return true; };
uploader = new qq.FileUploader({
element: document.getElementById('album-photos-uploader'),
action: upload_url,
debug: false,
onSubmit: onSubmit,
onComplete: function(id, file_name, result){
if(!result.success) { return; }
var widget = $('#album-photos-widget');
var preview_block = $('.preview_template', widget).clone().
removeClass('preview_template').addClass('preview').attr('rel', result.id).show();
$('img', preview_block).attr('src', result.url);
icms.modal.bind($('.hover_image', preview_block).attr('href', result.big_url));
$('.photo_privacy select', preview_block).attr('name', 'is_private['+result.id+']');
$('.photo_type select', preview_block).attr('name', 'type['+result.id+']');
$('.title input', preview_block).attr('name', 'photos['+result.id+']');
if(result.name){
var pos, p = result.name.indexOf('.');
while (pos != -1) { pos = result.name.indexOf('.',pos+1); if(pos != -1){ p = pos; } }
$('.title input', preview_block).val(result.name.substring(0, p));
}
$('.photo_content textarea', preview_block).
attr('name', 'content['+result.id+']').
attr('id', 'mcontent_'+result.id);
$('.actions a.delete', preview_block).click(function() { return icms.photos.remove(result.id); });
$('.previews_list', widget).append(preview_block);
$('#mcontent_'+result.id).markItUp(mySettings);
}
});
};
this.remove = function(id){
var widget = $('#album-photos-widget');
var url = widget.data('delete-url') + '/' + id;
$.post(url, {}, function(result){
if (!result.success) { return; }
$('.preview[rel='+id+']', widget).fadeOut('fast', function() { $(this).remove(); });
}, 'json');
return false;
};
this.deletePhoto = function(id, link){
if(!confirm(LANG_PHOTOS_DELETE_PHOTO_CONFIRM)){
return false;
}
var block = $(link).closest('.photo');
var photo_wrap = $(link).closest('.album-photos-wrap');
$.post($(photo_wrap).data('delete-url') + '/' + id, {}, function(result){
block.fadeOut('fast', function (){
$(this).remove();
icms.photos.flexImagesInit('#'+$(photo_wrap).attr('id'));
});
}, 'json');
return false;
};
this.delete = function(){
$.post($('#album-photo-item').data('item-delete-url'), {id: $('#album-photo-item').data('id')}, function(result){
if (result.success){
window.location.href=result.album_url;
}
}, 'json');
};
this.flexImagesInit = function(selector){
selector = selector || '#album-photos-list';
$(selector).flexImages({rowHeight: this.row_height, container: '.photo', truncate: this.has_next});
};
this.showMore = function(link){
var photo_wrap = $(link).prev('.album-photos-wrap');
if(!icms.photos.has_next){
if(icms.photos.initial_page > 1){
return true;
}
$('body,html').animate({
scrollTop: $(photo_wrap).offset().top
}, 500
);
return false;
}
$(link).addClass('loading');
icms.photos.page += 1;
var post_params = $(link).data('url-params');
post_params.photo_page = icms.photos.page;
$.post($(link).data('url'), post_params, function(html){
var first_page_url = $(link).data('first-page-url');
$(link).removeClass('loading');
if (!html) { return; }
$(photo_wrap).append(html);
if(!icms.photos.has_next){
$('span', link).html($('span', link).data('to-first'));
$(link).attr('href', first_page_url);
}
var _sep = first_page_url.indexOf('?') !== -1 ? '&' : '?';
window.history.pushState({link: first_page_url+_sep+'photo_page='+icms.photos.page}, '', first_page_url+_sep+'photo_page='+icms.photos.page);
}, 'html');
return false;
};
return this;
}).call(icms.photos || {},jQuery);