material 0.9.20 → 0.9.22

package/src/list.new/display.js

@@ -1,78 +0,0 @@
-
-export default {
-  toggle () {
-    this.visible ? this.hide() : this.show()
-
-    this.emit('toggle')
-    return this
-  },
-
-  show () {
-    // console.log('show', this.visible)
-
-    this.element.getBoundingClientRect()
-
-    this.element.classList.add('show')
-    this.visible = true
-
-    if (this.underlay) {
-      this.underlay.classList.add('show')
-    }
-
-    this.virtual.setOffset('onShow')
-
-    this.emit('show')
-    return this
-  },
-
-  hide () {
-    // console.log('hide', this.element.style.display)
-
-    if (!this.element) return
-
-    this.element.classList.remove('show')
-    this.visible = false
-
-    if (this.underlay) {
-      this.underlay.classList.remove('show')
-    }
-
-    this.emit('hide')
-    return this
-  },
-
-  destroy () {
-    // console.log('destroy', this.options.transition)
-    if (this.options.transition && this.element) {
-      this.element.classList.remove('show')
-
-      if (this.underlay) {
-        this.underlay.classList.remove('show')
-      }
-
-      setTimeout(() => {
-        this.removeChild()
-      }, this.options.transition)
-    } else {
-      this.removeChild()
-    }
-
-    this.emit('destroy')
-
-    return this
-  },
-
-  removeChild () {
-    if (this.element && this.element.parentNode) {
-      this.element.parentNode.removeChild(this.element)
-      this.element = null
-    }
-
-    if (this.underlay && this.underlay.parentNode) {
-      this.underlay.parentNode.removeChild(this.underlay)
-    }
-
-    this.emit('remove')
-    return this
-  }
-}

package/src/list.new/empty.js

@@ -1,9 +0,0 @@
-export default {
-  empty () {
-    // console.log('empty')
-    this.ui.body.innerHTML = ''
-    this.data = []
-    this.dataList = []
-    this.dataStore = {}
-  }
-}

package/src/list.new/filter.js

@@ -1,114 +0,0 @@
-
-export default {
-  initFilter () {
-    this.filter = this.extractFilter(this.ui)
-
-    for (const name in this.filter) {
-      if (this.filter.hasOwnProperty(name)) {
-        this.filter[name].on('change', () => {
-          this.request()
-        })
-      }
-    }
-
-    this.ui['filter-clear'].on('click', () => {
-      this.clearFilter()
-    })
-
-    this.ui.filter.on('click', () => {
-      this.toggleFilter()
-    })
-  },
-
-  getFilter () {
-    console.log('getFilter')
-    let filter = null
-    for (const name in this.filter) {
-      if (this.filter.hasOwnProperty(name)) {
-        console.log('--', typeof this.filter[name].get(), this.filter[name].get())
-        if (this.filter[name].get() !== ''/* && this.filter[name].get() !== [] */) {
-          if (filter) {
-            filter = filter + '&' + name + '=' + this.filter[name].get()
-          } else {
-            filter = name + '=' + this.filter[name].get()
-          }
-        }
-      }
-    }
-
-    // console.log('filter', filter)
-
-    return filter
-  },
-
-  toggleFilter () {
-    // console.log('toggleFilter', this.ui['filter-input'])
-
-    if (this.ui['filter-input'].classList.contains('show')) {
-      this.hideFilter()
-    } else {
-      this.showFilter()
-    }
-  },
-
-  /**
-   * [showSearch description]
-   * @return {[type]} [description]
-   */
-  showFilter () {
-    if (this.hideSearch) {
-      this.hideSearch()
-    }
-
-    // console.log('showSearch')
-    this.ui.filter.element.classList.add('selected')
-    this.ui['filter-input'].classList.add('show')
-
-    // this.ui['search-list'].classList.add('show')
-    // this.ui.body.classList.add('hide')
-  },
-
-  /**
-   * [hideSearch description]
-   * @return {[type]} [description]
-   */
-  hideFilter () {
-    // console.log('hideSearch')
-    this.ui.filter.element.classList.remove('selected')
-    this.ui['filter-input'].classList.remove('show')
-    // this.ui['search-list'].classList.remove('show')
-    // this.ui.body.classList.remove('hide')
-    this.clearFilter()
-    this.request()
-  },
-
-  clearFilter () {
-    for (const name in this.filter) {
-      if (this.filter.hasOwnProperty(name)) {
-        this.filter[name].set('')
-      }
-    }
-
-    this.request()
-  },
-
-  extractFilter (object) {
-    // console.log('extractField', object)
-
-    const filter = {}
-
-    for (const property in object) {
-      if (object.hasOwnProperty(property)) {
-        const str = property.split(/\./)
-
-        if (str[0] === 'filter' && str[1] !== undefined) {
-          const name = property.substr(7, property.length)
-
-          filter[name] = object[property]
-        }
-      }
-    }
-
-    return filter
-  }
-}

package/src/list.new/image.js

