Merge pull request #200 from sualko/feat-filelist-dialog

feat: use modal to send file
pull/204/head
Klaus 2022-03-16 15:21:55 +01:00 committed by GitHub
commit c1e42a836e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 56 additions and 11 deletions

View File

@ -2,6 +2,9 @@ import axios from '@nextcloud/axios';
import { generateOcsUrl, generateUrl } from '@nextcloud/router';
import { api } from './Common/Api';
type OC_Dialogs_Message = (content: string, title: string, dialogType: 'notice' | 'alert' | 'warn' | 'none', buttons?: number, callback?: () => void, modal?: boolean, allowHtml?: boolean) => Promise<void>;
type ExtendedDialogs = typeof OC.dialogs & { message: OC_Dialogs_Message };
const mimeTypes = [
'application/pdf',
'application/vnd.oasis.opendocument.presentation',
@ -18,7 +21,9 @@ const mimeTypes = [
'image/png',
'text/plain',
'text/rtf',
];
] as const;
type MimeTypes = typeof mimeTypes[number];
async function createDirectShare(fileId: number): Promise<string> {
const url = generateOcsUrl('apps/dav/api/v1/', undefined, {
@ -33,7 +38,7 @@ async function createDirectShare(fileId: number): Promise<string> {
return createResponse.data?.ocs?.data?.url;
}
async function share(fileId: number, filename: string, roomUid) {
async function share(fileId: number, filename: string, roomUid: string) {
const shareUrl = await createDirectShare(fileId);
const joinUrl = generateUrl('/apps/bbb/b/{uid}?u={url}&filename={filename}', {
uid: roomUid,
@ -44,15 +49,59 @@ async function share(fileId: number, filename: string, roomUid) {
window.open(joinUrl, '_blank', 'noopener,noreferrer');
}
function registerFileAction(fileActions, mime, id, uid, name) {
async function openDialog(fileId: number, filename: string) {
const initContent = '<div id="bbb-file-action"><span className="icon icon-loading-small icon-visible"></span></div>';
const title = t('bbb', 'Send file to BBB');
await (OC.dialogs as ExtendedDialogs).message(initContent, title, 'none', -1, undefined, true, true);
const rooms = await api.getRooms();
const container = $('#bbb-file-action').empty();
const table = $('<table>').appendTo(container);
table.attr('style', 'margin-top: 1em; width: 100%;');
for (const room of rooms) {
const row = $('<tr>');
const button = $('<button>');
button.text(t('bbb', 'Start'));
button.addClass('primary');
button.attr('type', 'button');
button.on('click', (ev) => {
ev.preventDefault();
share(fileId, filename, room.uid);
container.parents('.oc-dialog').find('.oc-dialog-close').trigger('click');
});
row.append($('<td>').append(button));
row.append($('<td>').attr('style', 'width: 100%;').text(room.name));
row.appendTo(table);
}
if (rooms.length > 0) {
const description = t('bbb', 'Please select the room in which you like to use the file "{filename}".', { filename });
container.append(description);
container.append(table);
} else {
container.append($('p').text(t('bbb', 'No rooms available!')));
}
}
function registerFileAction(fileActions: any, mime: MimeTypes) {
fileActions.registerAction({
name: 'bbb-' + id,
displayName: name,
name: 'bbb',
displayName: t('bbb', 'Send to BBB'),
mime,
permissions: OC.PERMISSION_SHARE,
icon: OC.imagePath('bbb', 'app-dark.svg'),
actionHandler: (fileName, context) => {
share(context.fileInfoModel.id, fileName, uid);
console.log('Action handler');
openDialog(context.fileInfoModel.id, fileName);
},
});
}
@ -67,11 +116,7 @@ const BBBFileListPlugin = {
return;
}
api.getRooms().then(rooms => {
rooms.forEach(room => {
mimeTypes.forEach(mime => registerFileAction(fileList.fileActions, mime, room.id, room.uid, room.name));
});
});
mimeTypes.forEach(mime => registerFileAction(fileList.fileActions, mime));
},
};