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

105
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,49 +19,58 @@ 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} />
<BlockTitle>{_t.textUnitOfMeasurement}</BlockTitle> {_isEdit &&
<List> <Fragment>
<ListItem radio radioIcon="end" title={_t.textCentimeter} name="unit-of-measurement" checked={unitMeasurement === 0} <BlockTitle>{_t.textUnitOfMeasurement}</BlockTitle>
onChange={() => changeMeasureSettings(0)}></ListItem> <List>
<ListItem radio radioIcon="end" title={_t.textPoint} name="unit-of-measurement" checked={unitMeasurement === 1} <ListItem radio radioIcon="end" title={_t.textCentimeter} name="unit-of-measurement" checked={unitMeasurement === 0}
onChange={() => changeMeasureSettings(1)}></ListItem> onChange={() => changeMeasureSettings(0)}></ListItem>
<ListItem radio radioIcon="end" title={_t.textInch} name="unit-of-measurement" checked={unitMeasurement === 2} <ListItem radio radioIcon="end" title={_t.textPoint} name="unit-of-measurement" checked={unitMeasurement === 1}
onChange={() => changeMeasureSettings(2)}></ListItem> onChange={() => changeMeasureSettings(1)}></ListItem>
</List> <ListItem radio radioIcon="end" title={_t.textInch} name="unit-of-measurement" checked={unitMeasurement === 2}
<List> onChange={() => changeMeasureSettings(2)}></ListItem>
<ListItem> </List>
<span>{_t.textSpellcheck}</span> <List>
<Toggle checked={isSpellChecking} <ListItem>
onChange={() => { <span>{_t.textSpellcheck}</span>
store.changeSpellCheck(!isSpellChecking); <Toggle checked={isSpellChecking}
props.switchSpellCheck(!isSpellChecking); onChange={() => {
}} store.changeSpellCheck(!isSpellChecking);
/> props.switchSpellCheck(!isSpellChecking);
</ListItem> }}
</List> />
<List> </ListItem>
<ListItem> </List>
<span>{_t.textNoCharacters}</span> <List>
<Toggle checked={isNonprintingCharacters} <ListItem>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
onChange={() => { <span>{_t.textNoCharacters}</span>
store.changeNoCharacters(!isNonprintingCharacters); <Toggle checked={isNonprintingCharacters}
props.switchNoCharacters(!isNonprintingCharacters); onChange={() => {
}} store.changeNoCharacters(!isNonprintingCharacters);
/> props.switchNoCharacters(!isNonprintingCharacters);
</ListItem> }}
<ListItem> />
<span>{_t.textHiddenTableBorders}</span> </ListItem>
<Toggle checked={isHiddenTableBorders} <ListItem>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
onChange={() => { <span>{_t.textHiddenTableBorders}</span>
store.changeShowTableEmptyLine(!isHiddenTableBorders); <Toggle checked={isHiddenTableBorders}
props.switchShowTableEmptyLine(!isHiddenTableBorders); onChange={() => {
}} store.changeShowTableEmptyLine(!isHiddenTableBorders);
/> props.switchShowTableEmptyLine(!isHiddenTableBorders);
</ListItem> }}
</List> />
</ListItem>
</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>
<List mediaList> {_isShowMacros &&
<ListItem title={_t.textMacrosSettings} link="/macros-settings/" routeProps={{ <List mediaList>
setMacrosSettings: props.setMacrosSettings <ListItem title={_t.textMacrosSettings} link="/macros-settings/" routeProps={{
}}></ListItem> setMacrosSettings: props.setMacrosSettings
</List> }}></ListItem>
</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};