administrate-field-lazy_belongs_to 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 37517c5b81cbf7a693235f819ba70bcd42fab256bdb197e7c1609662ee7584cd
-  data.tar.gz: d4d593e2ff2fe4b8202bd9606368ba180eb884ef17545354650630bc178b2c2c
+  metadata.gz: f95651ee7033646d6e9a40c0e8033bc574944b40b7fa53eb184bc4643f19acb8
+  data.tar.gz: 253836f8fb97ac521e0b5650379eb8ec3b9b64deb9482c5e6efe140295c1f683
 SHA512:
-  metadata.gz: aaddd4c7eb6e7cf32134c1663b8abe39c11d14a5506a4847d14c1061a526a762f6e109f5d47810a9034cdf4771f08358f0f9e10ede0021a05bb55acdfdc40aaf
-  data.tar.gz: 6cb45b4569704266d7cbe661d7c4aac68436ff1bcdd3569ad081711d1b5c2f7b3f623fd28182ee3c3616b72ddfdd273c639f3e7273745567271226351dbabf4b
+  metadata.gz: '08c4b2efdcfaab90cb9b421e825146e732b2fe6ca6574a3652e2000de70f736f60c56719802aa08de0520bb5483836f198edba001f76d95dcf6dfdb013b24cde'
+  data.tar.gz: af592318beb1fee05ada96708cd17c743fc1be5858e20303b8105f3c4fcd7483dcfd634dc2076620765f3d719640388d45b043a5297722f226edbf640bf817aa

data/app/assets/javascripts/administrate-field-lazy_belongs_to/components/lazy_belongs_to.js

@@ -13,6 +13,7 @@ function bindLazyBelongsTos() {
 
     let controller = undefined
     let lastResult = undefined
+    let lastDebounce = undefined
 
     function onQuery (event) {
       const value = event.currentTarget.value
@@ -22,47 +23,54 @@ function bindLazyBelongsTos() {
         controller.abort()
       }
 
+      if (lastDebounce) {
+        clearTimeout(lastDebounce)
+      }
+
       controller = new AbortController()
       const { signal } = controller
-      console.log({ hidden: target.value, selected: select.value, query: value })
-
-      fetch(options.url.replace('{q}', value).replace('%7Bq%7D', value), {
-        signal,
-        headers: { Accept: 'application/json' }
-      })
-        .then(r => r.json())
-        .then(r => r.map(e => ({ value: e[options.value], label: e[options.label] })))
-        .then(rs => {
-          const currentResult = JSON.stringify((rs))
-
-          if (lastResult && lastResult === currentResult) {
-            return
-          }
-
-          lastResult = currentResult
-
-          while (select.lastChild) {
-            select.removeChild(select.lastChild);
-          }
-
-          const currentValue = target.value
-
-          rs.forEach(r => {
-            const option = document.createElement('option')
-            option.setAttribute('value', r.value)
-            option.innerText = r.label
-            option.selected = currentValue === r.value
-            select.appendChild(option)
-          })
 
-          select.setAttribute('size', "" + Math.max(2, Math.min(Number(select.getAttribute('data-max-size')), rs.length)))
-        })
-        .catch(error => {
-          if (error.name === 'AbortError') {
-            return /* ignore, this is an aborted promise */
-          }
-          console.error(error)
+      lastDebounce = setTimeout(() => {
+        lastDebounce = undefined
+
+        fetch(options.url.replace('{q}', value).replace('%7Bq%7D', value), {
+          signal,
+          headers: { Accept: 'application/json' }
         })
+          .then(r => r.json())
+          .then(r => r.map(e => ({ value: e[options.value], label: e[options.label] })))
+          .then(rs => {
+            const currentResult = JSON.stringify((rs))
+
+            if (lastResult && lastResult === currentResult) {
+              return
+            }
+
+            lastResult = currentResult
+
+            while (select.lastChild) {
+              select.removeChild(select.lastChild);
+            }
+
+            const currentValue = target.value
+
+            rs.forEach(r => {
+              const option = document.createElement('option')
+              option.setAttribute('value', r.value)
+              option.innerText = r.label
+              option.selected = currentValue === r.value
+              select.appendChild(option)
+            })
+
+            select.setAttribute('size', "" + Math.max(2, Math.min(Number(select.getAttribute('data-max-size')), rs.length)))
+          })
+          .catch(error => {
+            if (error.name === 'AbortError') {
+              return /* ignore, this is an aborted promise */
+            }
+            console.error(error)
+          })
+      }, 250)
     }
 
     function showPopout() {

data/lib/administrate/field/lazy_belongs_to/version.rb

@@ -1,7 +1,7 @@
 module Administrate
   module Field
     module LazyBelongsToVersion
-      VERSION = '0.1.1'.freeze
+      VERSION = '0.1.2'.freeze
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: administrate-field-lazy_belongs_to
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Derk-Jan Karrenbeld