beyond-rails 0.0.249 → 0.0.254

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4de5e8066708052ae0127154f45e41b6c1f8f74eb59f0c039048ec2270ab941a
-  data.tar.gz: e9d03bcb15b1d4a2db1ea8dcc98a9be59c17baf3f2dff8f2319b99e7a773f99d
+  metadata.gz: 0d0d6f0e05e67226b87ac93c97923647d70c9cc574608c8729d2c70bd1d09290
+  data.tar.gz: 83974fc639827973d26bcfa8495c5109e8986e3d9b6c44ff720a7ffe37336da6
 SHA512:
-  metadata.gz: f7fcbc4fcdb20f8b688af68d5954682fdce85f11dba8e16bdbb32239bcdd616dc3f46c8eb0f5528af76ac54cce57371d6c8ddd440bc7100a24a5bcb6c697daaa
-  data.tar.gz: 95149742916a14ce5ab3a0d02f70ce0e3e0d8ec18b87cf284f39d469f01ec7a7779005d90d11262bcb5f32c600d33fde5a363d9c823d182f1cbfc653cd986ec8
+  metadata.gz: b816d40ecbbf71d27698d749bce5c10438f03c27a6fb18a1178ded50b863bff5148c0a60aa032965bfb2b84f8e90a362724ab0c1d8fe169a25fad2b1939c53f1
+  data.tar.gz: ac85421f8c566066a552bb2c16ca134ec271aee0fa8911557c13745c28173870527d035b12538c957b0cc789d13ba6e893ad44e462789e818d7f35d6b44ebf4c

data/src/js/components/MonthMenu.js

@@ -6,6 +6,7 @@ import {
   chunk,
   format,
   range,
+  isFuture,
   setYear,
   setMonth,
   getYear,
@@ -27,6 +28,7 @@ export default class MonthMenu {
     this.options = options
     this.tz = options.tz || DEFAULT_TIMEZONE
     this.locale = options.locale || DEFAULT_LOCALE
+    this.noFuture = options.noFuture || true
     this.change = options.change || noop
     this.isVisible = false
     this.loopIndex = 0
@@ -39,7 +41,7 @@ export default class MonthMenu {
   }
 
   renderTableContent() {
-    const { date, menuDate, locale } = this
+    const { date, menuDate, locale, noFuture } = this
 
     const currentYear = date ? getYear(date) : null
     const currentMonth = date ? getMonth(date) : null
@@ -52,7 +54,15 @@ export default class MonthMenu {
 
           const isCurrentMonth = (currentYear === getYear(d)) && (currentMonth === getMonth(d))
 
-          const classname = isCurrentMonth ? 'cell selected-ex' : 'cell'
+          let classname = 'cell'
+
+          if (isCurrentMonth) {
+            classname = 'cell selected-ex'
+          }
+          else if (noFuture && isFuture(d)) {
+            classname = 'cell js-disabled'
+          }
+
           return `<td class="${classname}" data-month-td="${month}">${text}</td>`
         }).join('')
         return `<tr>${tds}</tr>`
@@ -201,6 +211,10 @@ export default class MonthMenu {
         const year = getYear(this.menuDate)
         const month = parseInt(target.dataset.monthTd, 10)
 
+        if (target.classList.contains('js-disabled')) {
+          return
+        }
+
         if (! this.date) {
           this.date = new Date(this.menuDate.getTime())
         }

data/src/js/components/Monthpicker.js

@@ -15,6 +15,7 @@ export default class Monthpicker {
 
     this.options = options
     this.backdropMode = options.backdropMode || 'auto'
+    this.noFuture = options.noFuture || true
     this.change = options.change || noop
     this.init()
   }
@@ -32,7 +33,8 @@ export default class Monthpicker {
         this.monthInput.setDate(date)
         this.monthInput.clearStatus()
         this.monthMenu.hide()
-      }
+      },
+      noFuture: this.noFuture
     })
     this.addEvents()
   }

data/src/js/components/TagInput.js

@@ -14,6 +14,7 @@ export default class TagInput {
     this.change = options.change || noop
     this.isComposing = false
     this.raf = raf
+    this.id = 0
     this.tags = []
     this.init()
   }
@@ -74,8 +75,33 @@ export default class TagInput {
     }, 500)
   }
 
-  addTag(inputValue, res) {
-    const classname = res.classname ? ` ${res.classname}` : ''
+  setTagAttrs(id, rows = [], options = {}) {
+    const tag = this.tags.find(tag => tag.id === id)
+    if (! tag) {
+      return
+    }
+    const { elem } = tag
+    const { timeout } = options
+    const oldAttrs = rows.map(row => elem.getAttribute(row.name))
+
+    rows.forEach(row => {
+      elem.setAttribute(row.name, row.value)
+    })
+
+    if (timeout) {
+      setTimeout(() => {
+        if (document.body.contains(elem)) {
+          rows.forEach((row, i) => {
+            elem.setAttribute(row.name, oldAttrs[i])
+          })
+        }
+      }, timeout)
+    }
+  }
+
+  getTag(inputValue, options = {}) {
+
+    const classname = options.classname ? ` ${options.classname}` : ''
     const tag = document.createElement('div')
 
     tag.className = 'tag' + classname
@@ -94,9 +120,24 @@ export default class TagInput {
     }
     btn.addEventListener('click', handleBtnClick)
     tag.appendChild(btn)
+    this.id += 1
+
+    return { id: this.id, elem: tag, remove: handleBtnClick, options }
+  }
+
+  setTags(rows) {
+    const { dom, inputDiv } = this
+    const tags = rows.map(row => this.getTag(row.text, row))
+    tags.forEach(tag => {
+      dom.insertBefore(tag.elem, inputDiv)
+    })
+    this.tags = tags
+  }
 
-    this.tags.push({ elem: tag, remove: handleBtnClick, res })
-    this.dom.insertBefore(tag, this.inputDiv)
+  addTag(inputValue, options = {}) {
+    const tag = this.getTag(inputValue, options)
+    this.tags.push(tag)
+    this.dom.insertBefore(tag.elem, this.inputDiv)
   }
 
   async addTagIfNeeded() {

data/src/js/utils/index.js

@@ -29,6 +29,7 @@ import startOfDay from 'date-fns/startOfDay'
 import startOfMonth from 'date-fns/startOfMonth'
 import subMonths from 'date-fns/subMonths'
 import toDate from 'date-fns/toDate'
+import isFuture from 'date-fns/isFuture'
 import { format } from 'date-fns-tz'
 
 // lodash
@@ -75,6 +76,7 @@ export {
   startOfMonth,
   subMonths,
   toDate,
+  isFuture,
   format,
 
   // lodash

data/src/sass/components/_month-menu.scss

@@ -60,6 +60,10 @@
         color: #fff;
         border-color: #6c8eef;
       }
+      &.cell.js-disabled {
+        opacity: .4;
+        cursor: not-allowed;
+      }
       &.cell.selected-ex {
         background-color: #5469d4;
         color: #fff;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.249
+  version: 0.0.254
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-17 00:00:00.000000000 Z
+date: 2020-11-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc