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

Refactoring Color Schemes

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

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

@ -77,14 +77,11 @@ class DocumentSettingsController extends Component {
return api.asc_GetCurrentColorSchemeIndex(); return api.asc_GetCurrentColorSchemeIndex();
} }
onColorSchemeChange(newScheme, curScheme) { onColorSchemeChange(newScheme) {
const api = Common.EditorApi.get(); const api = Common.EditorApi.get();
if(newScheme !== curScheme) {
api.asc_ChangeColorSchemeByIdx(+newScheme); api.asc_ChangeColorSchemeByIdx(+newScheme);
} }
}
render () { render () {
return ( return (
<DocumentSettings onPageOrientation={this.onPageOrientation} <DocumentSettings onPageOrientation={this.onPageOrientation}

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

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

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

@ -132,14 +132,8 @@ const PageDocumentColorSchemes = props => {
const [stateScheme, setScheme] = useState(curScheme); 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 allSchemes = storeSettings.allSchemes; const allSchemes = storeSettings.allSchemes;
const changeScheme = (newScheme, curScheme) => {
// storeSettings.changeColorScheme(newScheme);
props.onColorSchemeChange(newScheme, curScheme);
}
return ( return (
<Page> <Page>
<Navbar title={_t.textColorSchemes} backLink={_t.textBack} /> <Navbar title={_t.textColorSchemes} backLink={_t.textBack} />
@ -149,8 +143,10 @@ const PageDocumentColorSchemes = props => {
return ( return (
<ListItem radio={true} className="color-schemes-menu" key={index} title={scheme.get_name()} checked={stateScheme === index} <ListItem radio={true} className="color-schemes-menu" key={index} title={scheme.get_name()} checked={stateScheme === index}
onChange={() => { onChange={() => {
if(index !== curScheme) {
setScheme(index); setScheme(index);
changeScheme(index, curScheme); props.onColorSchemeChange(index);
};
}}> }}>
<div slot="before-title"> <div slot="before-title">
<span className="color-schema-block"> <span className="color-schema-block">
@ -175,7 +171,7 @@ const PageDocumentColorSchemes = props => {
</Page> </Page>
) )
} };
const PageDocumentSettings = props => { const PageDocumentSettings = props => {
const { t } = useTranslation(); const { t } = useTranslation();
@ -241,4 +237,4 @@ export {
DocumentFormats, DocumentFormats,
DocumentMargins, DocumentMargins,
DocumentColorSchemes DocumentColorSchemes
} };