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

[SSE mobile] Fix Bug 48960

Browse source
This commit is contained in:
SergeyEzhin 2021-08-12 19:07:50 +03:00
parent 811977cb48
commit fa601752fe
1 changed files with 20 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
apps/spreadsheeteditor/mobile/src/view/FilterOptions.jsx
View file

@ -20,6 +20,20 @@ const FilterOptions = (props) => {
props.onUpdateCell('all', true); props.onUpdateCell('all', true);
}; };
const onValidChecked = () => {
if ( props.listVal.every(item => !item.check) ) {
f7.dialog.create({
title: _t.textErrorTitle,
text: _t.textErrorMsg,
buttons: [
{
text: 'OK',
}
]
}).open();
}
};
return ( return (
<View style={props.style}> <View style={props.style}>
<Page> <Page>
@ -36,10 +50,10 @@ const FilterOptions = (props) => {
<List> <List>
<ListItem className='buttons'> <ListItem className='buttons'>
<Row> <Row>
<a className={'button' + (props.checkSort === 'down' ? ' active' : '')} onClick={() => props.onSort('sortdown')}> <a className={'button' + (props.checkSort === 'down' ? ' active' : '')} onClick={() => {props.onSort('sortdown'); onValidChecked();}}>
<Icon slot="media" icon="sortdown"/> <Icon slot="media" icon="sortdown"/>
</a> </a>
<a className={'button' + (props.checkSort === 'up' ? ' active' : '')} onClick={() => props.onSort('sortup')}> <a className={'button' + (props.checkSort === 'up' ? ' active' : '')} onClick={() => {props.onSort('sortup'); onValidChecked();}}>
<Icon slot="media" icon="sortup"/> <Icon slot="media" icon="sortup"/>
</a> </a>
</Row> </Row>
@ -51,9 +65,9 @@ const FilterOptions = (props) => {
<ListButton color="red" onClick={() => props.onDeleteFilter()} id="btn-delete-filter">{_t.textDeleteFilter}</ListButton> <ListButton color="red" onClick={() => props.onDeleteFilter()} id="btn-delete-filter">{_t.textDeleteFilter}</ListButton>
</List> </List>
<List> <List>
<ListItem className='radio-checkbox-item' onChange={e => props.onUpdateCell('all', e.target.checked)} name='filter-cellAll' checkbox checked={all}>{_t.textSelectAll}</ListItem> <ListItem className='radio-checkbox-item' onChange={e => {props.onUpdateCell('all', e.target.checked); onValidChecked();}} name='filter-cellAll' checkbox checked={all}>{_t.textSelectAll}</ListItem>
{props.listVal.map((value) => {props.listVal.map((value) =>
<ListItem className='radio-checkbox-item' onChange={e => props.onUpdateCell(value.id, e.target.checked)} key={value.value} name='filter-cell' value={value.value} title={value.cellvalue} checkbox checked={value.check} /> <ListItem className='radio-checkbox-item' onChange={e => {props.onUpdateCell(value.id, e.target.checked); onValidChecked();}} key={value.value} name='filter-cell' value={value.value} title={value.cellvalue} checkbox checked={value.check} />
)} )}
</List> </List>
</Page> </Page>
@ -62,29 +76,12 @@ const FilterOptions = (props) => {
}; };
const FilterView = (props) => { const FilterView = (props) => {
const { t } = useTranslation();
const _t = t('View.Edit', {returnObjects: true});
const onClosed = () => {
if ( props.listVal.every(item => !item.check) ) {
f7.dialog.create({
title: _t.textErrorTitle,
text: _t.textErrorMsg,
buttons: [
{
text: 'OK',
}
]
}).open();
}
};
return ( return (
!Device.phone ? !Device.phone ?
<Popover id="picker-popover" className="popover__titled" onPopoverClosed={onClosed}> <Popover id="picker-popover" className="popover__titled">
<FilterOptions style={{height: '410px'}} {...props}></FilterOptions> <FilterOptions style={{height: '410px'}} {...props}></FilterOptions>
</Popover> : </Popover> :
<Sheet className="picker__sheet" push onSheetClosed={onClosed}> <Sheet className="picker__sheet" push>
<FilterOptions {...props}></FilterOptions> <FilterOptions {...props}></FilterOptions>
</Sheet> </Sheet>
) )