var wpPWidgets;
(function($) {
var $document = $( document );
wpPWidgets = {
init : function() {
var rem, sidebars = $('div.widgets-sortables'), self = this, chooser = $('.widgets-chooser'),
selectSidebar = chooser.find('.widgets-chooser-sidebars'), the_id;
$('#widgets-left').children('.widgets-holder-wrap').children('.sidebar-name').click(function() {
$(this).siblings('.widget-holder').parent().toggleClass('closed');
});
sidebars.not('#wp_inactive_widgets').each(function(){
var h = 50, H = $(this).children('.widget').length;
h = h + parseInt(H * 48, 10);
//$(this).css( 'minHeight', 50 + 'px' ); // Why h? CHO changed to 50
});
$(".widget .widget-title").each(function(index, element) {
if(!$("a.widget-action", this).length){
$(this).prepend('<a href="#available-widgets" class="new-widget-action hide-if-no-js"></a>');
}
});
$document.on('click', '.widget-liquid-right .widget-title-action', function(){
$(this).closest('.widget-top').find('.widget-title').click();
});
// For the Media Widgets
widgetContainers = $( '.widgets-holder-wrap:not(#available-widgets)' ).find( 'div.widget' );
widgetContainers.one( 'click.toggle-widget-expanded', function toggleWidgetExpanded() {
var widgetContainer = $( this );
$document.trigger( 'widget-added', [ widgetContainer ] );
});
$document.on('click', '.widget-liquid-right .widget-title', function(){
var css = {},
widget = $(this).closest('div.widget'),
inside = widget.children('.widget-inside'),
w = parseInt( widget.find('input.widget-width').val(), 10 );
if ( inside.is(':hidden') ) {
/*if ( w > 250 && inside.closest('div.widgets-sortables').length ) {
css['width'] = w - 75 + 'px';
if ( inside.closest('div.widget-liquid-right').length ){
css['marginLeft'] = 340 - w + 'px';
}
widget.css(css);
}*/
wpPWidgets.fixLabels(widget);
widget.addClass( 'open' );
inside.slideDown('fast');
}
else {
inside.slideUp('fast', function() {
widget.attr( 'style', '' );
widget.removeClass( 'open' );
});
}
return false;
});
$document.on('click', 'input.widget-control-save', function(){
wpPWidgets.save( $(this).closest('div.widget'), 0, 1, 0 );
return false;
});
$document.on('click', 'button.widget-control-remove', function(){
wpPWidgets.save( $(this).closest('div.widget'), 1, 1, 0 );
return false;
});
$document.on('click', 'button.widget-control-close', function(){
wpPWidgets.close( $(this).closest('div.widget') );
return false;
});
sidebars.children('.widget').each(function() {
wpPWidgets.appendTitle(this);
if ( $('p.widget-error', this).length )
$('a.widget-action', this).click();
});
//
wpPWidgets.refresh();
// Area Chooser
$( '#widgets-right .widgets-holder-wrap' ).each( function( index, element ) {
var $element = $( element ),
name = $element.find( '.sidebar-name h3' ).text(),
id = $element.find( '.widgets-sortables' ).attr( 'id' ),
li = $('<li tabindex="0">').text( $.trim( name ) );
if ( index === 0 ) {
li.addClass( 'widgets-chooser-selected' );
}
selectSidebar.append( li );
li.data( 'sidebarId', id );
});
$( '#available-widgets .widget .widget-title' ).on( 'click.widgets-chooser', function() {
/*
var $widget = $(this).closest( '.widget' );
if ( $widget.hasClass( 'widget-in-question' ) || $( '#widgets-left' ).hasClass( 'chooser' ) ) {
self.closeChooser();
} else {
// Open the chooser
self.clearWidgetSelection();
$( '#widgets-left' ).addClass( 'chooser' );
$widget.addClass( 'widget-in-question' ).children( '.widget-description' ).after( chooser );
chooser.slideDown( 300, function() {
selectSidebar.find('.widgets-chooser-selected').focus();
});
selectSidebar.find( 'li' ).on( 'focusin.widgets-chooser', function() {
selectSidebar.find('.widgets-chooser-selected').removeClass( 'widgets-chooser-selected' );
$(this).addClass( 'widgets-chooser-selected' );
} );
}
*/
return false;
});
// Add event handlers
chooser.on( 'click.widgets-chooser', function( event ) {
var $target = $( event.target );
if ( $target.hasClass('button-primary') ) {
self.addWidget( chooser );
self.closeChooser();
} else if ( $target.hasClass('button-secondary') ) {
self.closeChooser();
}
return false;
}).on( 'keyup.widgets-chooser', function( event ) {
if ( event.which === $.ui.keyCode.ENTER ) {
if ( $( event.target ).hasClass('button-secondary') ) {
// Close instead of adding when pressing Enter on the Cancel button
self.closeChooser();
} else {
self.addWidget( chooser );
self.closeChooser();
}
} else if ( event.which === $.ui.keyCode.ESCAPE ) {
self.closeChooser();
}
return false;
});
},
refresh : function() {
var sidebars = $('div.widgets-sortables'),
the_id,
rem;
$('#widgets-right').find('.sidebar-name').click(function(){
var c = $(this).siblings('.widgets-sortables'),
p = $(this).closest('.widgets-holder-wrap');
if ( !p.hasClass('closed') ) {
c.sortable('disable');
p.addClass('closed');
} else {
p.removeClass('closed');
c.sortable('enable').sortable('refresh');
}
});
$('#widget-list').children('.widget').draggable({
connectToSortable: 'div.widgets-sortables',
handle: '> .widget-top > .widget-title',
distance: 2,
helper: 'clone',
zIndex: 5,
containment: 'document',
start: function(e,ui) {
wpPWidgets.fixWebkit(1);
ui.helper.find('div.widget-description').hide();
the_id = this.id;
},
stop: function(e,ui) {
if ( rem )
$(rem).hide();
rem = '';
wpPWidgets.fixWebkit();
}
});
/**
* Opens and closes previously closed Sidebars when Widgets are dragged over/out of them.
*/
sidebars.droppable( {
tolerance: 'intersect',
/**
* Open Sidebar when a Widget gets dragged over it.
*
* @param event
*/
over: function( event ) {
var $wrap = $( event.target ).parent();
if ( $wrap.hasClass( 'closed' ) ) {
$wrap.removeClass( 'closed' );
}
$( this ).sortable( 'refresh' );
},
} );
sidebars.sortable({
placeholder: 'widget-placeholder',
items: '> .widget',
handle: '> .widget-top > .widget-title',
cursor: 'move',
distance: 2,
containment: '#tie-sidebars-customize',
tolerance: 'pointer',
refreshPositions: true,
start: function( event, ui ) {
var height,
$this = $(this),
$wrap = $this.parent(),
inside = ui.item.children('.widget-inside');
if ( inside.css('display') === 'block' ) {
inside.hide();
$(this).sortable('refreshPositions');
}
if ( ! $wrap.hasClass('closed') ) {
// Lock all open sidebars min-height when starting to drag.
// Prevents jumping when dragging a widget from an open sidebar to a closed sidebar below.
height = ui.item.hasClass('ui-draggable') ? $this.height() : 1 + $this.height();
$this.css( 'min-height', height + 'px' );
}
},
stop: function(e,ui) {
if ( ui.item.hasClass('ui-draggable') && ui.item.data('draggable') ) {
ui.item.draggable('destroy');
}
// Remove style: display=block
if ( ui.item.hasClass('ui-draggable') ) {
ui.item.removeAttr('style');
}
if ( ui.item.hasClass('deleting') ) { // nay roi
wpPWidgets.save( ui.item, 1, 0, 1 ); // delete widget
ui.item.remove();
return;
}
var add = ui.item.find('input.add_new').val(),
n = ui.item.find('input.multi_number').val(),
//id = ui.item.attr('id'),
id = the_id,
sb = $(this).attr('id');
//console.log(ui.item);
ui.item.css({'marginLeft':''});
wpPWidgets.fixWebkit();
if ( add ) {
if ( 'multi' == add ) {
ui.item.html( ui.item.html().replace(/<[^<>]+>/g, function(m){ return m.replace(/__i__|%i%/g, n); }) );
ui.item.attr( 'id', id.replace(/__i__|%i%/g, n) );
n++;
$('div#' + id).find('input.multi_number').val(n);
} else if ( 'single' == add ) {
ui.item.attr( 'id', 'new-' + id );
rem = 'div#' + id;
}
wpPWidgets.save( ui.item, 0, 0, 1 );
ui.item.find('input.add_new').val('');
ui.item.find('a.widget-action').click();
$document.trigger( 'widget-added', [ ui.item ] );
ui.item.find('.widget-inside').slideDown('fast');
return;
}
wpPWidgets.saveOrder(sb);
},
activate: function() {
$(this).parent().addClass( 'widget-hover' );
},
deactivate: function() {
// Remove all min-height added on "start"
$(this).css( 'min-height', '' ).parent().removeClass( 'widget-hover' );
},
receive: function(e,ui) {
//if ( !$(this).is(':visible') )
//$(this).sortable('cancel');
}
}).sortable('option', 'connectWith', 'div.widgets-sortables');//.parent().filter('.closed').children('.widgets-sortables').sortable('disable');
$('#available-widgets').droppable({
tolerance: 'pointer',
accept: function(o){
return $(o).parent().attr('id') != 'widget-list';
},
drop: function(e,ui) {
ui.draggable.addClass('deleting');
//$('#removing-widget').hide().children('span').html('');
$('#removing-widget').hide().children('span').empty();
},
over: function(e,ui) {
ui.draggable.addClass('deleting');
$('div.widget-placeholder').hide();
if ( ui.draggable.hasClass('ui-sortable-helper') )
$('#removing-widget').show().children('span')
.html( ui.draggable.find('div.widget-title').children('h4').html() );
},
out: function(e,ui) {
ui.draggable.removeClass('deleting');
$('div.widget-placeholder').show();
//$('#removing-widget').hide().children('span').html('');
$('#removing-widget').hide().children('span').empty();
}
});
},
saveOrder : function(sb) {
if ( sb )
$('#' + sb).closest('div.widgets-holder-wrap').find('.spinner').addClass( 'is-active' );
if($('#post_ID').length){
var a = {
action: 'pw-widgets-order',
post_id: $('#post_ID').val(),
savewidgets: $('#_wpnonce_widgets').val(),
sidebars: []
};
}
$('div.widgets-sortables').each( function() {
a['sidebars[' + $(this).attr('id') + ']'] = $(this).sortable('toArray').join(',');
});
$.post( ajaxurl, a, function() {
$('.spinner').removeClass( 'is-active' );
});
this.resize();
},
save : function(widget, del, animate, order) {
var sb = widget.closest('div.widgets-sortables').attr('id'), data = widget.find('form').serialize(), a;
if(data == "")
{
wgIn = widget.find('.widget-inside');
htmlInwpIn = wgIn.html();
wgIn.html('');
wgIn.append('<form method="post" action="">'+htmlInwpIn+'</form>');
data = widget.find('form').serialize();
}
widget = $(widget);
$('.spinner', widget).addClass( 'is-active' );
if($('#post_ID').length){
a = {
action: 'pw-save-widget',
post_id: $('#post_ID').val(),
savewidgets: $('#_wpnonce_widgets').val(),
sidebar: sb
};
}
if ( del )
a['delete_widget'] = 1;
data += '&' + $.param(a);
$.post( ajaxurl, data, function(r){
var id;
if ( del ) {
if ( !$('input.widget_number', widget).val() ) {
id = $('input.widget-id', widget).val();
$('#available-widgets').find('input.widget-id').each(function(){
if ( $(this).val() == id )
$(this).closest('div.widget').show();
});
}
if ( animate ) {
order = 0;
widget.slideUp('fast', function(){
$(this).remove();
wpPWidgets.saveOrder();
});
} else {
widget.remove();
wpPWidgets.resize();
}
} else {
$('.spinner').removeClass( 'is-active' )
if ( r && r.length > 2 ) {
$('div.widget-content', widget).html(r);
wpPWidgets.appendTitle(widget);
$document.trigger( 'widget-updated', [ widget ] );
wpPWidgets.fixLabels(widget);
}
}
if ( order )
wpPWidgets.saveOrder();
});
},
appendTitle : function(widget) {
var title = $('input[id*="-title"]', widget);
if ( title = title.val() ) {
title = title.replace(/<[^<>]+>/g, '').replace(/</g, '<').replace(/>/g, '>');
$(widget).children('.widget-top').children('.widget-title').children()
.children('.in-widget-title').html(': ' + title);
}
},
resize : function() {
$('div.widgets-sortables').not('#wp_inactive_widgets').each(function(){
var h = 50, H = $(this).children('.widget').length;
h = h + parseInt(H * 48, 10);
//$(this).css( 'minHeight', h + 'px' );
});
},
fixWebkit : function(n) {
n = n ? 'none' : '';
$('body').css({
WebkitUserSelect: n,
KhtmlUserSelect: n
});
},
fixLabels : function(widget) {
widget.children('.widget-inside').find('label').each(function(){
var f = $(this).attr('for');
if ( f && f == $('input', this).attr('id') )
$(this).removeAttr('for');
});
},
addWidget: function( chooser ) {
var widget, widgetId, add, n, viewportTop, viewportBottom, sidebarBounds,
sidebarId = chooser.find( '.widgets-chooser-selected' ).data('sidebarId'),
sidebar = $( '#' + sidebarId );
//alert(sidebarId);
widget = $('#available-widgets').find('.widget-in-question').clone();
widgetId = widget.attr('id');
add = widget.find( 'input.add_new' ).val();
n = widget.find( 'input.multi_number' ).val();
//display
//widget.find('.widget-inside').show();
//console.log(widget);
// Remove the cloned chooser from the widget
widget.find('.widgets-chooser').remove();
if ( 'multi' === add ) {
widget.html(
widget.html().replace( /<[^<>]+>/g, function(m) {
return m.replace( /__i__|%i%/g, n );
})
);
widget.attr( 'id', widgetId.replace( '__i__', n ) );
n++;
$( '#' + widgetId ).find('input.multi_number').val(n);
} else if ( 'single' === add ) {
widget.attr( 'id', 'new-' + widgetId );
$( '#' + widgetId ).hide();
}
// Open the widgets container
sidebar.closest( '.widgets-holder-wrap' ).removeClass('closed');
sidebar.append( widget );
sidebar.sortable('refresh');
wpPWidgets.save( widget, 0, 0, 1 );
// No longer "new" widget
widget.find( 'input.add_new' ).val('');
$document.trigger( 'widget-added', [ widget ] );
/*
* Check if any part of the sidebar is visible in the viewport. If it is, don't scroll.
* Otherwise, scroll up to so the sidebar is in view.
*
* We do this by comparing the top and bottom, of the sidebar so see if they are within
* the bounds of the viewport.
*/
viewportTop = $(window).scrollTop();
viewportBottom = viewportTop + $(window).height();
sidebarBounds = sidebar.offset();
sidebarBounds.bottom = sidebarBounds.top + sidebar.outerHeight();
if ( viewportTop > sidebarBounds.bottom || viewportBottom < sidebarBounds.top ) {
$( 'html, body' ).animate({
scrollTop: sidebarBounds.top - 130
}, 200 );
}
window.setTimeout( function() {
// Cannot use a callback in the animation above as it fires twice,
// have to queue this "by hand".
widget.find( '.widget-title' ).trigger('click');
}, 250 );
},
close : function(widget) {
widget.children('.widget-inside').slideUp('fast', function(){
widget.css({'width':'','marginLeft':''});
});
},
closeChooser: function() {
var self = this;
$( '.widgets-chooser' ).slideUp( 200, function() {
$( '#wpbody-content' ).append( this );
self.clearWidgetSelection();
});
},
clearWidgetSelection: function() {
$( '#widgets-left' ).removeClass( 'chooser' );
$( '.widget-in-question' ).removeClass( 'widget-in-question' );
}
};
$document.ready(function($){
wpPWidgets.init();
});
})(jQuery);
في ظل التحول الرقمي المتسارع، أصبح التسويق الإلكتروني أحد أهم الأدوات التي تعتمد عليها المؤسسات والشركات لتحقيق الانتشار والوصول إلى جمهور أوسع.
في هذا الحوار التسجيلي، نسلّط الضوء على مفهوم التسويق الإلكتروني، أهميته في العصر الحديث، وكيف غيّر قواعد اللعبة في عالم المال والأعمال.
ال