You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
/* eslint-disable github/array-foreach */
|
|
import { $, addPage, AutoloadPage } from '@hydrooj/ui-default';
|
|
|
|
/* global DocsAPI */
|
|
|
|
let loaded = false;
|
|
async function load() {
|
|
if (loaded) return Promise.resolve();
|
|
return new Promise((resolve, reject) => {
|
|
const scriptElement = document.createElement('script');
|
|
scriptElement.src = UiContext.onlyofficeApi;
|
|
scriptElement.async = true;
|
|
document.head.appendChild(scriptElement);
|
|
scriptElement.onload = resolve;
|
|
scriptElement.onerror = reject;
|
|
loaded = true;
|
|
});
|
|
}
|
|
|
|
const loader = (mode) => async (element) => {
|
|
const id = `${mode}-${Math.random().toString()}`;
|
|
$(element).attr('id', id);
|
|
const url = $(element).text();
|
|
const t = new URL(url, window.location.href).pathname.split('.');
|
|
const n = new URL(url, window.location.href).pathname.split('/');
|
|
const lang = UserContext.viewLang.includes('_') ? UserContext.viewLang.split('_')[0] : UserContext.viewLang;
|
|
// @ts-ignore
|
|
window.editor = new DocsAPI.DocEditor(id, {
|
|
document: {
|
|
fileType: t[t.length - 1],
|
|
key: Math.random().toString(16),
|
|
title: decodeURIComponent(n[n.length - 1]),
|
|
url: new URL(url, window.location.href),
|
|
permissions: {
|
|
comment: false,
|
|
copy: true,
|
|
download: true,
|
|
edit: false,
|
|
fillForms: false,
|
|
modifyContentControl: false,
|
|
modifyFilter: false,
|
|
print: true,
|
|
protect: false,
|
|
review: false,
|
|
},
|
|
},
|
|
editorConfig: {
|
|
lang,
|
|
mode: 'view',
|
|
user: {
|
|
group: 'Hydro',
|
|
id: UserContext._id.toString(),
|
|
name: UserContext.uname,
|
|
},
|
|
customization: {
|
|
chat: false,
|
|
comments: false,
|
|
help: false,
|
|
hideRulers: true,
|
|
plugins: false,
|
|
},
|
|
},
|
|
documentType: mode,
|
|
height: mode === 'slide' ? '560px' : '900px',
|
|
});
|
|
};
|
|
|
|
const getEles = (types: string[]) => types.flatMap((type) => $(`div[data-${type}]`).get());
|
|
|
|
addPage(new AutoloadPage('onlyoffice', async () => {
|
|
const all = getEles(['doc', 'docx', 'cell', 'xls', 'xlsx', 'slide', 'ppt', 'pptx']);
|
|
if (all.length) await load();
|
|
getEles(['doc', 'docx']).forEach(loader('word'));
|
|
getEles(['cell', 'xls', 'xlsx']).forEach(loader('cell'));
|
|
getEles(['slide', 'ppt', 'pptx']).forEach(loader('slide'));
|
|
}));
|