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

[DE mobile] Edits Color Schemes

Browse source
This commit is contained in:
SergeyEzhin 2020-12-07 17:23:44 +03:00
parent e9e6a16826
commit 8b8286e593
3 changed files with 22 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/documenteditor/mobile/src/controller/settings/DocumentSettings.jsx
View file

@ -72,6 +72,11 @@ class DocumentSettingsController extends Component {
// Color Schemes // Color Schemes
initPageColorSchemes() {
const api = Common.EditorApi.get();
return api.asc_GetCurrentColorSchemeIndex();
}
onColorSchemeChange(newScheme, curScheme) { onColorSchemeChange(newScheme, curScheme) {
const api = Common.EditorApi.get(); const api = Common.EditorApi.get();
if(newScheme !== curScheme) { if(newScheme !== curScheme) {
@ -87,6 +92,7 @@ class DocumentSettingsController extends Component {
getMargins={this.getMargins} getMargins={this.getMargins}
applyMargins={this.applyMargins} applyMargins={this.applyMargins}
onColorSchemeChange={this.onColorSchemeChange} onColorSchemeChange={this.onColorSchemeChange}
initPageColorSchemes={this.initPageColorSchemes}
/> />
) )
} }

9
apps/documenteditor/mobile/src/store/documentSettings.js
View file

@ -61,13 +61,12 @@ export class storeDocumentSettings {
// Color Schemes // Color Schemes
@observable curScheme = Common.EditorApi.get().asc_GetCurrentColorSchemeIndex();
@observable allSchemes;
@observable curScheme;
@action changeColorScheme(value) { // @action changeColorScheme(value) {
this.curScheme = +value; // this.curScheme = +value;
} // }
@action addSchemes(arr) { @action addSchemes(arr) {
this.allSchemes = arr; this.allSchemes = arr;

16
apps/documenteditor/mobile/src/view/settings/DocumentSettings.jsx
View file

@ -128,13 +128,15 @@ const PageDocumentMargins = props => {
const PageDocumentColorSchemes = props => { const PageDocumentColorSchemes = props => {
const { t } = useTranslation(); const { t } = useTranslation();
const curScheme = props.initPageColorSchemes();
const [stateScheme, setScheme] = useState(curScheme);
const _t = t('Settings', {returnObjects: true}); const _t = t('Settings', {returnObjects: true});
const storeSettings = props.storeDocumentSettings; const storeSettings = props.storeDocumentSettings;
const curScheme = storeSettings.curScheme; // const curScheme = storeSettings.curScheme;
const allSchemes = storeSettings.allSchemes; const allSchemes = storeSettings.allSchemes;
const changeScheme = (newScheme, curScheme) => { const changeScheme = (newScheme, curScheme) => {
storeSettings.changeColorScheme(newScheme); // storeSettings.changeColorScheme(newScheme);
props.onColorSchemeChange(newScheme, curScheme); props.onColorSchemeChange(newScheme, curScheme);
} }
@ -145,8 +147,11 @@ const PageDocumentColorSchemes = props => {
{ {
allSchemes ? allSchemes.map((scheme, index) => { allSchemes ? allSchemes.map((scheme, index) => {
return ( return (
<ListItem radio={true} className="color-schemes-menu" key={index} title={scheme.get_name()} value={index} checked={curScheme === index} <ListItem radio={true} className="color-schemes-menu" key={index} title={scheme.get_name()} checked={stateScheme === index}
onChange={(e) => changeScheme(e.target.value, curScheme)}> onChange={() => {
setScheme(index);
changeScheme(index, curScheme);
}}>
<div slot="before-title"> <div slot="before-title">
<span className="color-schema-block"> <span className="color-schema-block">
{ {
@ -218,7 +223,8 @@ const PageDocumentSettings = props => {
</List> </List>
<List> <List>
<ListItem title={_t.textColorSchemes} link="/color-schemes/" routeProps={{ <ListItem title={_t.textColorSchemes} link="/color-schemes/" routeProps={{
onColorSchemeChange: props.onColorSchemeChange onColorSchemeChange: props.onColorSchemeChange,
initPageColorSchemes: props.initPageColorSchemes
}}></ListItem> }}></ListItem>
</List> </List>
</Page> </Page>