sonata_admin_js_Admin_16.js 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624
  1. /*
  2. This file is part of the Sonata package.
  3. (c) Thomas Rabaix <thomas.rabaix@sonata-project.org>
  4. For the full copyright and license information, please view the LICENSE
  5. file that was distributed with this source code.
  6. */
  7. var Admin = {
  8. collectionCounters: [],
  9. /**
  10. * This function must be called when an ajax call is done, to ensure
  11. * the retrieved html is properly setup
  12. *
  13. * @param subject
  14. */
  15. shared_setup: function(subject) {
  16. Admin.log("[core|shared_setup] Register services on", subject);
  17. Admin.set_object_field_value(subject);
  18. Admin.add_filters(subject);
  19. Admin.setup_select2(subject);
  20. Admin.setup_icheck(subject);
  21. Admin.setup_xeditable(subject);
  22. Admin.setup_form_tabs_for_errors(subject);
  23. Admin.setup_inline_form_errors(subject);
  24. Admin.setup_tree_view(subject);
  25. Admin.setup_collection_counter(subject);
  26. Admin.setup_sticky_elements(subject);
  27. Admin.setup_readmore_elements(subject);
  28. // Admin.setup_list_modal(subject);
  29. },
  30. setup_list_modal: function(modal) {
  31. Admin.log('[core|setup_list_modal] configure modal on', modal);
  32. // this will force relation modal to open list of entity in a wider modal
  33. // to improve readability
  34. jQuery('div.modal-dialog', modal).css({
  35. width: '90%', //choose your width
  36. height: '85%',
  37. padding: 0
  38. });
  39. jQuery('div.modal-content', modal).css({
  40. 'border-radius':'0',
  41. height: '100%',
  42. padding: 0
  43. });
  44. jQuery('.modal-body', modal).css({
  45. width: 'auto',
  46. height: '90%',
  47. padding: 15,
  48. overflow: 'auto'
  49. });
  50. jQuery(modal).trigger('sonata-admin-setup-list-modal');
  51. },
  52. setup_select2: function(subject) {
  53. if (window.SONATA_CONFIG && window.SONATA_CONFIG.USE_SELECT2) {
  54. Admin.log('[core|setup_select2] configure Select2 on', subject);
  55. jQuery('select:not([data-sonata-select2="false"])', subject).each(function() {
  56. var select = jQuery(this);
  57. var allowClearEnabled = false;
  58. var popover = select.data('popover');
  59. select.removeClass('form-control');
  60. if (select.find('option[value=""]').length || select.attr('data-sonata-select2-allow-clear')==='true') {
  61. allowClearEnabled = true;
  62. } else if (select.attr('data-sonata-select2-allow-clear')==='false') {
  63. allowClearEnabled = false;
  64. }
  65. select.select2({
  66. width: function(){
  67. // Select2 v3 and v4 BC. If window.Select2 is defined, then the v3 is installed.
  68. // NEXT_MAJOR: Remove Select2 v3 support.
  69. return Admin.get_select2_width(window.Select2 ? this.element : select);
  70. },
  71. dropdownAutoWidth: true,
  72. minimumResultsForSearch: 10,
  73. allowClear: allowClearEnabled
  74. });
  75. if (undefined !== popover) {
  76. select
  77. .select2('container')
  78. .popover(popover.options)
  79. ;
  80. }
  81. });
  82. }
  83. },
  84. setup_icheck: function(subject) {
  85. if (window.SONATA_CONFIG && window.SONATA_CONFIG.USE_ICHECK) {
  86. Admin.log('[core|setup_icheck] configure iCheck on', subject);
  87. jQuery("input[type='checkbox']:not('label.btn>input'), input[type='radio']:not('label.btn>input')", subject).iCheck({
  88. checkboxClass: 'icheckbox_square-blue',
  89. radioClass: 'iradio_square-blue'
  90. });
  91. }
  92. },
  93. setup_xeditable: function(subject) {
  94. Admin.log('[core|setup_xeditable] configure xeditable on', subject);
  95. jQuery('.x-editable', subject).editable({
  96. emptyclass: 'editable-empty btn btn-sm btn-default',
  97. emptytext: '<i class="fa fa-pencil"></i>',
  98. container: 'body',
  99. placement: 'auto',
  100. success: function(response) {
  101. var html = jQuery(response);
  102. Admin.setup_xeditable(html);
  103. jQuery(this)
  104. .closest('td')
  105. .replaceWith(html);
  106. },
  107. error: function(xhr, statusText, errorThrown) {
  108. return xhr.responseText;
  109. }
  110. });
  111. },
  112. /**
  113. * render log message
  114. * @param mixed
  115. */
  116. log: function() {
  117. var msg = '[Sonata.Admin] ' + Array.prototype.join.call(arguments,', ');
  118. if (window.console && window.console.log) {
  119. window.console.log(msg);
  120. } else if (window.opera && window.opera.postError) {
  121. window.opera.postError(msg);
  122. }
  123. },
  124. /**
  125. * NEXT_MAJOR: remove this function.
  126. *
  127. * @deprecated in version 3.0
  128. */
  129. add_pretty_errors: function() {
  130. console.warn('Admin.add_pretty_errors() was deprecated in version 3.0');
  131. },
  132. stopEvent: function(event) {
  133. // https://github.com/sonata-project/SonataAdminBundle/issues/151
  134. //if it is a standard browser use preventDefault otherwise it is IE then return false
  135. if(event.preventDefault) {
  136. event.preventDefault();
  137. } else {
  138. event.returnValue = false;
  139. }
  140. //if it is a standard browser get target otherwise it is IE then adapt syntax and get target
  141. if (typeof event.target != 'undefined') {
  142. targetElement = event.target;
  143. } else {
  144. targetElement = event.srcElement;
  145. }
  146. return targetElement;
  147. },
  148. add_filters: function(subject) {
  149. Admin.log('[core|add_filters] configure filters on', subject);
  150. jQuery('a.sonata-toggle-filter', subject).on('click', function(e) {
  151. e.preventDefault();
  152. e.stopPropagation();
  153. if (jQuery(e.target).attr('sonata-filter') == 'false') {
  154. return;
  155. }
  156. Admin.log('[core|add_filters] handle filter container: ', jQuery(e.target).attr('filter-container'))
  157. var filters_container = jQuery('#' + jQuery(e.currentTarget).attr('filter-container'));
  158. if (jQuery('div[sonata-filter="true"]:visible', filters_container).length == 0) {
  159. jQuery(filters_container).slideDown();
  160. }
  161. var targetSelector = jQuery(e.currentTarget).attr('filter-target'),
  162. target = jQuery('div[id="' + targetSelector + '"]', filters_container),
  163. filterToggler = jQuery('i', '.sonata-toggle-filter[filter-target="' + targetSelector + '"]')
  164. ;
  165. if (jQuery(target).is(":visible")) {
  166. filterToggler
  167. .removeClass('fa-check-square-o')
  168. .addClass('fa-square-o')
  169. ;
  170. target.hide();
  171. } else {
  172. filterToggler
  173. .removeClass('fa-square-o')
  174. .addClass('fa-check-square-o')
  175. ;
  176. target.show();
  177. }
  178. if (jQuery('div[sonata-filter="true"]:visible', filters_container).length > 0) {
  179. jQuery(filters_container).slideDown();
  180. } else {
  181. jQuery(filters_container).slideUp();
  182. }
  183. });
  184. jQuery('.sonata-filter-form', subject).on('submit', function () {
  185. jQuery(this).find('[sonata-filter="true"]:hidden :input').val('');
  186. });
  187. /* Advanced filters */
  188. if (jQuery('.advanced-filter :input:visible', subject).filter(function () { return jQuery(this).val() }).length === 0) {
  189. jQuery('.advanced-filter').hide();
  190. };
  191. jQuery('[data-toggle="advanced-filter"]', subject).click(function() {
  192. jQuery('.advanced-filter').toggle();
  193. });
  194. },
  195. /**
  196. * Change object field value
  197. * @param subject
  198. */
  199. set_object_field_value: function(subject) {
  200. Admin.log('[core|set_object_field_value] set value field on', subject);
  201. this.log(jQuery('a.sonata-ba-edit-inline', subject));
  202. jQuery('a.sonata-ba-edit-inline', subject).click(function(event) {
  203. Admin.stopEvent(event);
  204. var subject = jQuery(this);
  205. jQuery.ajax({
  206. url: subject.attr('href'),
  207. type: 'POST',
  208. success: function(response) {
  209. var elm = jQuery(subject).parent();
  210. elm.children().remove();
  211. // fix issue with html comment ...
  212. elm.html(jQuery(response.replace(/<!--[\s\S]*?-->/g, "")).html());
  213. elm.effect("highlight", {'color' : '#57A957'}, 2000);
  214. Admin.set_object_field_value(elm);
  215. },
  216. error: function(xhr, statusText, errorThrown) {
  217. jQuery(subject).parent().effect("highlight", {'color' : '#C43C35'}, 2000);
  218. }
  219. });
  220. });
  221. },
  222. setup_collection_counter: function(subject) {
  223. Admin.log('[core|setup_collection_counter] setup collection counter', subject);
  224. // Count and save element of each collection
  225. var highestCounterRegexp = new RegExp('_([0-9]+)[^0-9]*$');
  226. jQuery(subject).find('[data-prototype]').each(function() {
  227. var collection = jQuery(this);
  228. var counter = 0;
  229. collection.children().each(function() {
  230. var matches = highestCounterRegexp.exec(jQuery('[id^="sonata-ba-field-container"]', this).attr('id'));
  231. if (matches && matches[1] && matches[1] > counter) {
  232. counter = parseInt(matches[1], 10);
  233. }
  234. });
  235. Admin.collectionCounters[collection.attr('id')] = counter;
  236. });
  237. },
  238. setup_collection_buttons: function(subject) {
  239. jQuery(subject).on('click', '.sonata-collection-add', function(event) {
  240. Admin.stopEvent(event);
  241. var container = jQuery(this).closest('[data-prototype]');
  242. var counter = ++Admin.collectionCounters[container.attr('id')];
  243. var proto = container.attr('data-prototype');
  244. var protoName = container.attr('data-prototype-name') || '__name__';
  245. // Set field id
  246. var idRegexp = new RegExp(container.attr('id')+'_'+protoName,'g');
  247. proto = proto.replace(idRegexp, container.attr('id')+'_'+counter);
  248. // Set field name
  249. var parts = container.attr('id').split('_');
  250. var nameRegexp = new RegExp(parts[parts.length-1]+'\\]\\['+protoName,'g');
  251. proto = proto.replace(nameRegexp, parts[parts.length-1]+']['+counter);
  252. jQuery(proto)
  253. .insertBefore(jQuery(this).parent())
  254. .trigger('sonata-admin-append-form-element')
  255. ;
  256. jQuery(this).trigger('sonata-collection-item-added');
  257. });
  258. jQuery(subject).on('click', '.sonata-collection-delete', function(event) {
  259. Admin.stopEvent(event);
  260. jQuery(this).trigger('sonata-collection-item-deleted');
  261. jQuery(this).closest('.sonata-collection-row').remove();
  262. jQuery(document).trigger('sonata-collection-item-deleted-successful');
  263. });
  264. },
  265. setup_per_page_switcher: function(subject) {
  266. Admin.log('[core|setup_per_page_switcher] setup page switcher', subject);
  267. jQuery('select.per-page').change(function(event) {
  268. jQuery('input[type=submit]').hide();
  269. window.top.location.href=this.options[this.selectedIndex].value;
  270. });
  271. },
  272. setup_form_tabs_for_errors: function(subject) {
  273. Admin.log('[core|setup_form_tabs_for_errors] setup form tab\'s errors', subject);
  274. // Switch to first tab with server side validation errors on page load
  275. jQuery('form', subject).each(function() {
  276. Admin.show_form_first_tab_with_errors(jQuery(this), '.sonata-ba-field-error');
  277. });
  278. // Switch to first tab with HTML5 errors on form submit
  279. jQuery(subject)
  280. .on('click', 'form [type="submit"]', function() {
  281. Admin.show_form_first_tab_with_errors(jQuery(this).closest('form'), ':invalid');
  282. })
  283. .on('keypress', 'form [type="text"]', function(e) {
  284. if (13 === e.which) {
  285. Admin.show_form_first_tab_with_errors(jQuery(this), ':invalid');
  286. }
  287. })
  288. ;
  289. },
  290. show_form_first_tab_with_errors: function(form, errorSelector) {
  291. Admin.log('[core|show_form_first_tab_with_errors] show first tab with errors', form);
  292. var tabs = form.find('.nav-tabs a'), firstTabWithErrors;
  293. tabs.each(function() {
  294. var id = jQuery(this).attr('href'),
  295. tab = jQuery(this),
  296. icon = tab.find('.has-errors');
  297. if (jQuery(id).find(errorSelector).length > 0) {
  298. // Only show first tab with errors
  299. if (!firstTabWithErrors) {
  300. tab.tab('show');
  301. firstTabWithErrors = tab;
  302. }
  303. icon.removeClass('hide');
  304. } else {
  305. icon.addClass('hide');
  306. }
  307. });
  308. },
  309. setup_inline_form_errors: function(subject) {
  310. Admin.log('[core|setup_inline_form_errors] show first tab with errors', subject);
  311. var deleteCheckboxSelector = '.sonata-ba-field-inline-table [id$="_delete"][type="checkbox"]';
  312. jQuery(deleteCheckboxSelector, subject).each(function() {
  313. Admin.switch_inline_form_errors(jQuery(this));
  314. });
  315. jQuery(subject).on('change', deleteCheckboxSelector, function() {
  316. Admin.switch_inline_form_errors(jQuery(this));
  317. });
  318. },
  319. /**
  320. * Disable inline form errors when the row is marked for deletion
  321. */
  322. switch_inline_form_errors: function(subject) {
  323. Admin.log('[core|switch_inline_form_errors] switch_inline_form_errors', subject);
  324. var row = subject.closest('.sonata-ba-field-inline-table'),
  325. errors = row.find('.sonata-ba-field-error-messages')
  326. ;
  327. if (subject.is(':checked')) {
  328. row
  329. .find('[required]')
  330. .removeAttr('required')
  331. .attr('data-required', 'required')
  332. ;
  333. errors.hide();
  334. } else {
  335. row
  336. .find('[data-required]')
  337. .attr('required', 'required')
  338. ;
  339. errors.show();
  340. }
  341. },
  342. setup_tree_view: function(subject) {
  343. Admin.log('[core|setup_tree_view] setup tree view', subject);
  344. jQuery('ul.js-treeview', subject).treeView();
  345. },
  346. /** Return the width for simple and sortable select2 element **/
  347. get_select2_width: function(element){
  348. var ereg = /width:(auto|(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc)))/i;
  349. // this code is an adaptation of select2 code (initContainerWidth function)
  350. var style = element.attr('style');
  351. //console.log("main style", style);
  352. if (style !== undefined) {
  353. var attrs = style.split(';');
  354. for (i = 0, l = attrs.length; i < l; i = i + 1) {
  355. var matches = attrs[i].replace(/\s/g, '').match(ereg);
  356. if (matches !== null && matches.length >= 1)
  357. return matches[1];
  358. }
  359. }
  360. style = element.css('width');
  361. if (style.indexOf("%") > 0) {
  362. return style;
  363. }
  364. return '100%';
  365. },
  366. setup_sortable_select2: function(subject, data) {
  367. var transformedData = [];
  368. for (var i = 0 ; i < data.length ; i++) {
  369. transformedData[i] = {id: data[i].data, text: data[i].label};
  370. }
  371. subject.select2({
  372. width: function(){
  373. // Select2 v3 and v4 BC. If window.Select2 is defined, then the v3 is installed.
  374. // NEXT_MAJOR: Remove Select2 v3 support.
  375. return Admin.get_select2_width(window.Select2 ? this.element : subject);
  376. },
  377. dropdownAutoWidth: true,
  378. data: transformedData,
  379. multiple: true
  380. });
  381. subject.select2("container").find("ul.select2-choices").sortable({
  382. containment: 'parent',
  383. start: function () {
  384. subject.select2("onSortStart");
  385. },
  386. update: function () {
  387. subject.select2("onSortEnd");
  388. }
  389. });
  390. // On form submit, transform value to match what is expected by server
  391. subject.parents('form:first').submit(function (event) {
  392. var values = subject.val().trim();
  393. if (values !== '') {
  394. var baseName = subject.attr('name');
  395. values = values.split(',');
  396. baseName = baseName.substring(0, baseName.length-1);
  397. for (var i=0; i<values.length; i++) {
  398. jQuery('<input>')
  399. .attr('type', 'hidden')
  400. .attr('name', baseName+i+']')
  401. .val(values[i])
  402. .appendTo(subject.parents('form:first'));
  403. }
  404. }
  405. subject.remove();
  406. });
  407. },
  408. setup_sticky_elements: function(subject) {
  409. if (window.SONATA_CONFIG && window.SONATA_CONFIG.USE_STICKYFORMS) {
  410. Admin.log('[core|setup_sticky_elements] setup sticky elements on', subject);
  411. var wrapper = jQuery(subject).find('.content-wrapper');
  412. var navbar = jQuery(wrapper).find('nav.navbar');
  413. var footer = jQuery(wrapper).find('.sonata-ba-form-actions');
  414. if (navbar.length) {
  415. new Waypoint.Sticky({
  416. element: navbar[0],
  417. offset: 50,
  418. handler: function( direction ) {
  419. if (direction == 'up') {
  420. jQuery(navbar).width('auto');
  421. } else {
  422. jQuery(navbar).width(jQuery(wrapper).outerWidth());
  423. }
  424. }
  425. });
  426. }
  427. if (footer.length) {
  428. new Waypoint({
  429. element: wrapper[0],
  430. offset: 'bottom-in-view',
  431. handler: function(direction) {
  432. var position = jQuery('.sonata-ba-form form > .row').outerHeight() + jQuery(footer).outerHeight() - 2;
  433. if (position < jQuery(footer).offset().top) {
  434. jQuery(footer).removeClass('stuck');
  435. }
  436. if (direction == 'up') {
  437. jQuery(footer).addClass('stuck');
  438. }
  439. }
  440. });
  441. }
  442. Admin.handleScroll(footer, navbar, wrapper);
  443. }
  444. },
  445. handleScroll: function(footer, navbar, wrapper) {
  446. if (footer.length && jQuery(window).scrollTop() + jQuery(window).height() != jQuery(document).height()) {
  447. jQuery(footer).addClass('stuck');
  448. }
  449. jQuery(window).scroll(
  450. Admin.debounce(function() {
  451. if (footer.length && jQuery(window).scrollTop() + jQuery(window).height() == jQuery(document).height()) {
  452. jQuery(footer).removeClass('stuck');
  453. }
  454. if (navbar.length && jQuery(window).scrollTop() === 0) {
  455. jQuery(navbar).removeClass('stuck');
  456. }
  457. }, 250)
  458. );
  459. jQuery('body').on('expanded.pushMenu collapsed.pushMenu', function() {
  460. Admin.handleResize(footer, navbar, wrapper);
  461. });
  462. jQuery(window).resize(
  463. Admin.debounce(function() {
  464. Admin.handleResize(footer, navbar, wrapper);
  465. }, 250)
  466. );
  467. },
  468. handleResize: function(footer, navbar, wrapper) {
  469. setTimeout(function() {
  470. if (navbar.length && jQuery(navbar).hasClass('stuck')) {
  471. jQuery(navbar).width(jQuery(wrapper).outerWidth());
  472. }
  473. if (footer.length && jQuery(footer).hasClass('stuck')) {
  474. jQuery(footer).width(jQuery(wrapper).outerWidth());
  475. }
  476. }, 350); // the animation take 0.3s to execute, so we have to take the width, just after the animation ended
  477. },
  478. // http://davidwalsh.name/javascript-debounce-function
  479. debounce: function (func, wait, immediate) {
  480. var timeout;
  481. return function() {
  482. var context = this,
  483. args = arguments;
  484. var later = function() {
  485. timeout = null;
  486. if (!immediate) {
  487. func.apply(context, args);
  488. }
  489. };
  490. var callNow = immediate && !timeout;
  491. clearTimeout(timeout);
  492. timeout = setTimeout(later, wait);
  493. if (callNow) {
  494. func.apply(context, args);
  495. }
  496. };
  497. },
  498. setup_readmore_elements: function(subject) {
  499. Admin.log('[core|setup_readmore_elements] setup readmore elements on', subject);
  500. jQuery(subject).find('.sonata-readmore').each(function(i, ui){
  501. jQuery(this).readmore({
  502. collapsedHeight: parseInt(jQuery(this).data('readmore-height')),
  503. moreLink: '<a href="#">'+jQuery(this).data('readmore-more')+'</a>',
  504. lessLink: '<a href="#">'+jQuery(this).data('readmore-less')+'</a>'
  505. });
  506. });
  507. }
  508. };
  509. jQuery(document).ready(function() {
  510. jQuery('html').removeClass('no-js');
  511. if (window.SONATA_CONFIG && window.SONATA_CONFIG.CONFIRM_EXIT) {
  512. jQuery('.sonata-ba-form form').each(function () { jQuery(this).confirmExit(); });
  513. }
  514. Admin.setup_per_page_switcher(document);
  515. Admin.setup_collection_buttons(document);
  516. Admin.shared_setup(document);
  517. });
  518. jQuery(document).on('sonata-admin-append-form-element', function(e) {
  519. Admin.setup_select2(e.target);
  520. Admin.setup_icheck(e.target);
  521. Admin.setup_collection_counter(e.target);
  522. });