[DE mobile] Fix Bug 54406
This commit is contained in:
parent
b5d131193a
commit
a9f254522e
|
@ -188,7 +188,7 @@ const PageAdditionalFormatting = props => {
|
||||||
)
|
)
|
||||||
};
|
};
|
||||||
|
|
||||||
const PageBullets = props => {
|
const PageBullets = observer(props => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const bulletArrays = [
|
const bulletArrays = [
|
||||||
[
|
[
|
||||||
|
@ -217,9 +217,10 @@ const PageBullets = props => {
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (bullet.type === -1) {
|
if (bullet.type === -1) {
|
||||||
storeTextSettings.resetBullets(-1);
|
storeTextSettings.resetBullets(-1);
|
||||||
|
} else {
|
||||||
|
storeTextSettings.resetBullets(bullet.type);
|
||||||
}
|
}
|
||||||
props.onBullet(bullet.type)
|
props.onBullet(bullet.type);
|
||||||
props.f7router.back();
|
|
||||||
}}>
|
}}>
|
||||||
{bullet.thumb.length < 1 ?
|
{bullet.thumb.length < 1 ?
|
||||||
<Icon className="thumb" style={{position: 'relative'}}>
|
<Icon className="thumb" style={{position: 'relative'}}>
|
||||||
|
@ -233,9 +234,9 @@ const PageBullets = props => {
|
||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
};
|
});
|
||||||
|
|
||||||
const PageNumbers = props => {
|
const PageNumbers = observer(props => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const numberArrays = [
|
const numberArrays = [
|
||||||
[
|
[
|
||||||
|
@ -265,9 +266,10 @@ const PageNumbers = props => {
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (number.type === -1) {
|
if (number.type === -1) {
|
||||||
storeTextSettings.resetNumbers(-1);
|
storeTextSettings.resetNumbers(-1);
|
||||||
|
} else {
|
||||||
|
storeTextSettings.resetNumbers(number.type);
|
||||||
}
|
}
|
||||||
props.onNumber(number.type)
|
props.onNumber(number.type);
|
||||||
props.f7router.back();
|
|
||||||
}}>
|
}}>
|
||||||
{number.thumb.length < 1 ?
|
{number.thumb.length < 1 ?
|
||||||
<Icon className="thumb" style={{position: 'relative'}}>
|
<Icon className="thumb" style={{position: 'relative'}}>
|
||||||
|
@ -281,9 +283,9 @@ const PageNumbers = props => {
|
||||||
))}
|
))}
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
};
|
});
|
||||||
|
|
||||||
const PageMultiLevel = props => {
|
const PageMultiLevel = observer(props => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
|
||||||
const arrayMultiLevel = [
|
const arrayMultiLevel = [
|
||||||
|
@ -302,9 +304,8 @@ const PageMultiLevel = props => {
|
||||||
{arrayMultiLevel.map((item) => (
|
{arrayMultiLevel.map((item) => (
|
||||||
<ListItem key={'multi-level-' + item.type} data-type={item.type} className={item.type === typeMultiLevel ? 'active' : ''}
|
<ListItem key={'multi-level-' + item.type} data-type={item.type} className={item.type === typeMultiLevel ? 'active' : ''}
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
item.type === -1 ? storeTextSettings.resetMultiLevel(-1) : storeTextSettings.resetMultiLevel(null);
|
item.type === -1 ? storeTextSettings.resetMultiLevel(-1) : storeTextSettings.resetMultiLevel(null);
|
||||||
props.onMultiLevelList(item.type);
|
props.onMultiLevelList(item.type);
|
||||||
props.f7router.back();
|
|
||||||
}}>
|
}}>
|
||||||
{item.thumb.length < 1 ?
|
{item.thumb.length < 1 ?
|
||||||
<Icon className="thumb" style={{position: 'relative'}}>
|
<Icon className="thumb" style={{position: 'relative'}}>
|
||||||
|
@ -318,7 +319,7 @@ const PageMultiLevel = props => {
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
|
|
||||||
}
|
});
|
||||||
|
|
||||||
const PageBulletsAndNumbers = props => {
|
const PageBulletsAndNumbers = props => {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
@ -336,9 +337,15 @@ const PageBulletsAndNumbers = props => {
|
||||||
}
|
}
|
||||||
</Navbar>
|
</Navbar>
|
||||||
<Swiper pagination>
|
<Swiper pagination>
|
||||||
<SwiperSlide> <PageNumbers f7router={props.f7router} storeTextSettings={storeTextSettings} onNumber={props.onNumber}/></SwiperSlide>
|
<SwiperSlide>
|
||||||
<SwiperSlide> <PageBullets f7router={props.f7router} storeTextSettings={storeTextSettings} onBullet={props.onBullet}/></SwiperSlide>
|
<PageNumbers storeTextSettings={storeTextSettings} onNumber={props.onNumber} />
|
||||||
<SwiperSlide> <PageMultiLevel f7router={props.f7router} storeTextSettings={storeTextSettings} onMultiLevelList={props.onMultiLevelList}/> </SwiperSlide>
|
</SwiperSlide>
|
||||||
|
<SwiperSlide>
|
||||||
|
<PageBullets storeTextSettings={storeTextSettings} onBullet={props.onBullet} />
|
||||||
|
</SwiperSlide>
|
||||||
|
<SwiperSlide>
|
||||||
|
<PageMultiLevel storeTextSettings={storeTextSettings} onMultiLevelList={props.onMultiLevelList} />
|
||||||
|
</SwiperSlide>
|
||||||
</Swiper>
|
</Swiper>
|
||||||
</Page>
|
</Page>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in a new issue