PageRenderTime 55ms CodeModel.GetById 26ms RepoModel.GetById 0ms app.codeStats 0ms

/wp-admin/js/widgets.dev.js

https://github.com/qsmith/WordPress
JavaScript | 295 lines | 254 code | 41 blank | 0 comment | 47 complexity | d8c0fe623069eb76cb7911b83ae133a6 MD5 | raw file
  1. var wpWidgets;
  2. (function($) {
  3. wpWidgets = {
  4. init : function() {
  5. var rem, sidebars = $('div.widgets-sortables'), isRTL = !! ( 'undefined' != typeof isRtl && isRtl ),
  6. margin = ( isRtl ? 'marginRight' : 'marginLeft' );
  7. $('#widgets-right').children('.widgets-holder-wrap').children('.sidebar-name').click(function(){
  8. var c = $(this).siblings('.widgets-sortables'), p = $(this).parent();
  9. if ( !p.hasClass('closed') ) {
  10. c.sortable('disable');
  11. p.addClass('closed');
  12. } else {
  13. p.removeClass('closed');
  14. c.sortable('enable').sortable('refresh');
  15. }
  16. });
  17. $('#widgets-left').children('.widgets-holder-wrap').children('.sidebar-name').click(function() {
  18. $(this).parent().toggleClass('closed');
  19. });
  20. sidebars.each(function(){
  21. if ( $(this).parent().hasClass('inactive') )
  22. return true;
  23. var h = 50, H = $(this).children('.widget').length;
  24. h = h + parseInt(H * 48, 10);
  25. $(this).css( 'minHeight', h + 'px' );
  26. });
  27. $('a.widget-action').live('click', function(){
  28. var css = {}, widget = $(this).closest('div.widget'), inside = widget.children('.widget-inside'), w = parseInt( widget.find('input.widget-width').val(), 10 );
  29. if ( inside.is(':hidden') ) {
  30. if ( w > 250 && inside.closest('div.widgets-sortables').length ) {
  31. css['width'] = w + 30 + 'px';
  32. if ( inside.closest('div.widget-liquid-right').length )
  33. css[margin] = 235 - w + 'px';
  34. widget.css(css);
  35. }
  36. wpWidgets.fixLabels(widget);
  37. inside.slideDown('fast');
  38. } else {
  39. inside.slideUp('fast', function() {
  40. widget.css({'width':'', margin:''});
  41. });
  42. }
  43. return false;
  44. });
  45. $('input.widget-control-save').live('click', function(){
  46. wpWidgets.save( $(this).closest('div.widget'), 0, 1, 0 );
  47. return false;
  48. });
  49. $('a.widget-control-remove').live('click', function(){
  50. wpWidgets.save( $(this).closest('div.widget'), 1, 1, 0 );
  51. return false;
  52. });
  53. $('a.widget-control-close').live('click', function(){
  54. wpWidgets.close( $(this).closest('div.widget') );
  55. return false;
  56. });
  57. sidebars.children('.widget').each(function() {
  58. wpWidgets.appendTitle(this);
  59. if ( $('p.widget-error', this).length )
  60. $('a.widget-action', this).click();
  61. });
  62. $('#widget-list').children('.widget').draggable({
  63. connectToSortable: 'div.widgets-sortables',
  64. handle: '> .widget-top > .widget-title',
  65. distance: 2,
  66. helper: 'clone',
  67. zIndex: 5,
  68. containment: 'document',
  69. start: function(e,ui) {
  70. wpWidgets.fixWebkit(1);
  71. ui.helper.find('div.widget-description').hide();
  72. },
  73. stop: function(e,ui) {
  74. if ( rem )
  75. $(rem).hide();
  76. rem = '';
  77. wpWidgets.fixWebkit();
  78. }
  79. });
  80. sidebars.sortable({
  81. placeholder: 'widget-placeholder',
  82. items: '> .widget',
  83. handle: '> .widget-top > .widget-title',
  84. cursor: 'move',
  85. distance: 2,
  86. containment: 'document',
  87. start: function(e,ui) {
  88. wpWidgets.fixWebkit(1);
  89. ui.item.children('.widget-inside').hide();
  90. ui.item.css({margin:'', 'width':''});
  91. },
  92. stop: function(e,ui) {
  93. if ( ui.item.hasClass('ui-draggable') && ui.item.data('draggable') )
  94. ui.item.draggable('destroy');
  95. if ( ui.item.hasClass('deleting') ) {
  96. wpWidgets.save( ui.item, 1, 0, 1 ); // delete widget
  97. ui.item.remove();
  98. return;
  99. }
  100. var add = ui.item.find('input.add_new').val(),
  101. n = ui.item.find('input.multi_number').val(),
  102. id = ui.item.attr('id'),
  103. sb = $(this).attr('id');
  104. ui.item.css({margin:'', 'width':''});
  105. wpWidgets.fixWebkit();
  106. if ( add ) {
  107. if ( 'multi' == add ) {
  108. ui.item.html( ui.item.html().replace(/<[^<>]+>/g, function(m){ return m.replace(/__i__|%i%/g, n); }) );
  109. ui.item.attr( 'id', id.replace(/__i__|%i%/g, n) );
  110. n++;
  111. $('div#' + id).find('input.multi_number').val(n);
  112. } else if ( 'single' == add ) {
  113. ui.item.attr( 'id', 'new-' + id );
  114. rem = 'div#' + id;
  115. }
  116. wpWidgets.save( ui.item, 0, 0, 1 );
  117. ui.item.find('input.add_new').val('');
  118. ui.item.find('a.widget-action').click();
  119. return;
  120. }
  121. wpWidgets.saveOrder(sb);
  122. },
  123. receive: function(e, ui) {
  124. var sender = $(ui.sender);
  125. if ( !$(this).is(':visible') || this.id.indexOf('orphaned_widgets') != -1 )
  126. sender.sortable('cancel');
  127. if ( sender.attr('id').indexOf('orphaned_widgets') != -1 && !sender.children('.widget').length ) {
  128. sender.parents('.orphan-sidebar').slideUp(400, function(){ $(this).remove(); });
  129. }
  130. }
  131. }).sortable('option', 'connectWith', 'div.widgets-sortables').parent().filter('.closed').children('.widgets-sortables').sortable('disable');
  132. $('#available-widgets').droppable({
  133. tolerance: 'pointer',
  134. accept: function(o){
  135. return $(o).parent().attr('id') != 'widget-list';
  136. },
  137. drop: function(e,ui) {
  138. ui.draggable.addClass('deleting');
  139. $('#removing-widget').hide().children('span').html('');
  140. },
  141. over: function(e,ui) {
  142. ui.draggable.addClass('deleting');
  143. $('div.widget-placeholder').hide();
  144. if ( ui.draggable.hasClass('ui-sortable-helper') )
  145. $('#removing-widget').show().children('span')
  146. .html( ui.draggable.find('div.widget-title').children('h4').html() );
  147. },
  148. out: function(e,ui) {
  149. ui.draggable.removeClass('deleting');
  150. $('div.widget-placeholder').show();
  151. $('#removing-widget').hide().children('span').html('');
  152. }
  153. });
  154. },
  155. saveOrder : function(sb) {
  156. if ( sb )
  157. $('#' + sb).closest('div.widgets-holder-wrap').find('img.ajax-feedback').css('visibility', 'visible');
  158. var a = {
  159. action: 'widgets-order',
  160. savewidgets: $('#_wpnonce_widgets').val(),
  161. sidebars: []
  162. };
  163. $('div.widgets-sortables').each( function() {
  164. if ( $(this).sortable )
  165. a['sidebars[' + $(this).attr('id') + ']'] = $(this).sortable('toArray').join(',');
  166. });
  167. $.post( ajaxurl, a, function() {
  168. $('img.ajax-feedback').css('visibility', 'hidden');
  169. });
  170. this.resize();
  171. },
  172. save : function(widget, del, animate, order) {
  173. var sb = widget.closest('div.widgets-sortables').attr('id'), data = widget.find('form').serialize(), a;
  174. widget = $(widget);
  175. $('.ajax-feedback', widget).css('visibility', 'visible');
  176. a = {
  177. action: 'save-widget',
  178. savewidgets: $('#_wpnonce_widgets').val(),
  179. sidebar: sb
  180. };
  181. if ( del )
  182. a['delete_widget'] = 1;
  183. data += '&' + $.param(a);
  184. $.post( ajaxurl, data, function(r){
  185. var id;
  186. if ( del ) {
  187. if ( !$('input.widget_number', widget).val() ) {
  188. id = $('input.widget-id', widget).val();
  189. $('#available-widgets').find('input.widget-id').each(function(){
  190. if ( $(this).val() == id )
  191. $(this).closest('div.widget').show();
  192. });
  193. }
  194. if ( animate ) {
  195. order = 0;
  196. widget.slideUp('fast', function(){
  197. $(this).remove();
  198. wpWidgets.saveOrder();
  199. });
  200. } else {
  201. widget.remove();
  202. wpWidgets.resize();
  203. }
  204. } else {
  205. $('.ajax-feedback').css('visibility', 'hidden');
  206. if ( r && r.length > 2 ) {
  207. $('div.widget-content', widget).html(r);
  208. wpWidgets.appendTitle(widget);
  209. wpWidgets.fixLabels(widget);
  210. }
  211. }
  212. if ( order )
  213. wpWidgets.saveOrder();
  214. });
  215. },
  216. appendTitle : function(widget) {
  217. var title = $('input[id*="-title"]', widget);
  218. if ( title = title.val() ) {
  219. title = title.replace(/<[^<>]+>/g, '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
  220. $(widget).children('.widget-top').children('.widget-title').children()
  221. .children('.in-widget-title').html(': ' + title);
  222. }
  223. },
  224. resize : function() {
  225. $('div.widgets-sortables').each(function(){
  226. if ( $(this).parent().hasClass('inactive') )
  227. return true;
  228. var h = 50, H = $(this).children('.widget').length;
  229. h = h + parseInt(H * 48, 10);
  230. $(this).css( 'minHeight', h + 'px' );
  231. });
  232. },
  233. fixWebkit : function(n) {
  234. n = n ? 'none' : '';
  235. $('body').css({
  236. WebkitUserSelect: n,
  237. KhtmlUserSelect: n
  238. });
  239. },
  240. fixLabels : function(widget) {
  241. widget.children('.widget-inside').find('label').each(function(){
  242. var f = $(this).attr('for');
  243. if ( f && f == $('input', this).attr('id') )
  244. $(this).removeAttr('for');
  245. });
  246. },
  247. close : function(widget) {
  248. widget.children('.widget-inside').slideUp('fast', function(){
  249. widget.css({'width':'', margin:''});
  250. });
  251. }
  252. };
  253. $(document).ready(function($){ wpWidgets.init(); });
  254. })(jQuery);