vue updates ^_^

Former-commit-id: 336b37cf681ec2337a1e4d577213aa45f12b81d6 [formerly d8cbb6ff242f9ab3e5c857da6f6758abb0f4fc1a] [formerly 8b9089c816fae3608bf5ef8592cb776fa420a6f6 [formerly e2077efbc6a49a82c9f0fc8741304fd2fc9c7e93]]
Former-commit-id: 30b063fdab7de6f2c1c5f46dd8a1dd354897f5b6 [formerly 8f83b525334b9430ddbe779c6eae3251a5590b75]
Former-commit-id: bbe19a047d103531a542bebb1fe0263bec4cbd88

_assets/_old/js/listing.js

@@ -21,80 +21,6 @@ var listing = {
       }
     }
   },
-  itemDragStart: function (event) {
-    let el = event.target
-
-    for (let i = 0; i < 5; i++) {
-      if (!el.classList.contains('item')) {
-        el = el.parentElement
-      }
-    }
-
-    event.dataTransfer.setData('id', el.id)
-    event.dataTransfer.setData('name', el.querySelector('.name').innerHTML)
-  },
-  itemDragOver: function (event) {
-    event.preventDefault()
-    let el = event.target
-
-    for (let i = 0; i < 5; i++) {
-      if (!el.classList.contains('item')) {
-        el = el.parentElement
-      }
-    }
-
-    el.style.opacity = 1
-  },
-  itemDrop: function (e) {
-    e.preventDefault()
-
-    let el = e.target,
-      id = e.dataTransfer.getData('id'),
-      name = e.dataTransfer.getData('name')
-
-    if (id == '' || name == '') return
-
-    for (let i = 0; i < 5; i++) {
-      if (!el.classList.contains('item')) {
-        el = el.parentElement
-      }
-    }
-
-    if (el.id === id) return
-
-    let oldLink = document.getElementById(id).dataset.url,
-      newLink = el.dataset.url + name
-
-    webdav.move(oldLink, newLink)
-      .then(() => listing.reload())
-      .catch(e => console.log(e))
-  },
-  documentDrop: function (event) {
-    event.preventDefault()
-    let dt = event.dataTransfer,
-      files = dt.files,
-      el = event.target,
-      items = document.getElementsByClassName('item')
-
-    for (let i = 0; i < 5; i++) {
-      if (el != null && !el.classList.contains('item')) {
-        el = el.parentElement
-      }
-    }
-
-    if (files.length > 0) {
-      if (el != null && el.classList.contains('item') && el.dataset.dir == 'true') {
-        listing.handleFiles(files, el.querySelector('.name').innerHTML + '/')
-        return
-      }
-
-      listing.handleFiles(files, '')
-    } else {
-      Array.from(items).forEach(file => {
-        file.style.opacity = 1
-      })
-    }
-  },
   rename: function (event) {
     if (!selectedItems.length || selectedItems.length > 1) {
       return false
@@ -150,67 +76,9 @@ var listing = {
     return false
   },
   handleFiles: function (files, base) {
-    buttons.setLoading('upload')
-
-    let promises = []
-
-    for (let file of files) {
-      promises.push(webdav.put(window.location.pathname + base + file.name, file))
-    }
-
-    Promise.all(promises)
-      .then(() => {
-        listing.reload()
-        buttons.setDone('upload')
-      })
-      .catch(e => {
-        console.log(e)
-        buttons.setDone('upload', false)
-      })
-
-    return false
   }
 }
 
-listing.unselectAll = function () {
-  let items = document.getElementsByClassName('item')
-  Array.from(items).forEach(link => {
-    link.setAttribute('aria-selected', false)
-  })
-
-  selectedItems = []
-
-  listing.handleSelectionChange()
-  return false
-}
-
-listing.handleSelectionChange = function (event) {
-  listing.redefineDownloadURLs()
-
-  let selectedNumber = selectedItems.length,
-    fileAction = document.getElementById('file-only')
-
-  if (selectedNumber) {
-    fileAction.classList.remove('disabled')
-
-    if (selectedNumber > 1) {
-      buttons.rename.classList.add('disabled')
-      buttons.info.classList.add('disabled')
-    }
-
-    if (selectedNumber == 1) {
-      buttons.info.classList.remove('disabled')
-      buttons.rename.classList.remove('disabled')
-    }
-
-    return false
-  }
-
-  buttons.info.classList.remove('disabled')
-  fileAction.classList.add('disabled')
-  return false
-}
-
 listing.redefineDownloadURLs = function () {
   let files = ''
 
@@ -228,28 +96,6 @@ listing.redefineDownloadURLs = function () {
   })
 }
 
-listing.openItem = function (event) {
-  window.location = event.currentTarget.dataset.url
-}
-
-listing.selectItem = function (event) {
-  let el = event.currentTarget
-
-  if (selectedItems.length != 0) event.preventDefault()
-  if (selectedItems.indexOf(el.id) == -1) {
-    if (!event.ctrlKey && !listing.selectMultiple) listing.unselectAll()
-
-    el.setAttribute('aria-selected', true)
-    selectedItems.push(el.id)
-  } else {
-    el.setAttribute('aria-selected', false)
-    selectedItems.removeElement(el.id)
-  }
-
-  listing.handleSelectionChange()
-  return false
-}
-
 listing.newFileButton = function (event) {
   event.preventDefault()
 
@@ -284,13 +130,6 @@ listing.newFilePrompt = function (event) {
   return false
 }
 
-listing.updateColumns = function (event) {
-  let columns = Math.floor(document.getElementById('listing').offsetWidth / 300),
-    items = getCSSRule(['#listing.mosaic .item', '.mosaic#listing .item'])
-
-  items.style.width = `calc(${100/columns}% - 1em)`
-}
-
 listing.addDoubleTapEvent = function () {
   let items = document.getElementsByClassName('item'),
     touches = {
@@ -343,10 +182,6 @@ window.addEventListener('keydown', (event) => {
   }
 })
 
-window.addEventListener('resize', () => {
-  listing.updateColumns()
-})
-
 listing.selectMoveFolder = function (event) {
   if (event.target.getAttribute('aria-selected') === 'true') {
     event.target.setAttribute('aria-selected', false)
@@ -542,25 +377,6 @@ document.addEventListener('DOMContentLoaded', event => {
       document.getElementById('upload-input').click()
     })
 
-    buttons.new.addEventListener('click', listing.newFileButton)
-
-    // Drag and Drop
-    document.addEventListener('dragover', function (event) {
-      event.preventDefault()
-    }, false)
-
-    document.addEventListener('dragenter', (event) => {
-      Array.from(items).forEach(file => {
-        file.style.opacity = 0.5
-      })
-    }, false)
-
-    document.addEventListener('dragend', (event) => {
-      Array.from(items).forEach(file => {
-        file.style.opacity = 1
-      })
-    }, false)
-
-    document.addEventListener('drop', listing.documentDrop, false)
+    buttons.new.addEventListener('click', listing.newFileButton)    
   }
 })