src/Crud/templates/crud/index_inner_modal.html.twig line 1

Open in your IDE?
  1. {% extends "@crud\\crud\\index_inner.html.twig" %}
  3. {% block button_new_no_elements_href %}
  4.     {% if idParent is defined %}
  5.         href="{{ path('crud_plain_new', { 'rol': rol, 'routeClassName': routeClassName, 'idParent': idParent} ) }}"
  6.     {% else %}
  7.         {{ parent() }}
  8.     {% endif %}
  9. {% endblock button_new_no_elements_href %}
  11. {% block button_new_no_elements_onclick %}
  12.     {% set texto = routeClassName~'.singular' %}
  13.     onclick='javascript:creaNuevo("{{ routeClassName }}", "{{ texto | trans({}, 'crud') }}", {{ widthModalForm }}, {{ heightModalForm }}); return false;'
  14. {% endblock button_new_no_elements_onclick %}
  16. {% block button_new_elements %}
  17.     {% set texto = routeClassName~'.singular' %}
  18.     {% set onClick = "javascript:creaNuevo('"~routeClassName~"', '"~  texto | trans({}, 'crud') ~"',"~ widthModalForm ~","~ heightModalForm ~"); return false;" %}
  19.     {% if idParent is defined %}
  20.         .append("<span id='{{routeClassName}}_botonNuevoDiv' class='forChanges'><a id='{{routeClassName}}_botonNuevoBoton' onclick='{{ onClick }}' href='{{ path('crud_plain_new', { 'rol': rol, 'routeClassName': routeClassName, 'idParent': idParent} ) }}'><button class='btn btn-white btn-inverse btn-bold btn-round' title='{% trans from 'crud' %}botones.nuevo{% endtrans %}'><i class='fas fa-plus green'></i><span class='hidden-xs'>{% trans from 'crud' %}botones.nuevo{% endtrans %}</span></button></a></span>")
  21.     {% else %}
  22.         .append("<span id='{{routeClassName}}_botonNuevoDiv' class='forChanges'><a id='{{routeClassName}}_botonNuevoBoton' onclick='{{ onClick }}' href='{{ path('crud_plain_new', { 'rol': rol, 'routeClassName': routeClassName} ) }}'><button class='btn btn-white btn-inverse btn-bold btn-round' title='{% trans from 'crud' %}botones.nuevo{% endtrans %}'><i class='fas fa-plus green'></i><span class='hidden-xs'>{% trans from 'crud' %}botones.nuevo{% endtrans %}</span></button></a></span>")
  23.     {% endif %}
  24. {% endblock button_new_elements %}
  25.         
  26. {% block results %}
  28.     {{ parent() }}
  30.     <div id='dialog_{{ routeClassName }}'></div>
  31.     <div id='dialog_show_{{ routeClassName }}'></div>
  32.     
  33.     {% set filter = [] %}
  34.     {% if filterData is defined %}
  35.         {% set filter = filterData %}
  36.     {% endif %}
  37.     {% set parent = '' %}
  38.     {% if idParent is defined %}
  39.         {% set parent = idParent %}
  40.     {% endif %}
  41.     {% autoescape %}
  42.         {% set urlReload = path('crud_index', {'rol': rol, 'routeClassName': routeClassName, 'filterData': filter, 'idParent' : parent, 'view': index_view} ) %}
  43.         <input type='hidden' id='urlReload' value='{{ urlReload }}'>
  44.     {% endautoescape %}
  45. {% endblock %}
  46.         
  47. {% block show_action %}
  48.     {% set href = path('crud_plain_show', { 'rol': rol, 'id': entity.id, 'routeClassName': routeClassName }) %}
  49.     {% set texto=routeClassName~'.singular' %}
  50.     <a href="" itemid="{{ entity.id }}" onclick="javascript:showModal('{{ routeClassName }}','{{ href }}', '{{ texto | trans({}, 'crud') }}'); return false;">
  51.         <i class="{{ buttons['view'] }}" title="{% trans from 'crud' %}index.acciones.show_alt{% endtrans %}"></i>
  52.     </a>
  53. {% endblock show_action %}    
  55. {% block edit_action %}
  56.     {% if idParent is defined %}
  57.         {% set href=path('crud_plain_edit', { 'rol': rol, 'id': entity.id, 'routeClassName': routeClassName, 'idParent': idParent }) %}
  58.     {% else %}
  59.         {% set href=path('crud_plain_edit', { 'rol': rol, 'id': entity.id, 'routeClassName': routeClassName }) %}
  60.     {% endif %}
  61.     {% set texto=routeClassName~'.singular' %}
  62.     <a href="" itemid="{{ entity.id }}" onclick="javascript:editModal('{{ routeClassName }}','{{ href }}', '{{ texto | trans({}, 'crud') }}', {{ widthModalForm }}, {{ heightModalForm }}); return false;">
  63.         <i class="{{ buttons['edit'] }}" title="{% trans from 'crud' %}index.acciones.edit_alt{% endtrans %}"></i>
  64.     </a>
  65. {% endblock edit_action %}    
  67. {% block delete_action %}
  68.     {% if idParent is defined %}
  69.         {% set href=path('crud_plain_delete', { 'rol': rol, 'id': entity.id, 'routeClassName': routeClassName, 'idParent': idParent }) %}
  70.     {% else %}
  71.         {% set href=path('crud_plain_delete', { 'rol': rol, 'id': entity.id, 'routeClassName': routeClassName }) %}
  72.     {% endif %}
  73.     <a class="del_modal_{{ routeClassName }}" href="{{ href }}" itemid="{{ entity.id }}">
  74.         <i class="{{ buttons['delete'] }}" title="{% trans from 'crud' %}index.acciones.delete_alt{% endtrans %}"></i>
  75.     </a>
  76. {% endblock delete_action %}  
  77.         
  78. {% block table_index_jquery %}
  79.     {{ parent() }}
  81.     {% if heightModalForm is not defined %}
  82.         {% set heightModalForm = 770 %}
  83.     {% endif %}
  85.     {% if widthModalForm is not defined %}
  86.         {% set widthModalForm = 1000 %}
  87.     {% endif %}
  89.     $("#dialog_{{ routeClassName }}").dialog({
  90.         autoOpen: false,
  91.         width: {{ widthModalForm }},
  92.         height: {{ heightModalForm }},
  93.         modal: true,
  94.         resizable: false,
  95.         title_html: true,
  96.         title: "<div id='texto' class='widget-header widget-header-small'><h4 class='smaller red'><i class='fas fa-shopping-cart'></i>&nbsp;</h4></div>",
  97.         {% block dialog_events %}{% endblock dialog_events %}
  98.         buttons: {
  99.             {% block dialog_buttons %}
  100.                 {% block dialog_buttons_save %}
  101.                     "{{ 'botones.grabar' | trans({}, 'crud') | upper }}": function() {
  102.                         if (validaDatos{{ routeClassName }}())
  103.                         {
  104.                            // var form = $('#crud_form_{{ routeClassName }}');
  105.                             var form = $('#dialog_{{ routeClassName }}').children('form');
  106.                         if ($(form).find('.wrong_email').length>0)
  107.                         {
  108.                             alert('Correo electrónico incorrecto');
  109.                             return false;
  110.                         }
  111.                             $( "#dialog_{{ routeClassName }}" ).parent().mask("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Actualizando...");
  112.                             $(form).ajaxSubmit({
  113.                                 type: form.attr('method'),
  114.                                 url: form.attr('action'),
  115.                                 dataType: 'json',
  116.                                 data: { _xml_http_request: true },
  117.                                 success: function(data) {
  118.                                     if (data.ok)
  119.                                     {
  120.                                         $( "#dialog_{{ routeClassName }}" ).dialog( "close" );
  121.                                         $( "#dialog_{{ routeClassName }}" ).parent().unmask();
  122.                                         {% set filter = [] %}
  123.                                         {% if filterData is defined %}
  124.                                             {% set filter = filterData %}
  125.                                         {% endif %}
  126.                                         {% set parent = '' %}
  127.                                         {% if idParent is defined %}
  128.                                             {% set parent = idParent %}
  129.                                         {% endif %}
  130.                                         var url="{% autoescape %}{{ path('crud_index', {'rol': rol, 'routeClassName': routeClassName, 'filterData': filter, 'idParent' : parent, 'view': index_view} ) }}{% endautoescape %}";
  131.                                         reloadContenedor('{{ routeClassName }}',url);
  132.                                     }
  133.                                     else
  134.                                     {
  135.                                         showError(bootbox,data.error);
  136.                                         $( "#dialog_{{ routeClassName }}" ).parent().unmask();
  137.                                     }
  138.                                 }
  139.                             })
  140.                         }
  141.                     },
  142.                     "{{ 'botones.grabar_y_crear' | trans({}, 'crud') | upper }}": function() {
  143.                         if (validaDatos{{ routeClassName }}())
  144.                         {
  145.                             var form = $('#crud_form_{{ routeClassName }}');
  146.                         if ($(form).find('.wrong_email').length>0)
  147.                         {
  148.                             alert('Correo electrónico incorrecto');
  149.                             return false;
  150.                         }
  151.                             $( "#dialog_{{ routeClassName }}" ).parent().mask("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Actualizando...");
  152.                             $(form).ajaxSubmit({
  153.                                 type: form.attr('method'),
  154.                                 url: form.attr('action'),
  155.                                 dataType: 'json',
  156.                                 data: { _xml_http_request: true },
  157.                                 success: function(data) {
  158.                                     if (data.ok)
  159.                                     {
  160.                                         {% set filter = [] %}
  161.                                         {% if filterData is defined %}
  162.                                             {% set filter = filterData %}
  163.                                         {% endif %}
  164.                                         {% set parent = '' %}
  165.                                         {% if idParent is defined %}
  166.                                             {% set parent = idParent %}
  167.                                         {% endif %}
  168.                                         var url="{% autoescape %}{{ path('crud_index', {'rol': rol, 'routeClassName': routeClassName, 'filterData': filter, 'idParent' : parent, 'view': index_view} ) }}{% endautoescape %}";
  169.                                         reloadContenedor('{{ routeClassName }}',url);
  170.                                         var urlForm=$("#{{ routeClassName }}_botonNuevoBoton").attr("href");
  171.                                         $('#dialog_{{ routeClassName }}').load(urlForm, function(){
  172.                                             $('#dialog_{{ routeClassName }}').parent().unmask();
  173.                                         });
  174.                                     }
  175.                                     else
  176.                                     {
  177.                                         showError(bootbox,data.error);
  178.                                         $( "#dialog_{{ routeClassName }}" ).parent().unmask();
  179.                                     }
  180.                                 }
  181.                             })
  182.                         }
  183.                     },
  184.                 {% endblock dialog_buttons_save %}
  185.                 {% block dialog_buttons_cancel %}
  186.                     "{{ 'botones.cancelar' | trans({}, 'crud') | upper }}": function() {
  187.                         $( "#dialog_{{ routeClassName }}" ).dialog( "close" );
  188.                     }
  189.                 {% endblock dialog_buttons_cancel %}
  190.           {% endblock dialog_buttons %}
  191.         }
  192.     });
  194.     {% if heightModalShow is not defined %}
  195.         {% set heightModalShow = heightModalForm %}
  196.     {% endif %}
  198.     {% if widthModalShow is not defined %}
  199.         {% set widthModalShow = widthModalForm %}
  200.     {% endif %}
  202.     $("#dialog_show_{{ routeClassName }}").dialog({
  203.         autoOpen: false,
  204.         height: {{ heightModalShow }},
  205.         width: {{ widthModalShow }},
  206.         modal: true,
  207.         resizable: false,
  208.         title_html: true,
  209.         title: "<div id='texto' class='widget-header widget-header-small'><h4 class='smaller red'><i class='fas fa-shopping-cart'></i>&nbsp;</h4></div>",
  210.         buttons: {
  211.                     "{{ 'botones.cerrar' | trans({}, 'crud') | upper }}": function() {
  212.                         $( "#dialog_show_{{ routeClassName }}" ).dialog( "close" );
  213.                     }
  214.         }
  215.     });
  217.     $(".del_modal_{{ routeClassName }}").click(function(e){
  218.         e.preventDefault();
  219.         if (confirm("{{ 'delete.confirm' | trans({}, 'crud') }}"))
  220.         {
  221.             $('#contenedor_{{ routeClassName }}').mask("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Actualizando...");
  222.             $.ajax({
  223.                 type: "GET",
  224.                 url: $(this).attr("href"),
  225.                 dataType: 'json',
  226.                 data: { _xml_http_request: true },
  227.                 success: function(html){
  228.                     if (html.ok)
  229.                     {
  230.                         {% if filterData is defined %}
  231.                             var url="{{ path('crud_index', {'rol': rol, 'routeClassName': routeClassName, 'filterData': filterData, 'view': index_view} ) }}";
  232.                         {% else %}
  233.                             var url="{{ path('crud_index', {'rol': rol, 'routeClassName': routeClassName, 'view': index_view} ) }}";
  234.                         {% endif %}
  235.                         reloadContenedor('{{ routeClassName }}',url);
  236.                     }
  237.                     else
  238.                     {
  239.                         $('#contenedor_{{ routeClassName }}').unmask();
  240.                         showError(bootbox, html.error);
  241.                     }
  242.                 }
  243.             });
  244.         }
  245.     });
  247. {% endblock table_index_jquery %}
  248.         
  249. {% block table_index_functions %}
  250.     {{ parent() }}
  252.     function validaDatos{{ routeClassName }}()
  253.     {
  254.         {% block valida_datos %}
  255.             return true;
  256.         {% endblock valida_datos %}
  257.     }
  259. {% endblock table_index_functions %}
  261. {% block principal_heading %}
  262. {% endblock %}