File: src/lib/UI/NativeDOM/Footer.js

Recommend this page to a friend!
  Classes of Dom Hastings  >  JS Webdav Client  >  src/lib/UI/NativeDOM/Footer.js  >  Download  
File: src/lib/UI/NativeDOM/Footer.js
Role: Class source
Content type: text/plain
Description: Class source
Class: JS Webdav Client
Access files of a Webdav server
Author: By
Last change:
Date: 1 month ago
Size: 1,132 bytes


Class file image Download
import Element from './Element.js';
import joinPath from '../../joinPath.js';

export default class Footer extends Element {
  constructor() {
    const template = `<footer class="upload">
  <span class="droppable">Drop files anywhere to upload</span> or
  <span class="files">Upload files <input type="file" multiple></span> or
  <a href="#" class="create-directory">create a new directory</a>



  bindEvents(element = this.element) {
    element.querySelector('input[type="file"]').addEventListener('change', async (event) => {
      for (const file of {
        this.trigger('upload', location.pathname, file);

      this.value = null;

    element.querySelector('.create-directory').addEventListener('click', async (event) => {

      // TODO: i18m
      const directoryName = prompt('', 'Directory name');

      if (! directoryName) {

      this.trigger('create-directory', `${joinPath(location.pathname, directoryName)}/`, directoryName, location.pathname);