// Test drop zone.

var dropzone = window.Kloudless.dropzone({

    app_id: 'iCZ_ICMy43H0NSoz0QbLvmyjzCHf2frAOPaBfWVgh9_vrFIM',

    elementId: 'dropzone', // Element to bind the dropzone to.

    multiselect: true, // To upload more than 1 file.

​

    // The options below apply to the File Picker that appears when the

    // dropzone is clicked.

    computer: true,

    link: true,

    services: ['all'],

    types: ['all']

});

​

dropzone.on('success', function (files) {

    console.log('Successfully selected files: ', files);

    var fileContainer = document.getElementById('file-info');

​

    // remove all elements

    while (fileContainer.lastChild) {

        fileContainer.removeChild(fileContainer.lastChild);

    }

​

    var fileJSON = document.createElement('pre');

    fileJSON.appendChild(document.createTextNode(

    JSON.stringify(files, null, 2)));

​

    fileContainer.appendChild(fileJSON);

});

​

dropzone.on('cancel', function () {

    console.log('File selection cancelled.');

​

    var fileContainer = document.getElementById('file-info');

​

    // remove all elements

    while (fileContainer.lastChild) {

        fileContainer.removeChild(fileContainer.lastChild);

    }

​

    var result = document.createElement('p');

    result.appendChild(document.createTextNode('File selection cancelled!'));

    fileContainer.appendChild(result);

});

​

dropzone.on('error', function (error) {

    console.log('An error occurred: ', error);

​

    var fileContainer = document.getElementById('file-info');

​

    // remove all elements

    while (fileContainer.lastChild) {

        fileContainer.removeChild(fileContainer.lastChild);

    }

​

    var result = document.createElement('p');

    result.appendChild(document.createTextNode('An error occurred in file selection!'));

    fileContainer.appendChild(result);

});

​

dropzone.on('addAccount', function (account) {

    console.log('Succesfully added account: ', account);

​

    var fileContainer = document.getElementById('file-info');

​

    // remove all elements

    while (fileContainer.lastChild) {

        fileContainer.removeChild(fileContainer.lastChild);

    }

​

    var result = document.createElement('p');

    result.appendChild(document.createTextNode('Account added: ' + JSON.stringify(account)));

    fileContainer.appendChild(result);

});

​

dropzone.on('deleteAccount', function (account) {

    console.log('Succesfully deleted account: ', account);

​

    var fileContainer = document.getElementById('file-info');

​

    // remove all elements

    while (fileContainer.lastChild) {

        fileContainer.removeChild(fileContainer.lastChild);

    }

​

    var result = document.createElement('p');

    result.appendChild(document.createTextNode('Deleted account: ' + JSON.stringify(account)));

    fileContainer.appendChild(result);

});

​

dropzone.on('startFileUpload', function (file) {

    console.log('started file upload file: ', file);

});

​

dropzone.on('finishFileUpload', function (file) {

    console.log('finished file upload file: ', file);

});