@@ -1,19 +0,0 @@
-export default {
-  image (info, layout) {
-    if (info.image) {
-      let format = 'thumb'
-      if (this.options.image && this.options.image.format) {
-        format = this.options.image.format || format + '/'
-      } else {
-        format = ''
-      }
-
-      const r = Math.floor(Math.random() * 100000) + 1
-
-      if (info.image.filename) {
-        const image = info.image.url + format + info.image.filename
-        layout.get('image').style.backgroundImage = 'url("' + image + '?' + r + '")'
-      }
-    }
-  }
-}

package/src/list.new/init.js

@@ -1,6 +0,0 @@
-export default {
-  init () {
-    this.build()
-    events.attach(this.options.events, this)
-  }
-}

package/src/list.new/load.js

@@ -1,9 +0,0 @@
-
-export default {
-  load () {
-    console.error('load', this.page)
-    this.page = this.page || 2
-    this.page++
-    this.request(this.page)
-  }
-}

package/src/list.new/remove.js

@@ -1,22 +0,0 @@
-export default {
-  remove (id) {
-    // console.log('remove', id, this.dataList)
-    // console.log('datalist', this.dataList)
-
-    if (!id) return
-
-    if (!this.dataStore[id]) {
-      // console.log('not in the list')
-      return
-    }
-
-    this.dataList.splice(this.dataList.indexOf(id), 1)
-
-    // remove id from the list
-    this.data = this.data.filter((info) => { return info[this.dataId] !== id })
-
-    // console.log('data', this.data)
-
-    this.virtual.update(this.data)
-  }
-}

package/src/list.new/render.js

@@ -1,142 +0,0 @@
-import Element from '../element'
-import { create } from '../module/layout'
-
-import dot from '../module/dot'
-
-export default {
-
-  render (list, page, size) {
-    // console.log('render', list)
-    this.virtual.set(list, { page, size })
-
-    if (this.status && this.options.count !== true) {
-      this.status('count', list.length)
-    }
-  },
-
-  /**
-   * [add description]
-   * @param {[type]} info    [description]
-   * @param {[type]} context [description]
-   */
-  renderItem (info, context) {
-    // console.log('renderItem', info)
-    info = info || {}
-
-    const container = this.ui.body
-
-    if (context === 'create') {
-      container.scrolltop = 0
-    }
-
-    // if (context === 'search') {
-    //   container = this.ui['search-list']
-    // }
-
-    const element = new Element({
-      tag: 'li',
-      class: 'item'
-    })
-
-    if (this.id && this.id === info[this.dataId]) {
-      element.classList.add('selected')
-    }
-
-    element.dataset.id = info[this.dataId]
-    element.dataset.info = this.options.info
-
-    let layout = null
-
-    if (this.options.itemSwitch) {
-      const item = info[this.options.itemSwitch]
-
-      if (this.options.layout.item[item]) {
-        layout = create(this.options.layout.item[item], element)
-      } else {
-        layout = create(this.options.layout.item.base, element)
-      }
-    } else {
-      const itemName = this.options.itemName || 'item'
-      layout = create(this.options.layout[itemName], element)
-    }
-
-    // console.log('translate', layout)
-
-    if (this.translate && this.options.item && this.options.item.translate) {
-      // console.log('----')
-      this.translate(layout)
-    }
-
-    this.renderInfo(layout, info)
-
-    if (context === 'top' || context === 'create') {
-      container.insertBefore(element, container.firstChild)
-      this.selectCreated(info, element)
-    } else {
-      container.appendChild(element)
-    }
-
-    this.emit('infoRendered', info, element)
-
-    return element
-  },
-
-  /**
-   * [renderInfo description]
-   * @param  {[type]} layout [description]
-   * @param  {[type]} info   [description]
-   * @return {[type]}        [description]
-   */
-  renderInfo (layout, object) {
-    // console.log('renderInfo', object)
-    const info = dot(object)
-
-    const f = this.extractInfo(layout.component)
-
-    for (const field in f) {
-      if (f.hasOwnProperty(field)) {
-        if (f[field] && f[field].set) {
-          f[field].set(this.objectValueByDotKey(object, field))
-        } else {
-          // console.log('innerHTML', typeof f[field])
-          f[field].innerHTML = info[field]
-        }
-      }
-    }
-  },
-
-  objectValueByDotKey (object, dotkey) {
-    const keys = dotkey.split(/\./)
-
-    let value = Object.assign({}, object)
-
-    for (let i = 0; i < keys.length; i++) {
-      if (value !== undefined) {
-        value = value[keys[i]]
-      }
-    }
-
-    return value
-  },
-
-  extractInfo (object) {
-    // console.log('extractField', object)
-
-    const field = {}
-
-    for (const property in object) {
-      if (object.hasOwnProperty(property)) {
-        const infos = property.split(/\./)
-
-        if (infos[0] === 'info' && infos[1] !== undefined) {
-          const name = property.substr(5, property.length)
-          // console.log('field', name, property)
-
-          field[name] = object[property]
-        }
-      }
-    }
-
-    return field
-  }
-}

package/src/list.new/request.js

