|
|
|
(() => {
|
|
|
|
const { AutoloadPage } = window.Hydro;
|
|
|
|
const { $ } = window.node_modules;
|
|
|
|
const { request } = window.Hydro.utils;
|
|
|
|
|
|
|
|
let loaded = false;
|
|
|
|
async function load() {
|
|
|
|
if (loaded) return Promise.resolve();
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
const scriptElement = document.createElement('script');
|
|
|
|
scriptElement.src = UiContext.onlyofficeApi;
|
|
|
|
scriptElement.async = true;
|
|
|
|
document.head.appendChild(scriptElement);
|
|
|
|
scriptElement.onload = resolve;
|
|
|
|
loaded = true;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
const page = new AutoloadPage('onlyoffice', async () => {
|
|
|
|
let res = $('div[data-doc]');
|
|
|
|
if (res.length) await load();
|
|
|
|
res.get().forEach(async (element) => {
|
|
|
|
const id = `doc-${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 res = await request.get(url);
|
|
|
|
const lang = UserContext.viewLang.includes('_') ? UserContext.viewLang.split('_')[0] : UserContext.viewLang;
|
|
|
|
// eslint-disable-next-line no-undef
|
|
|
|
window.editor = new DocsAPI.DocEditor(id, {
|
|
|
|
document: {
|
|
|
|
fileType: t[t.length - 1],
|
|
|
|
key: Math.random().toString(16),
|
|
|
|
title: n[n.length - 1],
|
|
|
|
url: new URL(res.url, window.location.href),
|
|
|
|
},
|
|
|
|
editorConfig: {
|
|
|
|
lang,
|
|
|
|
mode: 'view',
|
|
|
|
},
|
|
|
|
documentType: 'word',
|
|
|
|
height: '980px',
|
|
|
|
});
|
|
|
|
});
|
|
|
|
res = $('div[data-cell]');
|
|
|
|
if (res.length) await load();
|
|
|
|
res.get().forEach(async (element) => {
|
|
|
|
const id = `cell-${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 res = await request.get(url);
|
|
|
|
const lang = UserContext.viewLang.includes('_') ? UserContext.viewLang.split('_')[0] : UserContext.viewLang;
|
|
|
|
// eslint-disable-next-line no-undef
|
|
|
|
window.editor = new DocsAPI.DocEditor(id, {
|
|
|
|
document: {
|
|
|
|
fileType: t[t.length - 1],
|
|
|
|
key: Math.random().toString(16),
|
|
|
|
title: n[n.length - 1],
|
|
|
|
url: new URL(res.url, window.location.href),
|
|
|
|
},
|
|
|
|
editorConfig: {
|
|
|
|
lang,
|
|
|
|
mode: 'cell',
|
|
|
|
},
|
|
|
|
documentType: 'word',
|
|
|
|
height: '980px',
|
|
|
|
});
|
|
|
|
});
|
|
|
|
res = $('div[data-slide]');
|
|
|
|
if (res.length) await load();
|
|
|
|
res.get().forEach(async (element) => {
|
|
|
|
const id = `slide-${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 res = await request.get(url);
|
|
|
|
const lang = UserContext.viewLang.includes('_') ? UserContext.viewLang.split('_')[0] : UserContext.viewLang;
|
|
|
|
// eslint-disable-next-line no-undef
|
|
|
|
window.editor = new DocsAPI.DocEditor(id, {
|
|
|
|
document: {
|
|
|
|
fileType: t[t.length - 1],
|
|
|
|
key: Math.random().toString(16),
|
|
|
|
title: n[n.length - 1],
|
|
|
|
url: new URL(res.url, window.location.href),
|
|
|
|
},
|
|
|
|
editorConfig: {
|
|
|
|
lang,
|
|
|
|
mode: 'slide',
|
|
|
|
},
|
|
|
|
documentType: 'word',
|
|
|
|
height: '980px',
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
window.Hydro.extraPages.push(page);
|
|
|
|
})();
|