61 lines
3.3 KiB
JavaScript
61 lines
3.3 KiB
JavaScript
import React from 'react';
|
|
import { observer, inject } from "mobx-react";
|
|
import { Page, Navbar, List, ListItem, BlockTitle, Icon } from "framework7-react";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
const Download = props => {
|
|
const { t } = useTranslation();
|
|
const _t = t("Settings", { returnObjects: true });
|
|
const storeDocumentInfo = props.storeDocumentInfo;
|
|
const dataDoc = storeDocumentInfo.dataDoc;
|
|
|
|
return (
|
|
<Page>
|
|
<Navbar title={_t.textDownload} backLink={_t.textBack} />
|
|
<BlockTitle>{_t.textDownloadAs}</BlockTitle>
|
|
<List>
|
|
<ListItem title="DOCX" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.DOCX)}>
|
|
<Icon slot="media" icon="icon-format-docx"></Icon>
|
|
</ListItem>
|
|
{dataDoc.fileType === 'docxf' || dataDoc.fileType === 'docx' ? [
|
|
<ListItem title="DOCXF" key="DOCXF" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.DOCXF)}>
|
|
<Icon slot="media" icon="icon-format-docxf"></Icon>
|
|
</ListItem>,
|
|
<ListItem title="OFORM" key="OFORM" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.OFORM)}>
|
|
<Icon slot="media" icon="icon-format-oform"></Icon>
|
|
</ListItem>
|
|
]
|
|
: null}
|
|
<ListItem title="PDF" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.PDF)}>
|
|
<Icon slot="media" icon="icon-format-pdf"></Icon>
|
|
</ListItem>
|
|
{dataDoc.fileType !== 'oform' ? [
|
|
<ListItem title="PDF/A" key="PDF/A" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.PDFA)}>
|
|
<Icon slot="media" icon="icon-format-pdfa"></Icon>
|
|
</ListItem>,
|
|
<ListItem title="TXT" key="TXT" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.TXT)}>
|
|
<Icon slot="media" icon="icon-format-txt"></Icon>
|
|
</ListItem>,
|
|
<ListItem title="RTF" key="RTF" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.RTF)}>
|
|
<Icon slot="media" icon="icon-format-rtf"></Icon>
|
|
</ListItem>,
|
|
<ListItem title="ODT" key="ODT" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.ODT)}>
|
|
<Icon slot="media" icon="icon-format-odt"></Icon>
|
|
</ListItem>,
|
|
<ListItem title="HTML" key="HTML" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.HTML)}>
|
|
<Icon slot="media" icon="icon-format-html"></Icon>
|
|
</ListItem>,
|
|
<ListItem title="DOTX" key="DOTX" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.DOTX)}>
|
|
<Icon slot="media" icon="icon-format-dotx"></Icon>
|
|
</ListItem>,
|
|
<ListItem title="OTT" key="OTT" onClick={() => props.onSaveFormat(Asc.c_oAscFileType.OTT)}>
|
|
<Icon slot="media" icon="icon-format-ott"></Icon>
|
|
</ListItem>
|
|
]
|
|
: null}
|
|
</List>
|
|
</Page>
|
|
)
|
|
}
|
|
|
|
export default inject('storeDocumentInfo')(observer(Download)); |