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

Open in your IDE?
  1. {% block formulario_jquery %}
  2.     <script type="text/javascript">
  3.         function mostrarTextoGeometria(geometria)
  4.         {
  5.             cadenaRetorno = '';
  6.             if (geometria.length)
  7.             {
  8.                 cadena = geometria.replace('POINT(','');
  9.                 cadena = cadena.replace(')','');
  10.                 punto = cadena.split(' ');
  11.                 cadenaRetorno = 'Lat:'+ parseFloat(punto[1]).toFixed(2) + ' Lon:'+ parseFloat(punto[0]).toFixed(2);
  12.             }
  13.             return cadenaRetorno;
  15.         }
  17.         {% block formulario_customs_functions %}
  18.         {% endblock formulario_customs_functions %}
  20.         $(function(){
  21.         
  22.             $('.just_numbers').keypress(function(e){
  23.                 if (e.which<48 || e.which>57 )
  24.                     e.preventDefault();
  25.             });
  27.             $('.just_floats').keypress(function(e){
  28.                 if (e.which === 46)  //el punto
  29.                     {
  30.                         //buscar si ya hay un punto
  31.                         var val = $(this).val();
  32.                         if (val.indexOf('.')>=0)
  33.                         {
  34.                             e.preventDefault();
  35.                         }
  36.                     }
  37.                     else
  38.                         if (e.which<48 || e.which>57 )
  39.                             e.preventDefault();
  40.             });
  41.         
  42.             $("#crud_form_{{ routeClassName }}").find(".form-control").each(function () {
  43.                 var idK=$(this).attr('id');
  44.                 if (idK)
  45.                 {
  46.                     var idW = idK.replace('form','');
  47.                     idW = 'form_{{ routeClassName}}'+ idW;
  48.                     $(this).attr('id',idW);
  49.                     $(this).removeClass('form-control');
  50.                 }
  51.             });
  52.             
  53.             {% for key,widget in form %}
  54.                 {% if key != '_token' %}
  55.                     {% if widget.vars.attr.readonly is defined %}
  56.                         $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').addClass('hide');
  57.                     {% endif %}
  58.                     {% if widget.vars.attr.dependiente_parent is defined %}
  59.                         $('#form_{{ widget.vars.attr.dependiente_parent }}').change(function(){
  60.                             var selected = $(this).val();
  61.                             if (selected=="") selected="-1";
  62. //                            var baseSite = document.getElementById('baseSite').value;
  63.                             var url = '{{ path('crudDependiente', {'rol': 'all', 'className': widget.vars.attr.dependiente_class, 'fieldName': widget.vars.attr.dependiente_field, 'value': '__VALUE__'}) }}';
  64.                             url = url.replace('__VALUE__',selected);
  65. //                            var url = baseSite+"dependientes/{{ widget.vars.attr.dependiente_class }}/{{ widget.vars.attr.dependiente_field }}/"+selected;
  66.                             $('#{{ key }}').mask('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
  67.                             $('#form_{{ routeClassName }}_{{ key }}').load(url, function(){
  68.                                 $('#{{ key }}').unmask();
  69.                             });
  70.                         });
  71.                     {% endif %}
  72.                     {% if widget.vars.attr.class is defined %}
  73.                         {% if isSubString(widget.vars.attr.class,'spinbox-input') %}
  74.                             {% set min = "" %}
  75.                             {% if widget.vars.attr.min is defined %}
  76.                                 {% set min = "min: "~widget.vars.attr.min~", " %}
  77.                             {% endif %}
  78.                             {% set max = "" %}
  79.                             {% if widget.vars.attr.max is defined %}
  80.                                 {% set max = "max: "~widget.vars.attr.max~", " %}
  81.                             {% endif %}
  82.                             $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').attr('type','text');
  83.                             $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').ace_spinner({ {{ min }}{{ max }} step: 1, on_sides: true, icon_up: 'fas fa-plus', icon_down: 'fas fa-minus ', btn_up_class: 'btn-grey', btn_down_class: 'btn-grey', full_width: true});
  84.                         {% else %}
  85.                             {% if isSubString(widget.vars.attr.class,'campo_fecha') %}
  86.                                 $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').wrap('<div class="input-group" id="campo_fecha_{{ routeClassName }}_{{ key}}" />');
  87.                                 $('#campo_fecha_{{ routeClassName }}_{{ key}}').append('<span class="input-group-addon"><i class="fas fa-calendar bigger-110"></i></span>');
  88.                                 $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').attr('type','text');
  89.                                 $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').datepicker({
  90.                                         autoclose: true,
  91.                                         todayHighlight: true,
  92.                                         {% if widget.vars.attr.startDate is defined %}
  93.                                             startDate: '{{ widget.vars.attr.startDate }}',
  94.                                         {% endif %}
  95.                                         {% if widget.vars.attr.endDate is defined %}
  96.                                             endDate: '{{ widget.vars.attr.endDate }}',
  97.                                         {% endif %}
  98.                                         language: '{{ app.request.locale }}'
  99.                                 })
  100.                                 .next().on(ace.click_event, function(){
  101.                                         $(this).prev().focus();
  102.                                 });
  103.                             {% else %}
  104.                                 {% if isSubString(widget.vars.attr.class,'campo_hora_fecha') %}
  105.                                     $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').wrap('<div class="input-group" id="campo_fecha_{{ routeClassName }}_{{ key}}" />');
  106.                                     $('#campo_fecha_{{ routeClassName }}_{{ key}}').append('<span class="input-group-addon"><i class="fas fa-calendar bigger-110"></i></span>');
  107.                                     $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').datetimepicker()
  108.                                     .next().on(ace.click_event, function(){
  109.                                                 $(this).prev().focus();
  110.                                     });
  111.                                 {% else %}
  112.                                     {% if isSubString(widget.vars.attr.class,'geometria_punto') %}
  113.                                         $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').change(function(){
  114.                                             geometria = $(this).val();
  115.                                             valor = mostrarTextoGeometria(geometria);
  116.                                             $('#textoGeometriaPunto').html(valor);
  117.                                         });
  118.                                         $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').trigger('change');
  119.                                     {% else %}
  120.                                         {% if isSubString(widget.vars.attr.class,'geometria_poligono') %}
  121.                                             $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').change(function(){
  123.                                                 $('#textoGeometriaPoligono').html('Pol�gono definido');
  124.                                             });
  126.                                             if($('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').val())
  127.                                                 $('#textoGeometriaPoligono').html('Pol�gono definido');
  129.                                         {% else %}
  130.                                             {% if isSubString(widget.vars.attr.class,'dolar') %}
  131.                                                 $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').wrap('<div class="input-group"/>');
  132.                                                 $('#crud_form_{{ routeClassName }}').find('#form_{{ routeClassName }}_{{ key}}').parent().prepend("<span class='input-group-addon'>$</span>");
  133.                                             {% endif %}
  134.                                         {% endif %}
  135.                                     {% endif %}
  136.                                 {% endif %}
  138.                             {% endif %}
  139.                         {% endif %}
  141.                     {% endif %}
  142.                 {% endif %}
  143.             {% endfor %}
  145.             
  146.         
  147.             {% block formulario_customs_jquery %}
  148.             {% endblock formulario_customs_jquery %}
  150.         });
  151.     </script>
  152. {% endblock %}
  154. {% block formulario_content %}
  156.     {% block secondary_heading %}
  157.     {% endblock %}
  159.     {% if not btnSave is defined %}
  160.         {% set btnSave='btn_do_and_list' %}
  161.     {% endif %}
  163.     {% block pre_form %}
  164.     {% endblock %}
  166.     {% block form_action %}
  167.     {% endblock %}
  169.     {% block form %}
  170.         {% set rowopen=false %}
  171.         {% set maxcol=formColumns %}
  172.         {% set col=0 %}
  173.         {% block form_pre_rows %}
  174.         {% endblock form_pre_rows %}
  176.         {% for param, value in paramsRequest %}
  177.             {% if value is iterable %}
  178.                 {% for val in value %}
  179.                     <input name="{{ param }}" type='hidden' value='{{ val }}'>
  180.                 {% endfor %}
  181.             {% else %}
  182.                 <input id="{{ param }}" name="{{ param }}" type='hidden' value='{{ value }}'>
  183.             {% endif %}
  184.         {% endfor %}
  185.         <input id='form_accion_{{ routeClassName }}' type='hidden' value='{{ accion }}'>
  186.         {#% for key,widget in form %}
  187.                 {% for k,el in widget.vars if k != 'is_selected'%}
  189.                     {% if k=='attr' or k=='form' or k=='block_prefixes' or k=='errors' or k=='label_attr' or k=='preferred_choices' or k=='choices' %}
  190.                         {% for k1,el1 in widget.vars.attr %}
  191.                             {{ k }}=>{{ k1 }}=>{{ el1 }}<br>
  192.                         {% endfor %}
  193.                     {% else %}
  194.                         {{ k }}=>{{ el }}<br>
  195.                     {% endif %}
  196.                 {% endfor %}
  197.         {% endfor %#}
  198.         {% for key,widget in form %}
  199.             {% if notShow[key] is not defined %}
  200.                 {% if widget.vars.attr['containerclass'] is defined %}
  201.                     {% if  isSubString(widget.vars.attr['containerclass'],'full-row') %}
  202.                         {% if rowopen %}
  203.                             </div>
  204.                             <div class="row">
  205.                         {% endif %}
  206.                         {% set col=maxcol-1 %}
  207.                     {% endif %}
  208.                 {% endif %}
  209.                 {% if not rowopen %}
  210.                     {% block rowopen %}
  211.                         <div class="row">
  212.                     {% endblock rowopen %}
  213.                     {% set rowopen=true %}
  214.                 {% endif %}
  215.                 {#% for k,el in widget.vars if k != 'is_selected'%}
  217.                     {% if k=='attr' or k=='form' or k=='block_prefixes' or k=='errors' or k=='label_attr' or k=='preferred_choices' or k=='choices' %}
  218.                         {% for k1,el1 in widget.vars.attr %}
  219.                             {{ k }}=>{{ k1 }}=>{{ el1 }}<br>
  220.                         {% endfor %}
  221.                     {% else %}
  222.                         {{ k }}=>{{ el }}<br>
  223.                     {% endif %}
  224.                 {% endfor %#}
  225.                 {% block draw_widget %}
  226.                 {% set col_class='col-xs-12' %}
  227.                 {% if widget.vars.attr['containerclass'] is not defined or not isSubString(widget.vars.attr['containerclass'],'full-row') %}
  228.                     {% if maxcol>1 %}
  229.                         {% set col_class=col_class~' col-sm-6' %}
  230.                     {% endif %}
  231.                     {% set col_class=col_class~' col-md-'~12/maxcol %}
  232.                 {% endif %}
  233.                 {% if widget.vars.attr['containerclass'] is defined %}
  234.                     {% set col_class=col_class~' '~widget.vars.attr['containerclass'] %}
  235.                 {% endif %}
  236.                 <div id="{{key}}" class="{{ col_class }}">
  237.                     <table class="table table-striped table-bordered table-hover">
  238.                         <tr>
  239.                             <th style="width: {{ widthLabel }}; vertical-align: middle">
  240.                                 {% set required = '' %}
  241.                                 {% if widget.vars.required %}
  242.                                 {%   set required = 'required' %}
  243.                                 {% endif %}
  244.                                 <label class="crud_label {{required}}" id="label_form_{{ routeClassName }}_{{ key }}" {% if widget.vars.attr.tip is defined %}data-rel="tooltip" data-trigger="hover" data-placement="top" data-content="More details." title="{{ widget.vars.attr.tip }}" style="cursor: help"{% endif %}>
  245.                                     {{widget.vars.label}}
  246.                                 </label>
  247.                                 {% if widget.vars.attr.relation is defined %}
  248.                                     <label onclick="javascript:creaNuevoRelacion('{{ routeClassName }}','form_{{ routeClassName }}_{{ key }}'); return false;" class="relacion" data-rel="tooltip" data-trigger="hover" data-placement="top" data-content="More details." title="Si no encuentra en la lista la información que necesita, pinche aquí para adicionarla" style="cursor: pointer" itemid="form_{{ routeClassName }}_{{ key }}">
  249.                                         <i class="icon fas fa-plus-square green" itemid="{{ widget.vars.id }}"></i>&nbsp;
  250.                                     </label>
  251.                                 {% endif %}
  252.                             </th>
  253.                             <td style="vertical-align: middle" class="crud_td">
  254.                                 {% if widget.vars.type is defined and widget.vars.type=='file' and entity.getFieldValue(widget.vars.name)%}
  255.                                     <div id="hidefile_{{ routeClassName }}_{{ widget.vars.id }}">
  256.                                         {% if widget.vars.attr.accept is defined and isSubString(widget.vars.attr.accept,'image') %}
  257.                                             <img src="{{ absolute_url(entity.getFieldValue(widget.vars.name).getUrl()) }}" width='80px'>
  258.                                         {% else %}
  259.                                             <a target="_blank" href="{{ absolute_url(entity.getFieldValue(widget.vars.name).getUrl()) }}">{{entity.getFieldValue(widget.vars.name).getFileName() }}</a>
  260.                                         {% endif %}
  261.                                         {% if widget.vars.attr.readonly is not defined %}                                        
  262.                                             <span class="action-buttons">
  263.                                                 <a class="hide_item_{{ routeClassName }}" id="hide_form_{{ routeClassName }}_{{ key }}" item_id="form_{{ key }}" href=""><i class="fas fa-trash red bigger-130" title="{% trans from 'crud' %}botones.eliminar_adjunto{% endtrans %}"></i></a>
  264.                                             </span>
  265.                                         {% endif %}
  266.                                         <input type="hidden" id="oldfile_form_{{ routeClassName }}_{{ key }}" value="clear" name="oldfile[{{ widget.vars.name }}]">
  267.                                     </div>
  268.                                     {% if widget.vars.attr.readonly is not defined %}                                        
  269.                                         <div id="file_{{ routeClassName }}_form_{{ key }}" class="hide {% if widget.vars.required is defined and widget.vars.required %}required{% endif %}">
  270.                                             {{ form_widget(widget) }}
  271.                                         </div>
  272.                                     {% endif %}
  273.                                 {% else %}
  274.                                     {% if widget.vars.attr.class is defined and isSubString(widget.vars.attr.class,'geometria_punto') %}
  275.                                         <a class="botonmapaPunto noti btn-minier" title="Definir Ubicación en Mapa" itemid="form_{{ routeClassName }}_{{ key }}" geom="punto" href="#">
  276.                                             <i class="ace-icon fa fa-globe bigger-220 blue"></i>
  277.                                         </a>
  278.                                         <span id="textoGeometriaPunto"></span>
  279.                                         {{ form_widget(widget) }}
  280.                                     {% else %}
  281.                                         {% if widget.vars.attr.class is defined and isSubString(widget.vars.attr.class,'geometria_poligono') %}
  282.                                             <a class="botonmapa noti btn-minier" title="Definir Ubicación en Mapa" itemid="form_{{ routeClassName }}_{{ key }}" geom="poligono" href="#">
  283.                                                 <i class="fas fa-globe bigger-220 blue"></i>
  284.                                             </a>
  285.                                             <span id="textoGeometriaPoligono"></span>
  286.                                             {{ form_widget(widget) }}
  287.                                         {% else %}
  288.                                             {% if widget.vars.attr.class is defined and isSubString(widget.vars.attr.class,'ace-switch') %}
  289.                                                 <div style="text-align: center">
  290.                                                     <label class="block" style='margin-bottom: 0! important'>
  291.                                                         {{ form_widget(widget) }}
  292.                                                         <span class="lbl" data-lbl="{{ 'choice_value.yes' | trans({}, 'crud') | upper}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ 'choice_value.no'  | trans({}, 'crud') | upper}}"></span>
  293.                                                     </label>
  294.                                                 </div>
  295.                                             {% else %}
  296.                                                 {% if widget.vars.attr.readonly is defined %}
  297.                                                     <span id="span_{{ routeClassName }}_{{ key }}">{{ entity.getFieldValue(widget.vars.name, true) }}</span>
  298.                                                 {% else %}
  299.                                                     {{ form_widget(widget) }}
  300.                                                 {% endif %}
  301.                                             {% endif %}
  302.                                         {% endif %}
  303.                                     {% endif %}
  304.                                 {% endif %}
  305.                             </td>
  306.                         </tr>
  307.                     </table>
  308.                 </div>
  309.                                 {% endblock draw_widget %}
  310.                 {% set col = col + 1 %}
  311.                 {% if col == maxcol %}
  312.                     {% block rowclose %}
  313.                         </div>
  314.                     {% endblock rowclose %}
  315.                     {% set rowopen=false %}
  316.                     {% set col=0 %}
  317.                 {% endif %}
  318.             {%endif%}
  319.         {% endfor %}
  320.         {% if rowopen %}
  321.             </div>
  322.         {% endif %}
  324.         {% block form_post_rows %}
  325.         {% endblock form_post_rows %}
  327.         <div class="row hide">
  328.             <table>{{ form_rest(form) }}</table>
  329.         </div>
  330.     {% endblock %}
  332.     {% block post_form %}
  333.         <input type="hidden" id="relaciontarget-{{ routeClassName }}">
  334.         <input type="hidden" id="relacionnombre-{{ routeClassName }}">
  335.         <div id="dialog-mapa-{{ routeClassName }}" title="Definir Ubicación en Mapa"></div>
  336.         <div id="dialog-relacion-{{ routeClassName }}" title="Definir elemento"></div>
  337.     {% endblock %}
  339.     {% block botones_form %}
  340.         <div class="row">
  341.             <div class="col-xs-12">
  342.                 <div class="hr hr-8 hr-dotted"></div>
  343.             </div>
  344.         </div>
  345.     {% endblock %}
  347.     {% block end_form %}
  348.         {{ form_end(form) }}
  349.     {% endblock %}
  351. {% endblock formulario_content %}