0
0
Fork 0
mirror of https://github.com/matrix-construct/construct synced 2024-10-31 19:08:59 +01:00
construct/modules/static/js/room/attach.js
2017-12-24 19:26:05 -07:00

162 lines
3.6 KiB
JavaScript

/*
* IRCd Charybdis 5/Matrix
*
* Copyright (C) 2017 Charybdis Development Team
* Copyright (C) 2017 Jason Volk (jason@zemos.net)
*
* Permission to use, copy, modify, and/or distribute this software for any
* purpose with or without fee is hereby granted, provided that the above
* copyright notice and this permission notice is present in all copies.
*
* THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR
* IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT,
* INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
* SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
* HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
* STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING
* IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
* POSSIBILITY OF SUCH DAMAGE.
*
*/
'use strict';
/** Handles an input[type=file] onchange event to read files
* from the user and store it in the model.
*
* this = room
*/
room.prototype.attach = function(event)
{
return room.attach.call(this, event);
};
/**
* this = room
*/
room.attach = function(event)
{
let e = event.target;
let files = e.files;
Object.each(files, (i, file) =>
{
if((file.name in this.control.files))
return;
this.control.files[file.name] = file;
// this opts eventually becomes the context of client.io.request()
file.opts = {};
file.reader = new FileReader();
file.reader.onloadstart = room.attach.event.bind(this, file);
file.reader.onprogress = room.attach.event.bind(this, file);
file.reader.onloadend = room.attach.onloadend.bind(this, file);
file.reader.onabort = room.attach.onabort.bind(this, file);
file.reader.readAsArrayBuffer(file);
});
// Once the files are grabbed the <input type="file"> must be cleared for reuse.
$(e).val("");
};
/** Handles the user X'ing an attachment.
*
* this = room
*/
room.attach.cancel = function(event, file)
{
file = this.control.files[file.name];
if(!file)
return;
switch(file.reader.readyState)
{
case FileReader.EMPTY:
case FileReader.DONE:
delete this.control.files[file.name];
break;
case FileReader.LOADING:
file.reader.abort();
break;
}
};
/**
*
* this = room
*/
room.attach.upload = function(event, file)
{
if(file.reader.readyState != file.reader.DONE)
return;
let input = this;
let opts = file.opts;
Object.update(opts,
{
on:
{
progress: (event) => input.attach.event.call(input, file, event),
abort: (event) => input.attach.onabort.call(input, file, event),
},
headers:
{
"content-type": file.type,
},
digest: true,
});
opts.content = new Uint8Array(file.reader.result);
file.request = mc.m.media.upload.post(opts, (error, data) =>
{
if(error)
{
file.error = error;
return;
}
delete opts.headers;
opts.content =
{
url: data.content_uri,
body: file.name,
};
});
};
/** Passes event data for digest by angular
*
* this = room
*/
room.attach.event = function(file, event)
{
file.progress = event;
client.apply();
};
/** Passes event data for digest by angular
*
* this = room
*/
room.attach.onloadend = function(file, event)
{
file.progress = event;
room.attach.upload.call(this, event, file);
client.apply();
};
/**
* this = room
*/
room.attach.onabort = function(file, event)
{
delete this.control.files[file.name];
client.apply();
};