forked from FoundKeyGang/FoundKey
Merge pull request #2509 from Hiramiya/updateavatarfix
Update update-avatar.ts to match update-banner.ts behaviour
This commit is contained in:
commit
6a7169630c
1 changed files with 31 additions and 25 deletions
|
@ -3,9 +3,9 @@ import { apiUrl } from '../../config';
|
|||
import CropWindow from '../views/components/crop-window.vue';
|
||||
import ProgressDialog from '../views/components/progress-dialog.vue';
|
||||
|
||||
export default (os: OS) => (cb, file = null) => {
|
||||
const fileSelected = file => {
|
||||
export default (os: OS) => {
|
||||
|
||||
const cropImage = file => new Promise((resolve, reject) => {
|
||||
const w = os.new(CropWindow, {
|
||||
image: file,
|
||||
title: '%i18n:desktop.avatar-crop-title%',
|
||||
|
@ -19,27 +19,29 @@ export default (os: OS) => (cb, file = null) => {
|
|||
|
||||
os.api('drive/folders/find', {
|
||||
name: '%i18n:desktop.avatar%'
|
||||
}).then(iconFolder => {
|
||||
if (iconFolder.length === 0) {
|
||||
}).then(avatarFolder => {
|
||||
if (avatarFolder.length === 0) {
|
||||
os.api('drive/folders/create', {
|
||||
name: '%i18n:desktop.avatar%'
|
||||
}).then(iconFolder => {
|
||||
upload(data, iconFolder);
|
||||
resolve(upload(data, iconFolder));
|
||||
});
|
||||
} else {
|
||||
upload(data, iconFolder[0]);
|
||||
resolve(upload(data, avatarFolder[0]));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
w.$once('skipped', () => {
|
||||
set(file);
|
||||
resolve(file);
|
||||
});
|
||||
|
||||
document.body.appendChild(w.$el);
|
||||
};
|
||||
w.$once('cancelled', reject);
|
||||
|
||||
const upload = (data, folder) => {
|
||||
document.body.appendChild(w.$el);
|
||||
});
|
||||
|
||||
const upload = (data, folder) => new Promise((resolve, reject) => {
|
||||
const dialog = os.new(ProgressDialog, {
|
||||
title: '%i18n:desktop.uploading-avatar%'
|
||||
});
|
||||
|
@ -52,18 +54,19 @@ export default (os: OS) => (cb, file = null) => {
|
|||
xhr.onload = e => {
|
||||
const file = JSON.parse((e.target as any).response);
|
||||
(dialog as any).close();
|
||||
set(file);
|
||||
resolve(file);
|
||||
};
|
||||
xhr.onerror = reject;
|
||||
|
||||
xhr.upload.onprogress = e => {
|
||||
if (e.lengthComputable) (dialog as any).update(e.loaded, e.total);
|
||||
};
|
||||
|
||||
xhr.send(data);
|
||||
};
|
||||
});
|
||||
|
||||
const set = file => {
|
||||
os.api('i/update', {
|
||||
const setAvatar = file => {
|
||||
return os.api('i/update', {
|
||||
avatarId: file.id
|
||||
}).then(i => {
|
||||
os.store.commit('updateIKeyValue', {
|
||||
|
@ -83,18 +86,21 @@ export default (os: OS) => (cb, file = null) => {
|
|||
}]
|
||||
});
|
||||
|
||||
if (cb) cb(i);
|
||||
return i;
|
||||
});
|
||||
};
|
||||
|
||||
if (file) {
|
||||
fileSelected(file);
|
||||
} else {
|
||||
os.apis.chooseDriveFile({
|
||||
return (file = null) => {
|
||||
const selectedFile = file
|
||||
? Promise.resolve(file)
|
||||
: os.apis.chooseDriveFile({
|
||||
multiple: false,
|
||||
title: '%fa:image% %i18n:desktop.choose-avatar%'
|
||||
}).then(file => {
|
||||
fileSelected(file);
|
||||
});
|
||||
}
|
||||
|
||||
return selectedFile
|
||||
.then(cropImage)
|
||||
.then(setAvatar)
|
||||
.catch(err => err && console.warn(err));
|
||||
};
|
||||
};
|
||||
|
|
Loading…
Reference in a new issue