rudeshark.net/src/client/app/desktop/api/update-avatar.ts

99 lines
2.2 KiB
TypeScript
Raw Normal View History

2018-04-29 14:37:51 +02:00
import OS from '../../mios';
2018-02-20 18:53:34 +01:00
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 => {
const w = new CropWindow({
propsData: {
2018-02-20 21:55:19 +01:00
image: file,
2018-02-20 18:53:34 +01:00
title: 'アバターとして表示する部分を選択',
aspectRatio: 1 / 1
}
}).$mount();
w.$once('cropped', blob => {
const data = new FormData();
2018-04-07 20:58:11 +02:00
data.append('i', os.i.token);
2018-02-20 18:53:34 +01:00
data.append('file', blob, file.name + '.cropped.png');
os.api('drive/folders/find', {
name: 'アイコン'
}).then(iconFolder => {
if (iconFolder.length === 0) {
os.api('drive/folders/create', {
name: 'アイコン'
}).then(iconFolder => {
upload(data, iconFolder);
});
} else {
upload(data, iconFolder[0]);
}
});
});
w.$once('skipped', () => {
set(file);
});
document.body.appendChild(w.$el);
};
const upload = (data, folder) => {
const dialog = new ProgressDialog({
propsData: {
title: '新しいアバターをアップロードしています'
}
}).$mount();
document.body.appendChild(dialog.$el);
2018-03-29 07:48:47 +02:00
if (folder) data.append('folderId', folder.id);
2018-02-20 18:53:34 +01:00
const xhr = new XMLHttpRequest();
xhr.open('POST', apiUrl + '/drive/files/create', true);
xhr.onload = e => {
const file = JSON.parse((e.target as any).response);
(dialog as any).close();
set(file);
};
xhr.upload.onprogress = e => {
2018-02-20 21:55:19 +01:00
if (e.lengthComputable) (dialog as any).update(e.loaded, e.total);
2018-02-20 18:53:34 +01:00
};
xhr.send(data);
};
const set = file => {
os.api('i/update', {
2018-03-29 07:48:47 +02:00
avatarId: file.id
2018-02-20 18:53:34 +01:00
}).then(i => {
2018-03-29 07:48:47 +02:00
os.i.avatarId = i.avatarId;
os.i.avatarUrl = i.avatarUrl;
2018-02-20 21:55:19 +01:00
2018-02-20 18:53:34 +01:00
os.apis.dialog({
title: '%fa:info-circle%アバターを更新しました',
text: '新しいアバターが反映されるまで時間がかかる場合があります。',
actions: [{
text: 'わかった'
}]
});
if (cb) cb(i);
});
};
if (file) {
fileSelected(file);
} else {
os.apis.chooseDriveFile({
multiple: false,
title: '%fa:image%アバターにする画像を選択'
}).then(file => {
fileSelected(file);
});
}
};