pg_rails 7.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 7c90f078b433e7dd978b63f547224e2a1d101d106ac6a8427b69878f3a2a206d
+  data.tar.gz: f215ee9ca33ed7598e2251877b2ee3b0c3694349aded4515b0a24e2a0362b100
+SHA512:
+  metadata.gz: 5e0cd23bbf7ce79fb2e5dcaa73b7c0d9c24ca87811b46daf20c73dc72315a4d707145f178a976bcb89ea23a55431ff31d951a140ab5838771a0b3d35f95169c1
+  data.tar.gz: 85f3141ae4506303936a93b078e8d0f6a9254c2b50784b9f158672db90e6f446e2087624229f1e4ef682beb4c4ccd41d94785454d991ec2b5c4572997395826d

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2020 Martín Rosso
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,73 @@
+[![CircleCI](https://circleci.com/gh/programandoarg/pg_rails.svg?style=shield)](https://circleci.com/gh/programandoarg/pg_rails)
+[![Maintainability](https://api.codeclimate.com/v1/badges/2a3081a26ca2ab9feac6/maintainability)](https://codeclimate.com/github/programandoarg/pg_rails/maintainability)
+[![Test Coverage](https://api.codeclimate.com/v1/badges/2a3081a26ca2ab9feac6/test_coverage)](https://codeclimate.com/github/programandoarg/pg_rails/test_coverage)
+# PgRails
+Plugin de Programando para Rails
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'pg_rails', git: 'https://github.com/programandoarg/pg_rails.git', ref: '<commit hash>'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+## Uso
+
+### Asociación creable
+
+```
+f.asociacion_creable(campo, index_url, new_url, opciones)
+```
+
+Opciones:
+- label: Texto para la label o false para que no haya label
+
+Ejemplo:
+```
+= pg_form_for(@cosa) do |f|
+  = f.asociacion_creable(:categoria_de_cosa, categoria_de_cosas_url, new_categoria_de_cosa_url, crear_asociado: true)
+```
+
+## Contributing
+
+### Setup
+
+1. Ingresar a la consola de postgres:
+```
+sudo -u postgres psql template1
+```
+2. Crear el rol
+```
+create role pgrails password 'pgrails' login superuser;
+```
+
+3. Ejecutar el script `bin/setup`. This script will:
+
+* Check you have the required Ruby version
+* Install dependencies using Bundler
+* Create a `.env.development` file
+* Create, migrate, and seed the database
+
+### Testear y ejecutar
+
+1. Instalar overcommit: `gem install overcommit`
+2. Correr los linters con `overcommit -r`
+3. Correr los tests con `bundle exec rspec`
+4. Instalar foreman: `gem install foreman`
+5. `cd spec/dummy`
+6. `foreman start`
+
+Acceder a la app en <http://localhost:3000/>.
+
+### Regenerar modelos dummy
+
+1. `bundle exec rails destroy Cosa`
+2. `bundle exec rails destroy CategoriaDeCosa`
+3. Borrar policies
+4. `rails g pg_scaffold CategoriaDeCosa nombre:string{required} "tipo:integer{enum,required}" fecha:date tiempo:datetime --discard`
+5. `rails g pg_scaffold Cosa nombre:string{required} "tipo:integer{enum,required}" categoria_de_cosa:references{required} --discard`
+6. Setup asociacion creable en cosas/_form

data/Rakefile

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'PgRails'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path('spec/dummy/Rakefile', __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+load 'lib/tasks/auto_anotar_modelos.rake'
+
+# Rake::TestTask.new(:test) do |t|
+#   t.libs << 'test'
+#   t.pattern = 'test/**/*_test.rb'
+#   t.verbose = false
+# end
+
+task default: :test

data/app/assets/javascripts/pg_rails/asociacion_creable.js

@@ -0,0 +1,85 @@
+window.AsociacionCreable = new function() {
+  asociacion_creable = this;
+  asociacion_creable.bindear = function(contexto) {
+    $(contexto).find('.crear_asociado').click(function() {
+      var boton_crear = this;
+      $.get($(this).data('url') + "?sin_layout=true").done(function(response) {
+        var modal = pg_rails.abrir_modal(response);
+        PgRails.bindear(modal);
+        modal.find('form').ajaxForm({
+          dataType: 'json',
+          success: function(responseJSON, statusText, xhr) {
+            var input_oculto = $(boton_crear).closest('.form-group').find('input.oculto');
+            var input_visible = $(boton_crear).closest('.form-group').find('input:not(.oculto)');
+            input_oculto.val(responseJSON['id']);
+            input_visible.val(responseJSON['to_s']);
+            $(modal).modal('hide');
+            // $(modal).modal('dispose');
+            $(modal).remove();
+            $(boton_crear).closest('.asociacion_creable').trigger('change', responseJSON);
+            PgRails.showToast('Elemento creado.')
+          },
+          error: function(response, status, statusText) {
+            for( var i in response.responseJSON) {
+              pg_rails.showToast(response.responseJSON[i]);
+            }
+            modal.find('form input[type=submit]').attr('disabled', null)
+          }
+        });
+      })
+    });
+
+    $(contexto).find('.borrar_seleccion').click(function() {
+      var input_oculto = $(this).closest('.form-group').find('input.oculto');
+      var input_visible = $(this).closest('.form-group').find('input:not(.oculto)');
+      $(this).closest('.form-group').removeClass('completado');
+      input_oculto.val(null);
+      input_visible.val(null);
+      $(this).closest('.asociacion_creable').trigger('change', null);
+    });
+    $(contexto).find('.seleccionar_asociado').click(function() {
+      var boton_seleccionar = this;
+      var url = new URL($(this).data('url'));
+      url.searchParams.set("sin_layout", "true");
+      $.get(url, null, null, 'html').done(function(response) {
+        var modal = pg_rails.abrir_modal(response, "Seleccionar", { dialog_class: 'modal-xl modal-lg modal-seleccionar-asociado' });
+        PgRails.bindear(modal);
+        var elemento_seleccionado = function() {
+          var id = $(this).closest('tr').data('id');
+          if(!id) {
+            console.error("La fila no tiene ID")
+            return
+          }
+          var url = new URL($(boton_seleccionar).data('url'));
+          url.pathname += "/" + id + '.json';
+          $.get(url).done(function(response) {
+            var input_oculto = $(boton_seleccionar).closest('.form-group').find('input.oculto');
+            var input_visible = $(boton_seleccionar).closest('.form-group').find('input:not(.oculto)');
+            input_oculto.val(id);
+            if( response.to_s ) {
+              input_visible.val(response.to_s);
+            } else {
+              console.error('El JSON no tiene to_s')
+              input_visible.val("#" + response.id);
+            }
+            $(boton_seleccionar).closest('.form-group').addClass('completado');
+            // select.html('<option value="'+id+'">'+response.to_s+'</option>');
+            $(modal).modal('hide');
+            // $(modal).modal('dispose');
+            $(modal).remove();
+            $(boton_seleccionar).closest('.asociacion_creable').trigger('change', response);
+          }).fail(function() {
+            pg_rails.error_toast("Hubo un error");
+          });
+        }
+
+        modal.find(SmartListing.config.class_name("main")).smart_listing()
+        modal.find(SmartListing.config.class_name("controls")).smart_listing_controls()
+        modal.find(SmartListing.config.class_name("main")).on('ajax:success smart_listing:update_list', function() {
+          $(this).find('td').click(elemento_seleccionado);
+        })
+        modal.find('td').click(elemento_seleccionado);
+      })
+    });
+  }
+}

data/app/assets/javascripts/pg_rails/best_in_place_datepicker.js

@@ -0,0 +1,58 @@
+// Datepicker para los editores de fecha de best_in_place
+// Es una copia modificada de best_in_place.jquery-ui
+
+BestInPlaceEditor.forms.date = {
+    activateForm: function () {
+        'use strict';
+        var that = this,
+            output = jQuery(document.createElement('form'))
+                .addClass('form_in_place')
+                .attr('action', 'javascript:void(0);')
+                .attr('style', 'display:inline'),
+            input_elt = jQuery(document.createElement('input'))
+                .attr('type', 'text')
+                .attr('name', this.attributeName)
+                .attr('value', this.sanitizeValue(this.display_value));
+                // .attr('value', this.sanitizeValue(moment(this.display_value).format('DD/MM/YYYY')));
+        if (this.inner_class !== null) {
+            input_elt.addClass(this.inner_class);
+        }
+        output.append(input_elt);
+
+        this.element.html(output);
+        this.setHtmlAttributes();
+        this.element.find('input')[0].select();
+        this.element.find("form").bind('submit', {editor: this}, BestInPlaceEditor.forms.input.submitHandler);
+        this.element.find("input").bind('keyup', {editor: this}, BestInPlaceEditor.forms.input.keyupHandler);
+
+        this.element.find('input')
+            .datepicker({
+                'format': 'dd/mm/yyyy',
+                'todayBtn': 'linked',
+                'autoclose': 'true',
+                'language': 'es',
+              }).on('changeDate', function () {
+              $(this).datepicker('destroy');
+              that.update();
+            }).datepicker('show');
+    },
+
+    getValue: function () {
+        'use strict';
+        return this.sanitizeValue(this.element.find("input").val());
+    },
+
+    submitHandler: function (event) {
+        'use strict';
+        event.data.editor.update();
+    },
+
+    keyupHandler: function (event) {
+        'use strict';
+        if (event.keyCode === 27) {
+            event.data.editor.abort();
+        }
+    }
+}
+
+

data/app/assets/javascripts/pg_rails/librerias.js

@@ -0,0 +1,13 @@
+//= require jquery3
+//= require jquery_ujs
+//= require bootstrap.bundle-4.4.1.min
+//= require smart_listing
+//= require best_in_place
+//= require bootstrap-datepicker/core
+//= require bootstrap-datepicker/locales/bootstrap-datepicker.es.js
+//= require selectize
+//= require jquery_nested_form
+//= require jquery.form.min.js
+//= require handlebars-4.7.6.min
+//= require chosen
+//= require pg_rails/best_in_place_datepicker

data/app/assets/javascripts/pg_rails/librerias_b3.js

@@ -0,0 +1,14 @@
+// Librerias javascript para proyectos con Bootstrap 3
+
+//= require jquery3
+//= require jquery_ujs
+//= require smart_listing
+//= require best_in_place
+//= require bootstrap-datepicker/core
+//= require bootstrap-datepicker/locales/bootstrap-datepicker.es.js
+//= require selectize
+//= require jquery_nested_form
+//= require jquery.form.min.js
+//= require handlebars-4.7.6.min
+//= require chosen
+//= require best_in_place_datepicker

data/app/assets/javascripts/pg_rails/validaciones.js

@@ -0,0 +1,44 @@
+//= require jquery-validation
+
+$.extend( $.validator.messages, {
+  required: "Este campo es obligatorio.",
+  remote: "Por favor, completá este campo.",
+  email: "Por favor, escribí una dirección de correo válida.",
+  url: "Por favor, escribí una URL válida.",
+  date: "Por favor, escribí una fecha válida.",
+  dateISO: "Por favor, escribí una fecha (ISO) válida.",
+  number: "Por favor, escribí un número entero válido.",
+  digits: "Por favor, escribí sólo dígitos.",
+  creditcard: "Por favor, escribí un número de tarjeta válido.",
+  equalTo: "Por favor, escribí el mismo valor de nuevo.",
+  extension: "Por favor, escribí un valor con una extensión aceptada.",
+  maxlength: $.validator.format( "Por favor, no escribas más de {0} caracteres." ),
+  minlength: $.validator.format( "Por favor, no escribas menos de {0} caracteres." ),
+  rangelength: $.validator.format( "Por favor, escribí un valor entre {0} y {1} caracteres." ),
+  range: $.validator.format( "Por favor, escribí un valor entre {0} y {1}." ),
+  max: $.validator.format( "Por favor, escribí un valor menor o igual a {0}." ),
+  min: $.validator.format( "Por favor, escribí un valor mayor o igual a {0}." ),
+  nifES: "Por favor, escribí un NIF válido.",
+  nieES: "Por favor, escribí un NIE válido.",
+  cifES: "Por favor, escribí un CIF válido."
+} );
+
+$.validator.setDefaults({
+  ignore: ":hidden:not(select.chosen-select):not(.hidden-validation-field),.ignore-validation",
+  errorPlacement: function(error, element) {
+    var group = element.closest('.form-group');
+    if( group ) {
+      if( group.hasClass('row') ) {
+        error.appendTo( element.parent() );
+      } else {
+        error.appendTo( element.closest('.form-group') );
+      }
+    } else {
+      error.appendTo( element.parent() );
+    }
+  }
+})
+$.validator.addMethod("nestedPresence", function(value, element) {
+  return $(element).closest('.nested-container').find('.fields:not(.removed)').length > 0
+}, "Este campo es obligatorio.");
+$.validator.addClassRules("nested_presence", { nestedPresence: true });

data/app/assets/javascripts/pg_rails.js

@@ -0,0 +1,318 @@
+//= require pg_rails/validaciones
+//= require pg_rails/asociacion_creable
+
+document.addEventListener("DOMContentLoaded", function(event) { 
+window.PgRails = new function() {
+  pg_rails = this
+  pg_rails.campo_dependiente_hacer = function(principal, dependiente, valor) {
+    if( principal.val() == valor ) {
+      dependiente.closest('.form-group').removeClass('ocultar')
+    } else {
+      dependiente.closest('.form-group').addClass('ocultar')
+    }
+  }
+  pg_rails.encolumnar = function(principal, dependiente) {
+    var fila = $('<div class="row">');
+    fila = fila.insertBefore(principal.closest('.form-group'));
+    var col1 = $('<div class="col-sm-6">');
+    var col2 = $('<div class="col-sm-6">');
+    col1.append(principal.closest('.form-group'));
+    col2.append(dependiente.closest('.form-group'));
+    fila.append(col1);
+    fila.append(col2);
+  }
+  pg_rails.campo_dependiente = function(campo, depende_de, valor) {
+    var principal = $('form.simple_form *[name*=' + depende_de + ']');
+    var dependiente = $('form.simple_form *[name*=' + campo + ']');
+    pg_rails.encolumnar(principal, dependiente)
+    principal.change(function() {
+      pg_rails.campo_dependiente_hacer(principal, dependiente, valor);
+    })
+    pg_rails.campo_dependiente_hacer(principal, dependiente, valor);
+  }
+  pg_rails.bindear = function(contexto) {
+    if(contexto == null) {
+      contexto = $('body');
+    } else {
+      contexto = $(contexto);
+    }
+    AsociacionCreable.bindear(contexto);
+    $(contexto).find('.listado a[data-method=delete]').click(function(e) {
+      var boton = this;
+      e.preventDefault();
+      e.stopPropagation();
+      var url = $(this).attr('href');
+      var confirmar = $(this).data('confirm');
+      if(!confirmar) {
+        confirmar = "¿Estás seguro?"
+      }
+      if( confirm(confirmar) ) {
+        $.ajax(url, {
+          dataType: 'json',
+          method: 'DELETE',
+        }).done(function(response) {
+          if($(boton).closest('.smart-listing').length > 0) {
+            $(boton).closest('.smart-listing').smart_listing().reload()
+          } else {
+            window.location.reload();
+          }
+          pg_rails.showToast("Elemento borrado");
+        }).fail(function(response) {
+          pg_rails.error_toast(response.responseJSON.error);
+        });
+      }
+    })
+    // $('.tooltip').remove();
+    // $("[rel=tooltip]").tooltip({ boundary: 'window' });
+    // $(contexto).find("[rel=tooltip]").tooltip();
+    $(contexto).find('form.pg-form').each(function(i,e) {
+      // $(e).validate();
+    });
+    if( typeof $.fn.best_in_place == 'function' ) {
+      $(contexto).find('table:has(.best_in_place)').css('table-layout', 'fixed');
+      $(contexto).find(".best_in_place").best_in_place();
+      $(contexto).find(".best_in_place").on('ajax:error', function(event, response) {
+        pg_rails.showToast("error", response.responseText)
+      });
+      $(contexto).find(".best_in_place").on('best_in_place:activate', function(event, response) {
+        var textarea = $(this).find('textarea');
+        if( textarea.length > 0 ) {
+          var valor = textarea.val();
+          valor = valor.replace(/<br>/g, "\n")
+          textarea.val(valor)
+        }
+      });
+    }
+    // $(".best_in_place").on('ajax:success', function(event, response) {
+    //   pg_rails.showToast("success", "👍")
+    // });
+    if( typeof $.fn.datepicker == 'function' ) {
+      $.fn.datepicker.defaults.format = 'dd/mm/yyyy';
+      $(contexto).find('.datefield').datepicker({
+        'format': 'dd/mm/yyyy',
+        'todayBtn': 'linked',
+        'autoclose': 'true',
+        'language': 'es',
+        'zIndexOffset': 2000,
+      });
+      $(contexto).find('.datefield').on('changeDate', function() {
+        $(this).keydown();
+      });
+    }
+
+    if( typeof($.fn.selectize) == 'function' ) {
+      $(contexto).find('select[multiple=multiple]').selectize();
+    }
+    if( typeof($.fn.chosen) == 'function' ) {
+      $(contexto).find(".chosen-select:visible").chosen('destroy');
+      $(contexto).find(".chosen-select:visible").chosen();
+      contexto.on('shown.bs.collapse', function() {
+        // Cuando hay un chosen en un collapse, lo inicializo al mostrarse
+        contexto.find('.chosen-select:visible').chosen();
+      })
+    }
+    $(contexto).find('form').dependent_fields();
+    contexto.find('.pg_ajax_link:not(.bindeado)').each(function(i, elem) {
+      $(this).addClass('bindeado');
+      $(this).click(function() {
+        $.get($(this).data('url'))
+      })
+    });
+  }
+
+  pg_rails.insert_options = function(element, options, default_option, template_id, atributo_nombre) {
+    if (options.length === 0) {
+      default_option = '-';
+    }
+
+    var template_html;
+    if( template_id != null ) {
+      template_html = $(template_id).html();
+    } else {
+      template_html = '<option value="">{{default_option}}</option>{{#each array}}<option value="{{id}}">{{' + atributo_nombre + '}}</option>{{/each}}'
+    }
+    var template = Handlebars.compile(template_html);
+    element.html(template({array: options, default_option: default_option}));
+    element.trigger("chosen:updated");
+  }
+
+  pg_rails.abrir_modal = function(contenido, titulo = '', opciones = {}) {
+    var header = '<div class="modal-header">' +
+    '  <h5 class="modal-title">' + titulo + '</h5>' +
+    '  <button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
+    '    <span aria-hidden="true">&times;</span>' +
+    '  </button>' +
+    '</div>';
+    if( opciones['dialog_class'] ) {
+      var dialog_class = 'modal-dialog ' + opciones['dialog_class'];
+    } else {
+      var dialog_class = 'modal-dialog';
+    }
+    var modal = $('<div class="modal"><div class="' + dialog_class + '"><div class="modal-content">' + header + '<div class="modal-body">');
+    modal.find('.modal-body').html(contenido);
+    $('body').append(modal);
+    modal.on('hidden.bs.modal', function() {
+      // $(this).modal('dispose');
+      $(this).remove();
+    })
+    modal.modal('show');
+    return modal;
+  }
+
+  pg_rails.error_toast = function(message) {
+    pg_rails.showToast("error", message);
+  }
+
+  pg_rails.showToast = function (type, message) {
+    var title = null;
+    if (type === "notice" || type === "success") {
+      type="success";
+      title = "Notificación";
+    } else if (type === "alert" || type === "error") {
+      type="error";
+      title = "Error";
+    } else if (type === "warning" ) {
+      type="warning";
+      title = "Advertencia";
+    } else if (type === "info" ) {
+      type="info";
+      title = "Notificación";
+    } else {
+      message = type;
+      title = "Notificación";
+      type = "success";
+    }
+
+    if (typeof $.fn.toast == "function") {
+      var template_html = "\
+        <div class='toast toast-{{type}}' role='alert' aria-live='assertive' aria-atomic='true'>\
+          <div class='toast-header'>\
+            <strong class='mr-auto'>{{title}}</strong>\
+            <button type='button' class='ml-2 mb-1 close' data-dismiss='toast' aria-label='Close'>\
+              <span aria-hidden='true'>&times;</span>\
+            </button>\
+          </div>\
+          <div class='toast-body'>\
+            {{message}}\
+          </div>\
+        </div>";
+
+      var template = Handlebars.compile(template_html);
+      var toast = $(template({message: message, title: title, type: type}));
+      $("#toast-container").append(toast);
+      $(toast).toast({
+        delay: 3000,
+        // autohide: false,
+      });
+      $(toast).toast('show');
+      $(toast).on('hidden.bs.toast', function () {
+        $(toast).remove();
+      })
+    } else {
+      if (window.toastr) {
+        var shortCutFunction = type;
+
+        title = "";
+
+        window.toastr.options = {
+          closeButton: true,
+          debug: false,
+          progressBar: true,
+          preventDuplicates: false,
+          positionClass: "toast-top-right",
+          onclick: null,
+          showDuration: "400",
+          hideDuration: "1000",
+          timeOut: "7000",
+          extendedTimeOut: "1000",
+          showEasing: "swing",
+          hideEasing: "linear",
+          showMethod: "fadeIn",
+          hideMethod: "fadeOut"
+        };
+
+        $("#toastrOptions").text("Command: toastr["
+                + shortCutFunction
+                + "](\""
+                + message
+                + (title ? "\", \"" + title : '')
+                + "\")\n\ntoastr.options = "
+                + JSON.stringify(toastr.options, null, 2)
+        );
+        var $toast = window.toastr[shortCutFunction](message, title);
+      } else {
+        alert(message);
+      }
+    }
+  }
+
+  window.jQuery.fn.ocultar_campo = function() {
+    this.hide();
+    this.find('.chosen-select').addClass('ignore-validation');
+    this.find("input:not(.keep-disabled), select:not(.keep-disabled)").attr("disabled",true);
+    this.find("input, select").trigger("change"); //Esto es por si hay dependencias internas que se acomoden
+  }
+
+  window.jQuery.fn.mostrar_campo = function() {
+    this.show();
+    this.find('.chosen-select').removeClass('ignore-validation');
+    this.find("input:not(.keep-disabled), select:not(.keep-disabled)").attr("disabled",false);
+    this.find("input, select").trigger("change"); //Esto es por si hay dependencias internas que se acomoden
+  }
+
+  window.jQuery.fn.dependent_fields = function() {
+    var that = this;
+
+    var update_dependent = function() {
+      var target = this;
+      var options = {};
+      options[$(target).data('key')] = $(this).val().toString();
+      $.getJSON($(target).data('url'), options)
+      .done(function(response) {
+        // var id = $(target).data('id')
+        // var siguiente_select = $("[data-id='"+id+"'] ~ select").first();
+        var siguiente_select = $(target).nextAll('select').first()
+        pg_rails.insert_options(siguiente_select, response, 'Seleccione una opción', null, 'to_s');
+        $(siguiente_select).trigger('change');
+      }).fail(function(response) { });
+    }
+
+    var bind_events = function(target) {
+      var main = $(target).find('select').last();
+      var selectores = $(target).find('select').not(main); // Todos menos el último
+      $(selectores).each(function(i, selector) {
+        $(selector).on('change', update_dependent);
+      })
+    }
+
+    // TODO: Polemic
+    $(that).on('nested:fieldAdded', function(event){
+      var field = event.field;
+      bind_events(field);
+    });
+
+    $(that).find('.form-group.dependent_fields').each(function(i, field) {
+      bind_events(field);
+    })
+  }
+}
+
+$(document).on('nested:fieldAdded', function(event){
+  PgRails.bindear(event.field);
+});
+
+
+// para que no se submiteen los forms al apretar enter en inputs que no son de submit
+$(document).ready(function() {
+  $(window).keydown(function(event){
+    if(event.keyCode == 13) {
+      if( event.target.tagName == 'INPUT' && $(event.target).attr('type') != 'submit' &&
+          !$(event.target).hasClass('allow-enter-submit')) {
+        event.preventDefault();
+        return false;
+      }
+    }
+  });
+});
+
+});

data/app/assets/stylesheets/pg_rails/librerias.scss

@@ -0,0 +1,5 @@
+@import "bootstrap-datepicker.css";
+@import "chosen";
+@import "fontawesome-free-5.10.1-web/css/all";
+@import 'selectize';
+@import 'selectize.bootstrap3';