src/Crud/templates/newedit.html.twig line 1

Open in your IDE?
  1. {% extends "@crud\\crud.html.twig" %}
  3. {% block jquery %}
  4.     {{ parent() }}
  5.     <script type="text/javascript">
  7.         $(function()
  8.         {
  9.             $('.hide_item_{{ routeClassName }}').click(function(e){
  10.                 e.preventDefault();
  11.                 if (confirm("{{ 'delete.confirm' | trans({}, 'crud') }}"))
  12.                 {
  13.                     var id=$(this).attr("item_id");
  14.                     var adjunto='hidefile_{{ routeClassName }}_'+id;
  15.                     var control='file_{{ routeClassName }}_'+id;
  16.                     adjunto=document.getElementById(adjunto);
  17.                     $(adjunto).addClass("hide");
  18.                     control=document.getElementById(control);
  19.                     $(control).removeClass("hide");
  20.                     $(control).parents('form').change();
  21.                 }
  22.             });
  24.             $('.just_numbers').keypress(function(e){
  25.                 if (e.which<48 || e.which>57 )
  26.                     e.preventDefault();
  27.             });
  29.             var cargainicial{{ routeClassName }} = true;
  30.             $( "#dialog-mapa-{{ routeClassName }}" ).dialog({
  31.                 autoOpen: false,
  32.                 height: 610,
  33.                 width: 750,
  34.                 modal: true,
  35.                 resizable: false,
  36.                 title_html: true,
  37.                 title: '<div id="texto" class="widget-header widget-header-small"><h4 class="smaller red"><i class="fas fa-globe"></i>&nbsp;Definir Ubicación en Mapa</h4></div>',
  39.                 buttons: {
  40.                     Cancelar: function() {
  41.                         $( "#dialog-mapa-{{ routeClassName }}" ).dialog( "close" );
  42.                     }
  43.                 }
  44.             });
  46.             $( "#dialog-relacion-{{ routeClassName }}" ).dialog({
  47.                 autoOpen: false,
  48.                 height: 500,
  49.                 width: 800,
  50.                 modal: true,
  51.                 resizable: false,
  52.                 title_html: true,
  53.                 title: '<div id="texto" class="widget-header widget-header-small"><h4 class="smaller red"><i class="fas fa-globe"></i>&nbsp;Definir nuevo elemento</h4></div>',
  54.                 beforeClose: function(){
  55.                     $('#dialog_{{ routeClassName }}' ).parent().removeClass("hide");
  56.                 },
  57.                 open: function(){
  58.                     $('#dialog_{{ routeClassName }}' ).parent().addClass("hide");
  59.                 },
  60.                 buttons: {
  61.                     Grabar: function() {
  62.                         var routeClassName = $('#relacionnombre-{{ routeClassName }}').val();
  63.                         var form = $('#crud_form_'+routeClassName);
  64.                         if ($(form).find('.wrong_email').length>0)
  65.                         {
  66.                             alert('Correo electrónico incorrecto');
  67.                             return false;
  68.                         }
  69.                         $( "#dialog-relacion-{{ routeClassName }}" ).parent().mask("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Grabando...");
  70.                         $(form).ajaxSubmit({
  71.                             type: form.attr('method'),
  72.                             url: form.attr('action'),
  73.                             dataType: 'json',
  74.                             data: { _xml_http_request: true },
  75.                             success: function(data) {
  76.                                 if (data.ok)
  77.                                 {
  78.                                     var id_nuevo=data.id;
  79.                                     var combo = $('#relaciontarget-{{ routeClassName }}').val();
  80.                                     $('#'+combo+' option:selected').removeProp('selected');
  81.                                     $('#'+combo).append('<option selected="true" value="'+data.id+'">'+data.txt+'</option>')
  82.                                     $( "#dialog-relacion-{{ routeClassName }}" ).parent().unmask();
  83.                                     $( "#dialog-relacion-{{ routeClassName }}" ).dialog( "close" );
  85.                                  /*   var routeClassName = $('#'+combo).attr('relation');
  86.                                     var baseSite = $('#baseSite').val();
  87.                                     var url = baseSite + "all/items/"+routeClassName+"/"+id_nuevo;
  88.                                     $('#'+combo).load(url, function(){
  89.                                         $( "#dialog-relacion-{{ routeClassName }}" ).parent().unmask();
  90.                                         $( "#dialog-relacion-{{ routeClassName }}" ).dialog( "close" );
  91.                                     });*/
  92.                                 }
  93.                                 else
  94.                                 {
  95.                                     $( "#dialog-relacion-{{ routeClassName }}" ).parent().unmask();
  96.                                     showError(bootbox,data.error);
  97.                                 }
  98.                             }
  99.                         })
  101.                     },
  102.                     Cancelar: function() {
  103.                         $( "#dialog-relacion-{{ routeClassName }}" ).dialog( "close" );
  104.                     }
  105.                 }
  106.             });
  108.             $(".botonmapa").click(function(e){
  109.                 e.preventDefault();
  110.                 var baseSite = $('#baseSite').val();
  111.                 var idcampo = $(this).attr('itemid');
  112.                 var tipoDibujo = $(this).attr('geom');
  113.                 var urlOk = true;
  114.                 {% block url_mapa %}
  115.                     var url = "{{ path('dibujarGeometria', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-'~routeClassName}) }}";
  116.                     url =url.replace('__TIPO__', tipoDibujo); 
  117.                     url =url.replace('__CAMPO__', idcampo); 
  118.                 {% endblock url_mapa %}
  119.                 {% block check_url_mapa %}
  120.                 {% endblock check_url_mapa %}
  121.                 if (urlOk)
  122.                 {
  123.                     $("#dialog-mapa-{{ routeClassName }}").dialog("open");
  124.                     if (cargainicial{{ routeClassName }})
  125.                     {
  126.                         $('#dialog-mapa-{{ routeClassName }}').load(url);
  127.                         cargainicial{{ routeClassName }} = false;
  128.                     }
  129.                 }
  130.                 else
  131.                     alert('{% block text_bad_url_mapa %}{% endblock text_bad_url_mapa %}');
  132.             });
  134.             $(".botonmapaPunto").click(function(e){
  135.                 e.preventDefault();
  136.                 var baseSite = $('#baseSite').val();
  137.                 var idcampo = $(this).attr('itemid');
  138.                 var tipoDibujo = $(this).attr('geom');
  139.                 var urlOk = true;
  140.                 {% block url_mapaPunto %}
  141.                     var url = "{{ path('dibujarPunto', {'tipoDibujo': '__TIPO__', 'idCampo': '__CAMPO__', 'idContenedorMapa': 'dialog-mapa-'~routeClassName}) }}";
  142.                     url =url.replace('__TIPO__', tipoDibujo); 
  143.                     url =url.replace('__CAMPO__', idcampo); 
  144.                 {% endblock url_mapaPunto %}
  145.                 {% block check_url_mapaPunto %}
  147.                     if (urlOk)
  148.                     {
  149.                        $("#dialog-mapa-{{ routeClassName }}").parent().mask('Mostrando ubicación, espere....');
  151.                         $("#dialog-mapa-{{ routeClassName }}").dialog("open");
  152.                         if(cargainicial{{ routeClassName }}){
  153.                             $('#dialog-mapa-{{ routeClassName }}').load(url);
  154.                             cargainicial{{ routeClassName }} = false;
  155.                         }
  156.                     }
  157.                     else
  158.                         alert('{% block text_bad_url_mapaPunto %}{% endblock text_bad_url_mapaPunto %}');
  160.                 {% endblock check_url_mapaPunto %}
  162.             });
  164.             $('[data-rel=tooltip]').tooltip({container:'body'});
  165.             $('[data-rel=popover]').popover({container:'body'});
  166. //            $('[data-rel="tooltip"]').tooltip();
  168.             $(".dual-list").each(function () {
  169.                 var lista = $(this).bootstrapDualListbox({infoTextFiltered: '<span class="label label-purple label-lg">{{ 'opciones.filtrado' | trans({}, 'crud') }}</span>'});
  170.                 var container1 = lista.bootstrapDualListbox('getContainer');
  171.                     container1.find('.btn').addClass('btn-white btn-info btn-bold');
  172.                     container1.find('.box1').prepend('<div style="text-align: center">{{ 'opciones.disponibles' | trans({}, 'crud') }}</div>');
  173.                     container1.find('.box2').prepend('<div style="text-align: center">{{ 'opciones.seleccionados' | trans({}, 'crud') }}</div>');
  174.             });
  176.             $('.chosen-select.chosen-pending').chosen({allow_single_deselect:true});
  178.             $('.chosen-select.chosen-pending').removeClass('chosen-pending');
  180.             $('.email').change(function(e){
  181.                 var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9_\.\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  182.                 var email = $(this).val();
  183.                 if (!filter.test(email))
  184.                 {
  185.                     $(this).css('color', 'red');
  186.                     $(this).focus();
  187.                     $(this).addClass('wrong_email');
  188.                 }
  189.                 else
  190.                 {
  191.                     $(this).css('color', 'black');
  192.                     $(this).removeClass('wrong_email');
  193.                 }
  194.             });
  196.             $('#crud_form_{{ routeClassName }}').submit(function(e){
  197.                 if ($(this).find('.wrong_email').length>0)
  198.                 {
  199.                     alert('Correo electrónico incorrecto');
  200.                     e.preventDefault();
  201.                 }
  202.             });
  204.         });
  205.     
  206.     </script>    
  208. {% endblock %}
  210. {% block crud %}
  211.     <div class="widget-box transparent">
  212.         {#% block ico_heading %}
  213.             <div class="widget-header widget-header-flat">
  214.                 <h4 class="widget-title lighter">
  215.                     <i class="fas fa-pencil-alt orange"></i>
  216.                     {% block principal_heading %}
  217.                     {% endblock %}
  218.                 </h4>
  220.                 <!--div class="widget-toolbar">
  221.                     <a href="#" data-action="collapse">
  222.                         <i class="fas fa-chevron-up"></i>
  223.                     </a>
  224.                 </div-->
  225.             </div>
  226.         {% endblock %#}        
  227.         <div class="widget-body" style="display: block;">
  228.             <div class="widget-main no-padding">
  229.                 {% block formulario %}
  230.                 {% endblock formulario %}
  231.             </div>
  232.         </div>
  233.     </div>
  234. {% endblock %}