CodeMirror/appwrite
1
0
Fork 0
mirror of synced 2024-06-26 18:20:43 +12:00
Code Issues Projects Releases Wiki Activity

more progress on upload ui

Browse source
This commit is contained in:
Damodar Lohani 2022-02-11 02:04:58 +00:00
parent 59aa3e3778
commit 65db932232
2 changed files with 22 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
app/views/console/comps/header.phtml
View file

@ -223,8 +223,7 @@
</form> </form>
</div> </div>
<div <div
id="upload-modal" style="position: absolute; right:0; top: 20; background: white;z-index: 9999;"> id="upload-modal" style="position: absolute; right:0; bottom: 20; background: white;z-index: 9999;">
<button x-data @click="$store.uploader.addFile('file-x')">add</button>
<template x-data x-if="$store.uploader.files.length > 0"> <template x-data x-if="$store.uploader.files.length > 0">
<template x-data x-for="file in $store.uploader.files"> <template x-data x-for="file in $store.uploader.files">
<p x-text="file"></p> <p x-text="file"></p>
@ -235,19 +234,32 @@
document.addEventListener('alpine:init', () => { document.addEventListener('alpine:init', () => {
Alpine.store('uploader', { Alpine.store('uploader', {
files: [], files: [],
addFile(file) { addFile(file){
this.files.push(file); this.files.push(file);
console.log(this.files); console.log(this.files);
}, },
async uploadFile(event) { async uploadFile(target) {
event.preventDefault();
/* console.dir(event.target); */ /* console.dir(event.target); */
const formData = new FormData(event.target); const formData = new FormData(target);
console.dir(formData.get('file')); console.dir(formData.get('file'));
const sdk = window.ls.container.get('sdk'); const sdk = window.ls.container.get('sdk');
console.log(formData.get('read')); console.log(JSON.parse(formData.get('read')));
const file = await sdk.storage.createFile(formData.get('bucketId'), formData.get('fileId'), formData.get('file'), formData.get('read') ?? [], formData.get('write') ?? []); let read = formData.get('read');
console(file); if(read) {
read = JSON.parse(read);
}
let write = formData.get('write');
if(write) {
write = JSON.parse(wirte);
}
const file = await sdk.storage.createFile(
formData.get('bucketId'),
formData.get('fileId'),
formData.get('file'),
read,
write);
this.files.push(file.name);
} }
}); });

2
app/views/console/storage/bucket.phtml
View file

@ -262,7 +262,7 @@ $fileLimitHuman = $this->getParam('fileLimitHuman', 0);
data-analytics-category="console" data-analytics-category="console"
data-analytics-label="Create Storage File" data-analytics-label="Create Storage File"
x-data x-data
@submit="$store.uploader.uploadFile" @submit.prevent="$store.uploader.uploadFile($event.target)"
> >
<input type="hidden" name="bucketId" id="files-bucketId" data-ls-bind="{{router.params.id}}"> <input type="hidden" name="bucketId" id="files-bucketId" data-ls-bind="{{router.params.id}}">