templates/admin/core/admin.js.twig line 1

Open in your IDE?
  1. function uniqueId() {
  2.     return Math.random().toString(36).substr(2, 9);
  3. }
  5. // colorise les labels au chargement de l'edition
  6. function colorLabel(fields) {
  7.     for (var key in fields) {
  9.         var selector = $('.form-group[id$="' + key + '"]');
  10.         var input = selector.find('input');
  12.         if (input.attr('type') == 'text') {
  13.             if (input.val() != '') {
  14.                 selector.addClass(fields[key]);
  15.             } else {
  16.                 selector.removeClass(fields[key]);
  17.             }
  18.         }
  19.         if (input.attr('type') == 'checkbox') {
  20.             if (input.is(':checked')) {
  21.                 selector.addClass(fields[key]);
  22.             } else {
  23.                 selector.removeClass(fields[key]);
  24.             }
  25.         }
  26.     }
  27. }
  29. // toggle sur les labels si remplissage ou cochage
  30. function colorCheck(fields) {
  31.     $('body').on('change keyup', '.form-row input', function () {
  33.         var self = $(this);
  35.         if (self.attr('id').split('_')[1] in fields) {
  36.             if (self.attr('type') == 'text') {
  37.                 if (self.val() != '') {
  38.                     self.closest('.form-group').addClass(fields[self.attr('id').split('_')[1]]);
  39.                 } else {
  40.                     self.closest('.form-group').removeClass(fields[self.attr('id').split('_')[1]]);
  41.                 }
  42.             }
  43.             if (self.attr('type') == 'checkbox') {
  44.                 if (self.is(':checked')) {
  45.                     self.closest('.form-group').addClass(fields[self.attr('id').split('_')[1]]);
  46.                 } else {
  47.                     self.closest('.form-group').removeClass(fields[self.attr('id').split('_')[1]]);
  48.                 }
  49.             }
  50.         }
  52.     });
  53. }
  56. // permet de relancer iCheck et Select2 apres le chargement AJAX
  57. function reloadIcheckSelect2() {
  58.     $('select').select2({
  59.         allowClear: true,
  60.         placeholder: "-- Choisir --"
  61.     });
  62.     $('input[type="checkbox"], input[type="radio"]').iCheck({
  63.         checkboxClass: 'icheckbox_square-blue',
  64.         radioClass: 'iradio_square-blue'
  65.     }).on('ifToggled', function (e) {
  66.         $(e.target).trigger('change');
  67.     });
  68. }
  70. var coreModalBreadcrumb = [];
  71. var coreModalOpen = [];
  73. function injectResponseInModal(response, size) {
  74.     if(typeof size === 'undefined') {
  75.         size  = 'xl';
  76.     }
  77.     var modalIndex = uniqueId();
  78.     $('#modal-container').append('{{ include('admin/core/admin_modal.html.twig') }}');
  79.     $('#modal-container .modal').last().attr('id', 'admin-modal-' + modalIndex);
  80.     $('#admin-modal-' + modalIndex + ' .modal-body').html(response);
  81.     $('#admin-modal-' + modalIndex + ' .modal-dialog').addClass('modal-'+size);
  82.     $('#admin-modal-' + modalIndex).modal();
  83.     reloadIcheckSelect2();
  84. }
  86. function closePopover() {
  87.     $("*").each(function () {
  88.         var popover = $.data(this, "bs.popover");
  89.         if (popover) {
  90.             $(this).popover('hide');
  91.         }
  92.     });
  93. }
  95. function modalDetail() {
  96.     $('body').on('click', '[class*=get-view-]', function (e) {
  97.         if ($('#modal-container').html() === '') {
  98.             coreModalBreadcrumb = [];
  99.         }
  100.         e.preventDefault();
  101.         var modalIndex = uniqueId();
  102.         var self = $(this);
  103.         var data = {'object': self.data('object')};
  104.         $.ajax({
  105.             type: 'GET',
  106.             url: Routing.generate('admin_ajax_get_' + self.data('type'), data),
  107.             success: function (response) {
  108.                 $('#modal-container').append('{{ include('admin/core/admin_modal.html.twig') }}');
  109.                 $('#modal-container .modal').last().attr('id', 'admin-modal-' + modalIndex);
  110.                 $('#modal-container .modal').last().data('name', self.data('name'));
  111.                 if (self.data('size')) {
  112.                     $('#admin-modal-' + modalIndex + ' .modal-dialog').addClass('modal-' + self.data('size'));
  113.                 }
  114.                 $('#admin-modal-' + modalIndex + ' .modal-body').html(response);
  115.                 $('#admin-modal-' + modalIndex).modal();
  116.                 coreModalBreadcrumb.push('<span class="badge modal-close" data-modalindex="#admin-modal-' + modalIndex + '">' + self.data('name') + '</span>');
  117.                 coreModalOpen.push("#admin-modal-"+modalIndex);
  118.                 $('#admin-modal-' + modalIndex + ' .modal-breadcrumb').html(coreModalBreadcrumb);
  119.             }
  120.         });
  121.     });
  122. }
  124. function modalDelete() {
  125.     $('#modal-container').on('hidden.bs.modal', '.modal', function (e) {
  126.         var self = $(this);
  127.         $("#" + self.attr('id')).remove();
  128.         coreModalOpen = [];
  129.         coreModalBreadcrumb = [];
  130.         $('#modal-container .modal').each(function (index, element) {
  131.             coreModalOpen.push('#'+$(element).attr('id'));
  132.             coreModalBreadcrumb.push('<span class="badge modal-close" data-modalindex="#'+$(element).attr('id')+'">' + $(element).data('name') + '</span>');
  134.         });
  135.     });
  136. }
  138. function modalClose() {
  139.     $('body').on('click', '.modal-close', function (e) {
  140.         e.preventDefault();
  141.         var self = $(this);
  142.         var id = self.data('modalindex');
  143.         var index = coreModalOpen.findIndex(function(element) {
  144.             return element == id;
  145.         });
  146.         for (var i = index+1; i < coreModalOpen.length; i++) {
  147.             $(coreModalOpen[i]).modal('hide');
  148.         }
  149.     });
  150. }
  152. function showGraph(dataRoute, route, canvasSelector, type, configA, optionsA) {
  154.     $.ajax({
  155.         type: 'GET',
  156.         url: Routing.generate(route, dataRoute),
  157.         dataType: 'json'
  158.     }).success(function (json) {
  160.         if (typeof(chart) !== 'undefined') {
  161.             chart.destroy();
  162.         }
  164.         var data = {};
  165.         data.datasets = [];
  166.         data.labels = json['data']['label'];
  168.         var config = {};
  170.         config.data = json['data']['data'];
  171.         config.label = {% if chart_label == '' %}false{% else %}{{ chart_label }}{% endif %};
  172.         ;
  173.         config.backgroundColor = '{{ chart_background_color|raw }}';
  174.         config.borderColor = '{{ chart_border_color|raw }}';
  175.         config.borderWidth = '{{ chart_border_width|raw }}';
  177.         for (key in configA) {
  178.             config[key] = configA[key];
  179.         }
  181.         data.datasets.push(config);
  183.         var ctx = document.getElementById(canvasSelector);
  184.         chart = new Chart(ctx, {
  185.             type: type,
  186.             data: data,
  187.             options: optionsA
  188.         });
  190.     });
  191. }
  194. $(function () {
  196.     modalDetail();
  197.     modalClose();
  198.     modalDelete();
  200.     {% include 'admin/core/update_text_relation.js.twig' %}
  202.     $('.modal').on('show.bs.modal', function (event) {
  203.         var idx = $('.modal:visible').length;
  204.         $(this).css('z-index', 1040 + (10 * idx));
  205.     });
  207.     $('.modal').on('shown.bs.modal', function (event) {
  208.         var idx = ($('.modal:visible').length) - 1; // raise backdrop after animation.
  209.         $('.modal-backdrop').not('.stacked').css('z-index', 1039 + (10 * idx));
  210.         $('.modal-backdrop').not('.stacked').addClass('stacked');
  211.     });
  213.     $('body').on('click', '[data-action="close-popover"]', function() {
  214.         closePopover();
  215.     });
  217.     if ($('.help-block:contains("trans")').hide().closest('.form-group').find('label').before('<i class="fa fa-globe" style="color:#D6261E;"></i>&nbsp;').length == 0) {
  219.         $('.help-block:contains("trans")').hide().closest('div[class*="box box-primary"]').find('h4[class*="box-title"]').before('<i class="fa fa-globe" style="color:#D6261E;"></i>&nbsp;');
  220.     }
  221.     $('label[class|="help-trans"]').append('&nbsp;<i class="fa fa-globe" style="color:#D6261E;"></i>');
  223.     $('body').on('click', '.confirm', function () {
  224.         return confirm('Confirmation ?');
  225.     });
  226. });