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();
}
onColorSchemeChange(newScheme, curScheme) {
onColorSchemeChange(newScheme) {
const api = Common.EditorApi.get();
if(newScheme !== curScheme) {
api.asc_ChangeColorSchemeByIdx(+newScheme);
}
}
render () {
return (
<DocumentSettings onPageOrientation={this.onPageOrientation}

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

@ -61,12 +61,7 @@ export class storeDocumentSettings {
// Color Schemes
@observable curScheme;
// @action changeColorScheme(value) {
// this.curScheme = +value;
// }
@observable allSchemes;
@action addSchemes(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 _t = t('Settings', {returnObjects: true});
const storeSettings = props.storeDocumentSettings;
// const curScheme = storeSettings.curScheme;
const allSchemes = storeSettings.allSchemes;
const changeScheme = (newScheme, curScheme) => {
// storeSettings.changeColorScheme(newScheme);
props.onColorSchemeChange(newScheme, curScheme);
}
return (
<Page>
<Navbar title={_t.textColorSchemes} backLink={_t.textBack} />
@ -149,8 +143,10 @@ const PageDocumentColorSchemes = props => {
return (
<ListItem radio={true} className="color-schemes-menu" key={index} title={scheme.get_name()} checked={stateScheme === index}
onChange={() => {
if(index !== curScheme) {
setScheme(index);
changeScheme(index, curScheme);
props.onColorSchemeChange(index);
};
}}>
<div slot="before-title">
<span className="color-schema-block">
@ -175,7 +171,7 @@ const PageDocumentColorSchemes = props => {
</Page>
)
}
};
const PageDocumentSettings = props => {
const { t } = useTranslation();
@ -241,4 +237,4 @@ export {
DocumentFormats,
DocumentMargins,
DocumentColorSchemes
}
};