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

[DE mobile] Change drawing list preview

Browse source
This commit is contained in:
Julia Radzhabova 2022-09-14 00:02:42 +03:00
parent 9befef6bae
commit 5c40d8f3d1
2 changed files with 32 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
apps/documenteditor/mobile/src/controller/edit/EditText.jsx
View file

@ -197,7 +197,12 @@ class EditTextController extends Component {
const api = Common.EditorApi.get(); const api = Common.EditorApi.get();
const arr = []; const arr = [];
arrayElements.forEach( item => arr.push(item.id)); arrayElements.forEach( item => {
let data = item.drawdata;
data['divId'] = item.id;
arr.push(data);
});
if (api) api.SetDrawImagePreviewBulletForMenu(arr, type); if (api) api.SetDrawImagePreviewBulletForMenu(arr, type);
} }

52
apps/documenteditor/mobile/src/view/edit/EditText.jsx
View file

@ -189,18 +189,18 @@ const PageBullets = observer( props => {
const storeTextSettings = props.storeTextSettings; const storeTextSettings = props.storeTextSettings;
const typeBullets = storeTextSettings.typeBullets; const typeBullets = storeTextSettings.typeBullets;
const bulletArrays = [ const bulletArrays = [
{ type: 0, subtype: -1 }, {id: 'id-markers-0', type: 0, subtype: -1, drawdata: {type: Asc.asc_PreviewBulletType.text, text: 'None'} },
{ type: 0, subtype: 1 }, {id: 'id-markers-1', type: 0, subtype: 1, drawdata: {type: Asc.asc_PreviewBulletType.char, char: String.fromCharCode(0x00B7), specialFont: 'Symbol'} },
{ type: 0, subtype: 2 }, {id: 'id-markers-2', type: 0, subtype: 2, drawdata: {type: Asc.asc_PreviewBulletType.char, char: 'o', specialFont: 'Courier New'} },
{ type: 0, subtype: 3 }, {id: 'id-markers-3', type: 0, subtype: 3, drawdata: {type: Asc.asc_PreviewBulletType.char, char: String.fromCharCode(0x00A7), specialFont: 'Wingdings'} },
{ type: 0, subtype: 4 }, {id: 'id-markers-4', type: 0, subtype: 4, drawdata: {type: Asc.asc_PreviewBulletType.char, char: String.fromCharCode(0x0076), specialFont: 'Wingdings'} },
{ type: 0, subtype: 5 }, {id: 'id-markers-5', type: 0, subtype: 5, drawdata: {type: Asc.asc_PreviewBulletType.char, char: String.fromCharCode(0x00D8), specialFont: 'Wingdings'} },
{ type: 0, subtype: 6 }, {id: 'id-markers-6', type: 0, subtype: 6, drawdata: {type: Asc.asc_PreviewBulletType.char, char: String.fromCharCode(0x00FC), specialFont: 'Wingdings'} },
{ type: 0, subtype: 7 } {id: 'id-markers-7', type: 0, subtype: 7, drawdata: {type: Asc.asc_PreviewBulletType.char, char: String.fromCharCode(0x00A8), specialFont: 'Symbol'} }
]; ];
useEffect(() => { useEffect(() => {
props.getIconsBulletsAndNumbers($$('.item-marker'), 0); props.getIconsBulletsAndNumbers(bulletArrays, 0);
}, []); }, []);
return( return(
@ -213,7 +213,7 @@ const PageBullets = observer( props => {
storeTextSettings.resetBullets(bullet.subtype); storeTextSettings.resetBullets(bullet.subtype);
props.onBullet(bullet.subtype); props.onBullet(bullet.subtype);
}}> }}>
<div id={`id-markers-${bullet.subtype}`} className='item-marker'></div> <div id={bullet.id} className='item-marker'></div>
</ListItem> </ListItem>
))} ))}
</List> </List>
@ -225,18 +225,18 @@ const PageNumbers = observer( props => {
const storeTextSettings = props.storeTextSettings; const storeTextSettings = props.storeTextSettings;
const typeNumbers = storeTextSettings.typeNumbers; const typeNumbers = storeTextSettings.typeNumbers;
const numberArrays = [ const numberArrays = [
{ type: 1, subtype: -1}, {id: 'id-numbers-0', type: 1, subtype: -1, drawdata: {type: Asc.asc_PreviewBulletType.text, text: 'None'}},
{ type: 1, subtype: 4 }, {id: 'id-numbers-4', type: 1, subtype: 4, drawdata: {type: Asc.asc_PreviewBulletType.number, numberingType: Asc.asc_oAscNumberingLevel.UpperLetterDot_Left}},
{ type: 1, subtype: 5 }, {id: 'id-numbers-5', type: 1, subtype: 5, drawdata: {type: Asc.asc_PreviewBulletType.number, numberingType: Asc.asc_oAscNumberingLevel.LowerLetterBracket_Left}},
{ type: 1, subtype: 6 }, {id: 'id-numbers-6', type: 1, subtype: 6, drawdata: {type: Asc.asc_PreviewBulletType.number, numberingType: Asc.asc_oAscNumberingLevel.LowerLetterDot_Left}},
{ type: 1, subtype: 1 }, {id: 'id-numbers-1', type: 1, subtype: 1, drawdata: {type: Asc.asc_PreviewBulletType.number, numberingType: Asc.asc_oAscNumberingLevel.DecimalDot_Right}},
{ type: 1, subtype: 2 }, {id: 'id-numbers-2', type: 1, subtype: 2, drawdata: {type: Asc.asc_PreviewBulletType.number, numberingType: Asc.asc_oAscNumberingLevel.DecimalBracket_Right}},
{ type: 1, subtype: 3 }, {id: 'id-numbers-3', type: 1, subtype: 3, drawdata: {type: Asc.asc_PreviewBulletType.number, numberingType: Asc.asc_oAscNumberingLevel.UpperRomanDot_Right}},
{ type: 1, subtype: 7 } {id: 'id-numbers-7', type: 1, subtype: 7, drawdata: {type: Asc.asc_PreviewBulletType.number, numberingType: Asc.asc_oAscNumberingLevel.LowerRomanDot_Right}}
]; ];
useEffect(() => { useEffect(() => {
props.getIconsBulletsAndNumbers($$('.item-number'), 1); props.getIconsBulletsAndNumbers(numberArrays, 1);
}, []); }, []);
return ( return (
@ -249,7 +249,7 @@ const PageNumbers = observer( props => {
storeTextSettings.resetNumbers(number.subtype); storeTextSettings.resetNumbers(number.subtype);
props.onNumber(number.subtype); props.onNumber(number.subtype);
}}> }}>
<div id={`id-numbers-${number.subtype}`} className='item-number'></div> <div id={number.id} className='item-number'></div>
</ListItem> </ListItem>
))} ))}
</List> </List>
@ -261,14 +261,14 @@ const PageMultiLevel = observer( props => {
const storeTextSettings = props.storeTextSettings; const storeTextSettings = props.storeTextSettings;
const typeMultiLevel = storeTextSettings.typeMultiLevel; const typeMultiLevel = storeTextSettings.typeMultiLevel;
const arrayMultiLevel = [ const arrayMultiLevel = [
{ type: 2, subtype: -1 }, { id: 'id-multilevels-0', type: 2, subtype: -1, drawdata: {type: Asc.asc_PreviewBulletType.text, text: 'None'} },
{ type: 2, subtype: 1 }, { id: 'id-multilevels-1', type: 2, subtype: 1, drawdata: {type: Asc.asc_PreviewBulletType.multiLevel, numberingType: Asc.c_oAscMultiLevelNumbering.MultiLevel1} },
{ type: 2, subtype: 2 }, { id: 'id-multilevels-2', type: 2, subtype: 2, drawdata: {type: Asc.asc_PreviewBulletType.multiLevel, numberingType: Asc.c_oAscMultiLevelNumbering.MultiLevel2} },
{ type: 2, subtype: 3 }, { id: 'id-multilevels-3', type: 2, subtype: 3, drawdata: {type: Asc.asc_PreviewBulletType.multiLevel, numberingType: Asc.c_oAscMultiLevelNumbering.MultiLevel3} },
]; ];
useEffect(() => { useEffect(() => {
props.getIconsBulletsAndNumbers($$('.item-multilevellist'), 2); props.getIconsBulletsAndNumbers(arrayMultiLevel, 2);
}, []); }, []);
return( return(
@ -280,7 +280,7 @@ const PageMultiLevel = observer( props => {
data-type={item.subtype} data-type={item.subtype}
className={item.subtype === typeMultiLevel && storeTextSettings.listType === -1 ? 'active' : ''} className={item.subtype === typeMultiLevel && storeTextSettings.listType === -1 ? 'active' : ''}
onClick={() => props.onMultiLevelList(item.subtype)}> onClick={() => props.onMultiLevelList(item.subtype)}>
<div id={`id-multilevellists-${item.subtype}`} className='item-multilevellist'> <div id={item.id} className='item-multilevellist'>
</div> </div>
</ListItem> </ListItem>