pg_rails 7.0.6 → 7.0.8.pre.alpha

data/pg_associable/app/assets/js/asociable_inline_controller.js

@@ -1,142 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-export default class extends Controller {
-  static outlets = ['modal']
-
-  result = null
-  elemId = null
-  input = null
-  lastValue = ''
-  connect (e) {
-    console.log('connect asociable_inline')
-    const that = this
-    // ID único para identificar el campo y el modal
-    this.input = this.element.querySelector('input[type=text]')
-    this.elemId = Math.trunc(Math.random() * 1000000000)
-    this.element.classList.add(`asociable-${this.elemId}`)
-    this.result = document.createElement('div')
-    this.result.setAttribute('id', `resultados-${this.elemId}`)
-    this.result.classList.add('resultados-wrapper')
-    this.input.parentNode.appendChild(this.result)
-    this.input.parentNode.appendChild(this.result)
-    this.element.querySelector('.pencil').onclick = (e) => {
-      that.input.focus()
-    }
-    if (this.input.value) {
-      this.element.classList.add('filled')
-    }
-
-    const debounce = function (callback, wait) {
-      let timerId
-      return (...args) => {
-        clearTimeout(timerId)
-        timerId = setTimeout(() => {
-          callback(...args)
-        }, wait)
-      }
-    }
-    const doSearchBounce = debounce((force) => {
-      that.doSearch(force)
-    }, 200)
-
-    this.input.addEventListener('blur', (e) => {
-      this.input.placeholder = ''
-    })
-    this.input.onfocus = (e) => {
-      this.input.select()
-      if (this.input.value.length === 0) {
-        this.escribiAlgo()
-      }
-    }
-    this.input.onkeyup = (e) => {
-      if (this.input.value.length === 0) {
-        this.escribiAlgo()
-      }
-      if (e.keyCode === 13) {
-        doSearchBounce(true)
-      } else {
-        doSearchBounce()
-      }
-    }
-    this.input.onkeydown = (e) => {
-      if (e.keyCode === 13) {
-        e.preventDefault()
-        return false
-      }
-    }
-  }
-
-  buscando () {
-    this.result.innerHTML = `
-<div class="resultados" tabindex="-1">
-  <div class="fst-italic text-secondary">Buscando...</div>
-</div>
-`
-  }
-
-  escribiAlgo () {
-    this.input.placeholder = 'Escribí algo para buscar'
-  }
-
-  doSearch (force = false) {
-    if (!force && this.input.value.length < 3) {
-      return
-    }
-    if (!force && this.input.value === this.lastValue) {
-      return
-    }
-    this.lastValue = this.input.value
-
-    const timerId = setTimeout(() => {
-      this.buscando()
-    }, 200)
-    document.addEventListener('turbo:before-stream-render', function (e) {
-      clearTimeout(timerId)
-    })
-    const url = `${this.input.dataset.url}?id=${this.elemId}`
-    const form = document.createElement('form')
-    form.setAttribute('method', 'post')
-    form.setAttribute('action', url)
-    form.setAttribute('data-turbo-stream', true)
-    const partial = document.createElement('input')
-    partial.setAttribute('type', 'hidden')
-    partial.setAttribute('name', 'partial')
-    partial.setAttribute('value', 'pg_associable/resultados_inline')
-    form.appendChild(partial)
-    const query = document.createElement('input')
-    query.setAttribute('type', 'hidden')
-    query.setAttribute('name', 'query')
-    query.setAttribute('value', this.input.value)
-    form.appendChild(query)
-    document.body.prepend(form)
-    form.requestSubmit()
-    form.remove()
-  }
-
-  completarCampo (id, text) {
-    const textField = this.element.querySelector('input[type=text]')
-    const hiddenField = this.element.querySelector('input[type=hidden]')
-    if (id === undefined) {
-      id = null
-    }
-    hiddenField.value = id
-    if (id) {
-      textField.value = text
-      this.element.classList.add('filled')
-    } else {
-      this.element.classList.remove('filled')
-      textField.value = null
-    }
-  }
-
-  selectItem (e) {
-    console.log('select')
-    // TODO: text en data
-    this.completarCampo(e.target.dataset.id, e.target.text)
-    this.result.innerHTML = ''
-  }
-
-  disconnect (e) {
-    console.log('disconnect asociable_inline')
-  }
-}

