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

[PE] Adding 'image-menu' for mobiles and refactoring

Browse source
This commit is contained in:
Andrey Shimagin 2022-06-06 11:03:59 +03:00
parent 9ffbcf8e9a
commit f15891cd04
2 changed files with 34 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/presentationeditor/mobile/src/controller/edit/EditText.jsx
View file

@ -24,7 +24,7 @@ class EditTextController extends Component {
closeModal() { closeModal() {
if ( Device.phone ) { if ( Device.phone ) {
f7.sheet.close('.edit-popover', true); f7.sheet.close('#edit-sheet', true);
} else { } else {
f7.popover.close('#edit-popover'); f7.popover.close('#edit-popover');
} }

46
apps/presentationeditor/mobile/src/view/edit/EditText.jsx
View file

@ -530,6 +530,24 @@ const PageBulletLinkSettings = (props) => {
) )
} }
const PageAddImage = (props) => {
const { t } = useTranslation();
const _t = t('View.Edit', {returnObjects: true});
return (
<List className='bullet-menu-image'>
<ListItem title={_t.textPictureFromLibrary} onClick={props.onImageSelect}>
<Icon slot="media" icon="icon-image-library" />
</ListItem>
<ListItem title={_t.textPictureFromURL} link="#" onClick={() =>
props.f7router.navigate('/edit-bullets-and-numbers/image-link/',
{props: {onInsertByUrl: props.onInsertByUrl}}) }>
<Icon slot="media" icon="icon-link" />
</ListItem>
</List>
)
}
const PageBullets = observer(props => { const PageBullets = observer(props => {
const { t } = useTranslation(); const { t } = useTranslation();
const _t = t('View.Edit', {returnObjects: true}); const _t = t('View.Edit', {returnObjects: true});
@ -574,19 +592,12 @@ const PageBullets = observer(props => {
</ListItem> </ListItem>
))} ))}
</List> </List>
{ !Device.isPhone ? { !Device.isPhone &&
<List className='bullet-menu-image'> <PageAddImage
<ListItem title={_t.textPictureFromLibrary} onClick={props.onImageSelect}> f7router={props.f7router}
<Icon slot="media" icon="icon-image-library" /> onImageSelect={props.onImageSelect}
</ListItem> onInsertByUrl={props.onInsertByUrl}
<ListItem title={_t.textPictureFromURL} link="#" onClick={() => />
props.f7router.navigate('/edit-bullets-and-numbers/image-link/',
{props: {onInsertByUrl: props.onInsertByUrl}}) }>
<Icon slot="media" icon="icon-link" />
</ListItem>
</List>
: null
} }
</View> </View>
) )
@ -675,6 +686,15 @@ const PageBulletsAndNumbers = props => {
onInsertByUrl={props.onInsertByUrl} onInsertByUrl={props.onInsertByUrl}
/> />
</SwiperSlide> </SwiperSlide>
{ Device.phone &&
<SwiperSlide>
<PageAddImage
f7router={props.f7router}
onImageSelect={props.onImageSelect}
onInsertByUrl={props.onInsertByUrl}
/>
</SwiperSlide>
}
</Swiper> </Swiper>
</Page> </Page>
) )