@@ -1,216 +0,0 @@
-export default {
-  requestById (id, cb) {
-    // log.error('requestById', id)
-    if (!id) return
-    return this.getPage(id, (data) => {
-      // log.error('getPage', data)
-      const page = data?.page || null
-      if (data?.count) this.virtual.setCount(data?.count)
-      this.request(page, null, null, cb)
-    })
-  },
-
-  request (page, size, more, cb) {
-    // console.log('request', page, size, more, cb)
-    if (more !== true) {
-      this.ui.body.innerHTML = ''
-      this.virtual.reset()
-      this.dataList = []
-      this.data = []
-      this.page = 1
-      this.stop = true
-    } else {
-      if (this.dataList.length < size) {
-        // console.log('no more request needed, data ', this.dataList.length)
-        return
-      }
-    }
-
-    this.data = this.data || []
-    let signal = null
-
-    if (this.abortController) {
-      // console.log('abort')
-      this.abortController.abort()
-      this.abortController = null
-    }
-
-    if (more !== true && window.AbortController) {
-      this.abortController = new AbortController()
-      signal = this.abortController.signal
-    }
-
-    page = page || 1
-    size = size || this.options.list.size
-    // console.log('size', this.options.name, size)
-
-    if (page === 1) {
-      this.ui.body.scrolltop = 0
-    }
-
-    const route = this.buildRoute(page, size)
-
-    if (more !== true && this.options.count) {
-      this.requestCount(route)
-    }
-
-    // console.log('route - ', this.rand, route)
-
-    fetch(route, { signal }).then((resp) => {
-      return resp.json()
-    }).then((data) => {
-      if (this.options.debug) {
-        console.log('data', route, data.length, data)
-      }
-
-      // console.log('route', route);
-
-      data = data || []
-
-      if (this.options.reverse) {
-        data.reverse()
-      }
-
-      if (data.error) {
-        console.log('error', data.error)
-        return
-      }
-
-      if (data.length < this.size && more) {
-        this.stop = true
-      } else {
-        this.stop = false
-      }
-
-      this.data = []
-      this.data = data
-      this.storeData(data, page, size)
-      this.render(data, page, size)
-
-      // if (more === true) {
-      //   const a = this.data.concat(data)
-      //   this.data = a
-      //   this.storeData(data, more)
-      //   this.virtual.add(this.data, { page, size })
-      // } else {
-      //   this.data = []
-      //   this.data = data
-      //   this.storeData(data)
-      //   this.render(data, page, size)
-      // }
-
-      if (cb) cb()
-
-      this.emit('fetched', data)
-
-      this.loaded = true
-
-      if (page === 1 && data.length < 1) {
-        this.emit('empty')
-      }
-    }).catch(function (e) {
-      // console.log('error', e.message)
-    })
-  },
-
-  getPage (id, cb) {
-    // log.info('getPage', id)
-    if (!id) {
-      return Promise.reject(new Error('id is required'))
-    }
-
-    const route = this.buildRoute(null, null, null, id)
-
-    // log.error('route', route)
-
-    return fetch(route)
-      .then((resp) => resp.json())
-      .then((data) => {
-        // log.debug('getPage data', data)
-        if (cb) cb(data)
-        return data
-      })
-      .catch((e) => {
-        // console.log('error', e.message)
-        return Promise.reject(e)
-      })
-  },
-
-  requestCount (route, signal) {
-    log.error('fetchCount', route + '&count=1')
-    fetch(route + '&count=1', { signal }).then((resp) => {
-      return resp.json()
-    }).then((data) => {
-      log.info('data', data.count)
-      this.count = data.count
-      this.statusDisplay('count', data.count)
-      log.info(this.virtual.setCount)
-      this.virtual.setCount(data.count)
-    }).catch(function (e) {
-      // console.log('error', e.message)
-    })
-  },
-
-  addParams (route, params) {
-    // log.info('addParams', route, params)
-
-    if (!route) {
-      console.log('error: no route specified!')
-
-      return
-    }
-
-    if (route.indexOf('?') > -1) {
-      // console.log('?', route, route.length, route[route.length - 1])
-      if (route[route.length - 1] === '&' || route[route.length - 1] === '?') {
-        route = route + params
-      } else {
-        route = route + '&' + params
-      }
-    } else {
-      // console.log('add ?')
-      route = route + '?' + params
-    }
-
-    return route
-  },
-
-  buildRoute (page, size, path, id) {
-    // log.info('buildroute', this.options.route, path)
-    path = path || 'list'
-
-    page = page || 1
-    size = size || this.options.list.size
-
-    let route = this.options.route
-
-    if (path) {
-      route = this.options.route[path]
-    }
-
-    if (this.routeAddOn) {
-      route = this.routeAddOn(route, path, id)
-    }
-
-    if (this.params && this.params()) {
-      // console.log('params', route, this.params())
-      route = this.addParams(route, this.params())
-    } else {
-
-    }
-
-    if (this.ui.filter && this.ui.filter.element.classList.contains('selected')) {
-      route = this.addParams(route, this.getFilter())
-    }
-
-    if (this.options.pagination) {
-      if (id) {
-        route = this.addParams(route, 'id=' + id + '&size=' + size)
-      } else {
-        route = this.addParams(route, 'page=' + page + '&size=' + size)
-      }
-    }
-
-    return route
-  }
-}