Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[DE mobile] Add check app options into Application Settings

Browse source
This commit is contained in:
JuliaSvinareva 2020-12-03 23:34:20 +03:00
parent 04d3792e5a
commit ce36e9f5a5
1 changed files with 58 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
View file

@ -1,4 +1,4 @@
import React from "react"; import React, {Fragment} from "react";
import { observer, inject } from "mobx-react"; import { observer, inject } from "mobx-react";
import { Page, Navbar, List, ListItem, BlockTitle, Toggle } from "framework7-react"; import { Page, Navbar, List, ListItem, BlockTitle, Toggle } from "framework7-react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@ -19,9 +19,16 @@ const PageApplicationSettings = props => {
props.setUnitMeasurement(value); props.setUnitMeasurement(value);
}; };
// set mode
const appOptions = props.storeAppOptions;
const _isEdit = appOptions.isEdit;
const _isShowMacros = (!appOptions.isDisconnected && appOptions.customization) ? appOptions.customization.macros !== false : true;
return ( return (
<Page> <Page>
<Navbar title={_t.textApplicationSettings} backLink={_t.textBack} /> <Navbar title={_t.textApplicationSettings} backLink={_t.textBack} />
{_isEdit &&
<Fragment>
<BlockTitle>{_t.textUnitOfMeasurement}</BlockTitle> <BlockTitle>{_t.textUnitOfMeasurement}</BlockTitle>
<List> <List>
<ListItem radio radioIcon="end" title={_t.textCentimeter} name="unit-of-measurement" checked={unitMeasurement === 0} <ListItem radio radioIcon="end" title={_t.textCentimeter} name="unit-of-measurement" checked={unitMeasurement === 0}
@ -43,7 +50,7 @@ const PageApplicationSettings = props => {
</ListItem> </ListItem>
</List> </List>
<List> <List>
<ListItem> <ListItem>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
<span>{_t.textNoCharacters}</span> <span>{_t.textNoCharacters}</span>
<Toggle checked={isNonprintingCharacters} <Toggle checked={isNonprintingCharacters}
onChange={() => { onChange={() => {
@ -52,7 +59,7 @@ const PageApplicationSettings = props => {
}} }}
/> />
</ListItem> </ListItem>
<ListItem> <ListItem>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
<span>{_t.textHiddenTableBorders}</span> <span>{_t.textHiddenTableBorders}</span>
<Toggle checked={isHiddenTableBorders} <Toggle checked={isHiddenTableBorders}
onChange={() => { onChange={() => {
@ -62,6 +69,8 @@ const PageApplicationSettings = props => {
/> />
</ListItem> </ListItem>
</List> </List>
</Fragment>
}
<BlockTitle>{_t.textCommentsDisplay}</BlockTitle> <BlockTitle>{_t.textCommentsDisplay}</BlockTitle>
<List> <List>
<ListItem> <ListItem>
@ -83,11 +92,13 @@ const PageApplicationSettings = props => {
/> />
</ListItem> </ListItem>
</List> </List>
{_isShowMacros &&
<List mediaList> <List mediaList>
<ListItem title={_t.textMacrosSettings} link="/macros-settings/" routeProps={{ <ListItem title={_t.textMacrosSettings} link="/macros-settings/" routeProps={{
setMacrosSettings: props.setMacrosSettings setMacrosSettings: props.setMacrosSettings
}}></ListItem> }}></ListItem>
</List> </List>
}
</Page> </Page>
); );
}; };
@ -118,7 +129,7 @@ const PageMacrosSettings = props => {
); );
}; };
const ApplicationSettings = inject("storeApplicationSettings")(observer(PageApplicationSettings)); const ApplicationSettings = inject("storeApplicationSettings", "storeAppOptions")(observer(PageApplicationSettings));
const MacrosSettings = inject("storeApplicationSettings")(observer(PageMacrosSettings)); const MacrosSettings = inject("storeApplicationSettings")(observer(PageMacrosSettings));
export {ApplicationSettings, MacrosSettings}; export {ApplicationSettings, MacrosSettings};