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

[SSE mobile] Correct function list

Browse source
This commit is contained in:
SergeyEzhin 2021-09-08 16:43:47 +03:00
parent ccec4e0933
commit e99807bfc6
1 changed files with 57 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/spreadsheeteditor/mobile/src/view/CellEditor.jsx
View file

@ -42,13 +42,11 @@ const FunctionsList = props => {
const funcArr = props.funcArr;
return (
<Page>
<View routes={routes}>
<div className="functions-list" style={{width: isPhone ? '100%' : '360px'}}>
<List>
{funcArr.map((elem, index) => {
return (
<ListItem key={index} title={elem.name} href="#" routeProps={{functionInfo: functions[elem.name], functionObj: elem}} className="no-indicator" onClick={() => props.insertFormula(elem.name, elem.type)}>
<ListItem key={index} title={elem.name} className="no-indicator" onClick={() => props.insertFormula(elem.name, elem.type)}>
<div slot='after'
onClick={(e) => {
e.stopPropagation();
@ -79,8 +77,6 @@ const FunctionsList = props => {
})}
</List>
</div>
</View>
</Page>
)
}
@ -101,7 +97,7 @@ const CellEditorView = props => {
return (
<>
<View id="idx-celleditor" style={viewStyle} className={expanded ? 'cell-editor expanded' : 'cell-editor collapsed'}>
<View id="idx-celleditor" style={viewStyle} routes={routes} className={expanded ? 'cell-editor expanded' : 'cell-editor collapsed'}>
<div id="box-cell-name" className="ce-group">
<span id="idx-cell-name">{props.cellName}</span>
<a href="#" id="idx-btn-function" className='link icon-only' disabled={(!isEdit && true) || props.stateCoauth} onClick={() => {props.onClickToOpenAddOptions('function', '#idx-btn-function');}}>
@ -124,22 +120,27 @@ const CellEditorView = props => {
/>
: null}
</View>
{!isPhone &&
<Popover
id="idx-functions-list"
className="popover__titled"
closeByBackdropClick={false}
backdrop={false}
closeByOutsideClick={true}
style={{height: '175px'}}
>
{funcArr && funcArr.length ?
<View style={{height: '175px'}} routes={routes}>
<Page>
<FunctionsList
functions={functions}
funcArr={funcArr}
insertFormula={props.insertFormula}
/>
</Page>
</View>
: null}
</Popover>
}
</>
);
};