data/pg_associable/app/inputs/pg_associable/pg_associable_inline_input.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module PgAssociable
-  class PgAssociableInlineInput < SimpleForm::Inputs::StringInput
-    include ActionView::Helpers::FormTagHelper
-
-    def hidden_input(wrapper_options = {})
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-      # merged_input_options = merge_wrapper_options(merged_input_options, { class: 'oculto' })
-      @builder.hidden_field(attribute_name, merged_input_options)
-    end
-
-    def search_form(wrapper_options = nil)
-      unless string?
-        input_html_classes.unshift('string')
-        # input_html_options[:type] ||= input_type if html5?
-      end
-      input_html_options[:type] = 'text'
-      input_html_options[:data] = { url: options[:url_search] }
-      input_html_options[:class] = 'form-control'
-      input_html_options[:placeholder] = ''
-
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-
-      text_field_tag(nil, object.send(reflection.name).to_s, merged_input_options)
-    end
-
-    def limpiar(_wrapper_options = nil)
-      content_tag('a', href: 'javascript:void(0)', class: 'limpiar', title: 'Limpiar', tabindex: '0',
-                       data: { action: 'asociable_inline#selectItem' }) do
-        '<i class="bi bi-x-lg"></i>'.html_safe
-      end
-    end
-
-    def pencil(_wrapper_options = nil)
-      '<i tabindex="-1" class="bi bi-pencil pencil"></i>'.html_safe
-    end
-  end
-end

data/pg_associable/app/inputs/pg_associable/pg_associable_input.rb

@@ -1,41 +0,0 @@
-# frozen_string_literal: true
-
-module PgAssociable
-  class PgAssociableInput < SimpleForm::Inputs::StringInput
-    include ActionView::Helpers::FormTagHelper
-
-    def hidden_input(wrapper_options = {})
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-      # merged_input_options = merge_wrapper_options(merged_input_options, { class: 'oculto' })
-      @builder.hidden_field(attribute_name, merged_input_options)
-    end
-
-    def input(wrapper_options = nil)
-      unless string?
-        input_html_classes.unshift('string')
-        # input_html_options[:type] ||= input_type if html5?
-      end
-      input_html_options[:type] = 'text'
-
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-      merged_input_options = merge_wrapper_options(merged_input_options, { class: 'keep-disabled' })
-
-      text_field_tag(nil, object.send(reflection.name).to_s, merged_input_options)
-    end
-
-    def modal_link(_wrapper_options = nil)
-      "<a href=\"#{options[:url_modal]}\" class=\"modal-link d-inline-block\" data-turbo-stream style=\"position:absolute; left:0; right:0; top:0; bottom:0;\"></a>".html_safe
-    end
-
-    def limpiar(_wrapper_options = nil)
-      content_tag('a', href: 'javascript:void(0)', class: 'limpiar', title: 'Limpiar', tabindex: '0',
-                       data: { action: 'asociable#selectItem' }) do
-        '<i class="bi bi-x-lg"></i>'.html_safe
-      end
-    end
-
-    def pencil(_wrapper_options = nil)
-      '<i tabindex="-1" class="bi bi-pencil pencil"></i>'.html_safe
-    end
-  end
-end

data/pg_associable/lib/pg_associable/simple_form_initializer.rb

@@ -1,34 +0,0 @@
-SimpleForm.setup do |config|
-  config.wrappers :pg_associable, tag: 'div', class: 'pg_associable mb-3', html: { data: { controller: 'asociable', 'asociable-modal-outlet': '.modal' } },
-                                  error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
-    b.use :html5
-    b.optional :readonly
-    b.use :label, class: 'form-label'
-    b.use :hidden_input
-    b.wrapper tag: 'div', class: 'position-relative' do |ba|
-      ba.use :input, class: 'form-control', disabled: true, placeholder: 'Clic para seleccionar...',
-                     error_class: 'is-invalid'
-      ba.use :pencil
-      ba.use :modal_link
-      ba.use :limpiar
-    end
-    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
-    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
-  end
-
-  config.wrappers :pg_associable_inline, tag: 'div', class: 'pg_associable_inline mb-3', html: { data: { controller: 'asociable_inline' } },
-                                         error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
-    b.use :html5
-    b.optional :readonly
-    b.use :label, class: 'form-label'
-    b.use :hidden_input
-    b.wrapper tag: 'div', class: 'search-box position-relative' do |ba|
-      ba.use :search_form, error_class: 'is-invalid'
-      ba.use :limpiar
-      ba.use :pencil
-      # ba.use :input, class: 'form-control', placeholder: 'Buscar...'
-    end
-    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
-    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
-  end
-end

data/pg_associable/lib/tasks/pg_associable_tasks.rake

@@ -1,4 +0,0 @@
-# desc "Explaining what the task does"
-# task :pg_associable do
-#   # Task goes here
-# end