140 lines
3.4 KiB
TypeScript
140 lines
3.4 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import * as Misskey from 'misskey-js';
|
|
import { defineAsyncComponent } from 'vue';
|
|
import { i18n } from '@/i18n.js';
|
|
import copyToClipboard from '@/scripts/copy-to-clipboard.js';
|
|
import * as os from '@/os.js';
|
|
import { MenuItem } from '@/types/menu.js';
|
|
import { defaultStore } from '@/store.js';
|
|
|
|
function rename(file: Misskey.entities.DriveFile) {
|
|
os.inputText({
|
|
title: i18n.ts.renameFile,
|
|
placeholder: i18n.ts.inputNewFileName,
|
|
default: file.name,
|
|
}).then(({ canceled, result: name }) => {
|
|
if (canceled) return;
|
|
os.api('drive/files/update', {
|
|
fileId: file.id,
|
|
name: name,
|
|
});
|
|
});
|
|
}
|
|
|
|
function describe(file: Misskey.entities.DriveFile) {
|
|
os.popup(defineAsyncComponent(() => import('@/components/MkFileCaptionEditWindow.vue')), {
|
|
default: file.comment ?? '',
|
|
file: file,
|
|
}, {
|
|
done: caption => {
|
|
os.api('drive/files/update', {
|
|
fileId: file.id,
|
|
comment: caption.length === 0 ? null : caption,
|
|
});
|
|
},
|
|
}, 'closed');
|
|
}
|
|
|
|
function toggleSensitive(file: Misskey.entities.DriveFile) {
|
|
os.api('drive/files/update', {
|
|
fileId: file.id,
|
|
isSensitive: !file.isSensitive,
|
|
}).catch(err => {
|
|
os.alert({
|
|
type: 'error',
|
|
title: i18n.ts.error,
|
|
text: err.message,
|
|
});
|
|
});
|
|
}
|
|
|
|
function copyUrl(file: Misskey.entities.DriveFile) {
|
|
copyToClipboard(file.url);
|
|
os.success();
|
|
}
|
|
|
|
/*
|
|
function addApp() {
|
|
alert('not implemented yet');
|
|
}
|
|
*/
|
|
async function deleteFile(file: Misskey.entities.DriveFile) {
|
|
const { canceled } = await os.confirm({
|
|
type: 'warning',
|
|
text: i18n.t('driveFileDeleteConfirm', { name: file.name }),
|
|
});
|
|
|
|
if (canceled) return;
|
|
os.api('drive/files/delete', {
|
|
fileId: file.id,
|
|
});
|
|
}
|
|
|
|
export function getDriveFileMenu(file: Misskey.entities.DriveFile, folder?: Misskey.entities.DriveFolder | null): MenuItem[] {
|
|
const isImage = file.type.startsWith('image/');
|
|
let menu;
|
|
menu = [{
|
|
type: 'link',
|
|
to: `/my/drive/file/${file.id}`,
|
|
text: i18n.ts._fileViewer.title,
|
|
icon: 'ph-file-text ph-bold ph-lg',
|
|
}, null, {
|
|
text: i18n.ts.rename,
|
|
icon: 'ph-textbox ph-bold ph-lg',
|
|
action: () => rename(file),
|
|
}, {
|
|
text: file.isSensitive ? i18n.ts.unmarkAsSensitive : i18n.ts.markAsSensitive,
|
|
icon: file.isSensitive ? 'ph-eye ph-bold ph-lg' : 'ph-eye-closed ph-bold ph-lg',
|
|
action: () => toggleSensitive(file),
|
|
}, {
|
|
text: i18n.ts.describeFile,
|
|
icon: 'ph-text-indent ph-bold ph-lg',
|
|
action: () => describe(file),
|
|
}, ...isImage ? [{
|
|
text: i18n.ts.cropImage,
|
|
icon: 'ph-crop ph-bold ph-lg',
|
|
action: () => os.cropImage(file, {
|
|
aspectRatio: NaN,
|
|
uploadFolder: folder ? folder.id : folder,
|
|
}),
|
|
}] : [], null, {
|
|
text: i18n.ts.createNoteFromTheFile,
|
|
icon: 'ph-pencil ph-bold ph-lg',
|
|
action: () => os.post({
|
|
initialFiles: [file],
|
|
}),
|
|
}, {
|
|
text: i18n.ts.copyUrl,
|
|
icon: 'ph-link ph-bold ph-lg',
|
|
action: () => copyUrl(file),
|
|
}, {
|
|
type: 'a',
|
|
href: file.url,
|
|
target: '_blank',
|
|
text: i18n.ts.download,
|
|
icon: 'ph-download ph-bold ph-lg',
|
|
download: file.name,
|
|
}, null, {
|
|
text: i18n.ts.delete,
|
|
icon: 'ph-trash ph-bold ph-lg',
|
|
danger: true,
|
|
action: () => deleteFile(file),
|
|
}];
|
|
|
|
if (defaultStore.state.devMode) {
|
|
menu = menu.concat([null, {
|
|
icon: 'ph-identification-card ph-bold ph-lg',
|
|
text: i18n.ts.copyFileId,
|
|
action: () => {
|
|
copyToClipboard(file.id);
|
|
},
|
|
}]);
|
|
}
|
|
|
|
return menu;
|
|
}
|