175 lines
8.6 KiB
JavaScript
175 lines
8.6 KiB
JavaScript
|
/**
|
||
|
* Goodlayers Goodlayers Backoffice Post Effects File
|
||
|
* ---------------------------------------------------------------------
|
||
|
* @version 1.0
|
||
|
* @author Goodlayers
|
||
|
* @link http://goodlayers.com
|
||
|
* @copyright Copyright (c) Goodlayers
|
||
|
* ---------------------------------------------------------------------
|
||
|
* This file contains the jQuery script that animate the post backoffice
|
||
|
* elements.
|
||
|
* ---------------------------------------------------------------------
|
||
|
*/
|
||
|
|
||
|
jQuery(document).ready(function(){
|
||
|
//Post Thumbnails
|
||
|
jQuery('select#post-option-thumbnail-types').change(function(){
|
||
|
var selected_option = jQuery(this).children("option:selected").val();
|
||
|
if(selected_option == 'Image'){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-video, div#thumbnail-slider, div#thumbnail-html5-video').slideUp();
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-feature-image').slideDown();
|
||
|
}else if(selected_option == 'Video'){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-feature-image, div#thumbnail-slider, div#thumbnail-html5-video').slideUp();;
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-video').slideDown();
|
||
|
}else if(selected_option == 'Slider'){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-feature-image, div#thumbnail-video, div#thumbnail-html5-video').slideUp();;
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-slider').slideDown();
|
||
|
}else if(selected_option == 'HTML5 Video'){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-feature-image, div#thumbnail-video, div#thumbnail-slider').slideUp();;
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#thumbnail-html5-video').slideDown();
|
||
|
}
|
||
|
});
|
||
|
jQuery("select#post-option-thumbnail-types").triggerHandler("change");
|
||
|
|
||
|
jQuery('select#post-option-inside-thumbnail-types').change(function(){
|
||
|
var selected_option = jQuery(this).children("option:selected").val();
|
||
|
if(selected_option == 'Image'){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-video, div#inside-thumbnail-slider, div#inside-thumbnail-html5-video').slideUp();
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-image').slideDown();
|
||
|
}else if(selected_option == 'Video'){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-image, div#inside-thumbnail-slider, div#inside-thumbnail-html5-video').slideUp();
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-video').slideDown();
|
||
|
}else if(selected_option == 'Slider' || selected_option == 'Stack Images' ){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-image, div#inside-thumbnail-video, div#inside-thumbnail-html5-video').slideUp();
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-slider').slideDown();
|
||
|
}else if(selected_option == 'HTML5 Video'){
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-image, div#inside-thumbnail-video, div#inside-thumbnail-slider').slideUp();;
|
||
|
jQuery(this).parents("div#post-option-meta").children('div#inside-thumbnail-html5-video').slideDown();
|
||
|
}
|
||
|
});
|
||
|
jQuery("select#post-option-inside-thumbnail-types").triggerHandler("change");
|
||
|
|
||
|
// Upload Image
|
||
|
jQuery("input#upload_image_text_meta").change(function(){
|
||
|
jQuery(this).siblings("input[type='hidden']").val(jQuery(this).val());
|
||
|
});
|
||
|
jQuery('input:button.upload_image_button_meta').click(function() {
|
||
|
example_image = jQuery(this).siblings("#meta-input-example-image");
|
||
|
upload_text = jQuery(this).siblings("#upload_image_text_meta");
|
||
|
attachment_id = jQuery(this).siblings("#upload_image_attachment_id");
|
||
|
tb_show('Upload Media', 'media-upload.php?post_id=&type=image&TB_iframe=true');
|
||
|
|
||
|
var oldSendToEditor = window.send_to_editor;
|
||
|
window.send_to_editor = function(html){
|
||
|
image_url = jQuery(html).attr('href');
|
||
|
thumb_url = jQuery('img',html).attr('src');
|
||
|
attid = jQuery(html).attr('attid');
|
||
|
|
||
|
upload_text.val(image_url);
|
||
|
attachment_id.val(attid);
|
||
|
example_image.html('<img src=' + thumb_url + ' />');
|
||
|
tb_remove();
|
||
|
|
||
|
window.send_to_editor = oldSendToEditor;
|
||
|
}
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
// Upload media (Html5 video)
|
||
|
jQuery('input:button.upload_media_button_meta').click(function() {
|
||
|
upload_text = jQuery(this).siblings("#upload_media_text_meta");
|
||
|
tb_show('Upload Media', 'media-upload.php?post_id=&TB_iframe=true');
|
||
|
|
||
|
var oldSendToEditor = window.send_to_editor;
|
||
|
window.send_to_editor = function(html){
|
||
|
upload_text.val(html);
|
||
|
tb_remove();
|
||
|
|
||
|
window.send_to_editor = oldSendToEditor;
|
||
|
}
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
// Change the style of <select>
|
||
|
if (!jQuery.browser.opera) {
|
||
|
jQuery('.meta-input .combobox select').each(function(){
|
||
|
var title = jQuery(this).attr('title');
|
||
|
if( jQuery('option:selected', this).val() != '' ) title = jQuery('option:selected',this).text();
|
||
|
jQuery(this)
|
||
|
.css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
|
||
|
.after('<span rel="combobox">' + title + '</span>')
|
||
|
.change(function(){
|
||
|
val = jQuery('option:selected',this).text();
|
||
|
jQuery(this).next().text(val);
|
||
|
})
|
||
|
});
|
||
|
};
|
||
|
|
||
|
// Template Check List
|
||
|
jQuery('.radio-image-wrapper input').change(function(){
|
||
|
jQuery(this).parent().parent().find(".check-list").removeClass("check-list");
|
||
|
jQuery(this).siblings("label").children("#check-list").addClass("check-list");
|
||
|
if(jQuery(this).val() == "left-sidebar"){
|
||
|
jQuery("#post-option-choose-left-sidebar").parents(".meta-body").slideDown();
|
||
|
jQuery("#post-option-choose-right-sidebar").parents(".meta-body").slideUp();
|
||
|
}else if(jQuery(this).val() == "right-sidebar"){
|
||
|
jQuery("#post-option-choose-left-sidebar").parents(".meta-body").slideUp();
|
||
|
jQuery("#post-option-choose-right-sidebar").parents(".meta-body").slideDown();
|
||
|
}else if(jQuery(this).val() == "both-sidebar" || jQuery(this).val() == "both-sidebar-reverse"){
|
||
|
jQuery("#post-option-choose-left-sidebar").parents(".meta-body").slideDown();
|
||
|
jQuery("#post-option-choose-right-sidebar").parents(".meta-body").slideDown();
|
||
|
}else{
|
||
|
jQuery("#post-option-choose-left-sidebar").parents(".meta-body").slideUp();
|
||
|
jQuery("#post-option-choose-right-sidebar").parents(".meta-body").slideUp();
|
||
|
}
|
||
|
});
|
||
|
jQuery('.radio-image-wrapper input:checked').triggerHandler("change");
|
||
|
|
||
|
// Link type of slider
|
||
|
jQuery("select#post-option-inside-thumbnail-slider-linktype, select#post-option-thumbnail-slider-linktype").change(function(){
|
||
|
var selected_val = jQuery(this).val();
|
||
|
if(selected_val == 'No Link' || selected_val == 'Lightbox'){
|
||
|
jQuery(this).parent().siblings('div').slideUp();
|
||
|
}else{
|
||
|
if(selected_val == 'Link to URL'){
|
||
|
jQuery(this).parent().siblings('div').not('[rel="video"]').slideDown();
|
||
|
jQuery(this).parent().siblings('div[rel="video"]').slideUp();
|
||
|
}else{
|
||
|
jQuery(this).parent().siblings('div').not('[rel="url"]').slideDown();
|
||
|
jQuery(this).parent().siblings('div[rel="url"]').slideUp();
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
jQuery('select#post-option-inside-thumbnail-slider-linktype, select#post-option-thumbnail-slider-linktype').each(function(){
|
||
|
var selected_val = jQuery(this).val();
|
||
|
if(selected_val == 'No Link' || selected_val == 'Lightbox'){
|
||
|
jQuery(this).parent().siblings('div').css('display','none');
|
||
|
}else{
|
||
|
if(selected_val == 'Link to URL'){
|
||
|
jQuery(this).parent().siblings('div').not('[rel="video"]').css('display','block');
|
||
|
jQuery(this).parent().siblings('div[rel="video"]').css('display','none');
|
||
|
}else{
|
||
|
jQuery(this).parent().siblings('div').not('[rel="url"]').css('display','block');
|
||
|
jQuery(this).parent().siblings('div[rel="url"]').css('display','none');
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
|
||
|
//Thumbnail Image Type
|
||
|
jQuery('#post-option-featured-image-type').change(function(){
|
||
|
var choose_url = jQuery(this).parents("#thumbnail-feature-image").find("#post-option-featured-image-url");
|
||
|
if(jQuery(this).val() == "Link to Current Post" || jQuery(this).val() == "Lightbox to Current Thumbnail"){
|
||
|
choose_url.parents(".meta-body").slideUp();
|
||
|
}else{
|
||
|
choose_url.parents(".meta-body").slideDown();
|
||
|
}
|
||
|
});
|
||
|
jQuery('#post-option-featured-image-type').each(function(){
|
||
|
var choose_url = jQuery(this).parents("#thumbnail-feature-image").find("#post-option-featured-image-url");
|
||
|
if(jQuery(this).val() == "Link to Current Post" || jQuery(this).val() == "Lightbox to Current Thumbnail"){
|
||
|
choose_url.parents(".meta-body").css('display','none');
|
||
|
}else{
|
||
|
choose_url.parents(".meta-body").css('display','block');
|
||
|
}
|
||
|
});
|
||
|
});
|