[mobile] Fix add custom color
This commit is contained in:
parent
0824d2388d
commit
d1c32d886f
|
@ -45,7 +45,7 @@ const PaletteFill = inject("storeFocusObjects", "storeChartSettings", "storePale
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-chart-custom-fill-color/');
|
props.f7router.navigate('/edit-chart-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
@ -98,7 +98,7 @@ const PageBorderColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-chart-custom-border-color/');
|
props.f7router.navigate('/edit-chart-custom-border-color/', {props: {onBorderColor: props.onBorderColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
@ -194,7 +194,7 @@ const PageStyle = props => {
|
||||||
</div>
|
</div>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"de-tab-chart-fill"} id={"edit-chart-fill"} className="page-content no-padding-top">
|
<Tab key={"de-tab-chart-fill"} id={"edit-chart-fill"} className="page-content no-padding-top">
|
||||||
<PaletteFill onFillColor={props.onFillColor}/>
|
<PaletteFill onFillColor={props.onFillColor} f7router={props.f7router}/>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"de-tab-chart-border"} id={"edit-chart-border"} className="page-content no-padding-top">
|
<Tab key={"de-tab-chart-border"} id={"edit-chart-border"} className="page-content no-padding-top">
|
||||||
<List>
|
<List>
|
||||||
|
|
|
@ -138,7 +138,7 @@ const PageBackgroundColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-paragraph-custom-color/');
|
props.f7router.navigate('/edit-paragraph-custom-color/', {props: {onBackgroundColor: props.onBackgroundColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
|
|
@ -45,7 +45,7 @@ const PaletteFill = inject("storeFocusObjects", "storeShapeSettings", "storePale
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-shape-custom-fill-color/');
|
props.f7router.navigate('/edit-shape-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
@ -98,7 +98,7 @@ const PageBorderColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-shape-custom-border-color/');
|
props.f7router.navigate('/edit-shape-custom-border-color/', {props: {onBorderColor: props.onBorderColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
@ -150,7 +150,7 @@ const PageStyle = props => {
|
||||||
</Navbar>
|
</Navbar>
|
||||||
<Tabs animated>
|
<Tabs animated>
|
||||||
<Tab key={"de-tab-shape-fill"} id={"edit-shape-fill"} className="page-content no-padding-top" tabActive={true}>
|
<Tab key={"de-tab-shape-fill"} id={"edit-shape-fill"} className="page-content no-padding-top" tabActive={true}>
|
||||||
<PaletteFill onFillColor={props.onFillColor}/>
|
<PaletteFill onFillColor={props.onFillColor} f7router={props.f7router} />
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"de-tab-shape-border"} id={"edit-shape-border"} className="page-content no-padding-top">
|
<Tab key={"de-tab-shape-border"} id={"edit-shape-border"} className="page-content no-padding-top">
|
||||||
<List>
|
<List>
|
||||||
|
|
|
@ -250,7 +250,7 @@ const TabFillColor = inject("storeFocusObjects", "storeTableSettings", "storePal
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-table-custom-fill-color/');
|
props.f7router.navigate('/edit-table-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
|
|
@ -258,7 +258,7 @@ const PageFontColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-text-custom-font-color/');
|
props.f7router.navigate('/edit-text-custom-font-color/', {props: {onTextColor: props.onTextColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
@ -317,7 +317,7 @@ const PageBackgroundColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-text-custom-back-color/');
|
props.f7router.navigate('/edit-text-custom-back-color/', {props: {onBackgroundColor: props.onBackgroundColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return(
|
return(
|
||||||
|
|
|
@ -49,7 +49,7 @@ const PaletteFill = inject("storeFocusObjects", "storeChartSettings", "storePale
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-chart-custom-fill-color/');
|
props.f7router.navigate('/edit-chart-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -107,7 +107,7 @@ const PageBorderColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-chart-custom-border-color/');
|
props.f7router.navigate('/edit-chart-custom-border-color/', {props: {onBorderColor: props.onBorderColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -206,7 +206,7 @@ const PageStyle = props => {
|
||||||
</div>
|
</div>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"pe-tab-chart-fill"} id={"edit-chart-fill"} className="page-content no-padding-top">
|
<Tab key={"pe-tab-chart-fill"} id={"edit-chart-fill"} className="page-content no-padding-top">
|
||||||
<PaletteFill onFillColor={props.onFillColor}/>
|
<PaletteFill onFillColor={props.onFillColor} f7router={props.f7router}/>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"pe-tab-chart-border"} id={"edit-chart-border"} className="page-content no-padding-top">
|
<Tab key={"pe-tab-chart-border"} id={"edit-chart-border"} className="page-content no-padding-top">
|
||||||
<List>
|
<List>
|
||||||
|
|
|
@ -63,7 +63,7 @@ const PaletteFill = inject("storeFocusObjects", "storeShapeSettings", "storePale
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-shape-custom-fill-color/');
|
props.f7router.navigate('/edit-shape-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -118,7 +118,7 @@ const PageStyle = props => {
|
||||||
</Navbar>
|
</Navbar>
|
||||||
<Tabs animated>
|
<Tabs animated>
|
||||||
<Tab key={"pe-tab-shape-fill"} id={"edit-shape-fill"} className="page-content no-padding-top" tabActive={true}>
|
<Tab key={"pe-tab-shape-fill"} id={"edit-shape-fill"} className="page-content no-padding-top" tabActive={true}>
|
||||||
<PaletteFill onFillColor={props.onFillColor}/>
|
<PaletteFill onFillColor={props.onFillColor} f7router={props.f7router}/>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"pe-tab-shape-border"} id={"edit-shape-border"} className="page-content no-padding-top">
|
<Tab key={"pe-tab-shape-border"} id={"edit-shape-border"} className="page-content no-padding-top">
|
||||||
<List>
|
<List>
|
||||||
|
@ -351,7 +351,7 @@ const PageBorderColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-shape-custom-border-color/');
|
props.f7router.navigate('/edit-shape-custom-border-color/', {props: {onBorderColor: props.onBorderColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -397,7 +397,7 @@ const PageFillColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-custom-color/');
|
props.f7router.navigate('/edit-custom-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -125,7 +125,7 @@ const TabFillColor = inject("storeFocusObjects", "storeTableSettings", "storePal
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-table-custom-fill-color/');
|
props.f7router.navigate('/edit-table-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -309,7 +309,7 @@ const PageStyle = props => {
|
||||||
</List>
|
</List>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"pe-tab-table-fill"} id={"edit-table-fill"} className="page-content no-padding-top">
|
<Tab key={"pe-tab-table-fill"} id={"edit-table-fill"} className="page-content no-padding-top">
|
||||||
<TabFillColor onFillColor={props.onFillColor}/>
|
<TabFillColor onFillColor={props.onFillColor} f7router={props.f7router}/>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"pe-tab-table-border"} id={"edit-table-border"} className="page-content no-padding-top">
|
<Tab key={"pe-tab-table-border"} id={"edit-table-border"} className="page-content no-padding-top">
|
||||||
<TabBorder onBorderTypeClick={props.onBorderTypeClick}/>
|
<TabBorder onBorderTypeClick={props.onBorderTypeClick}/>
|
||||||
|
|
|
@ -249,7 +249,7 @@ const PageFontColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-text-custom-font-color/');
|
props.f7router.navigate('/edit-text-custom-font-color/', {props: {onTextColor: props.onTextColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -204,7 +204,7 @@ const PageTextColorCell = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-cell-text-custom-color/');
|
props.f7router.navigate('/edit-cell-text-custom-color/', {props: {onTextColor: props.onTextColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -245,7 +245,7 @@ const PageFillColorCell = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-cell-fill-custom-color/');
|
props.f7router.navigate('/edit-cell-fill-custom-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -572,7 +572,7 @@ const PageBorderColorCell = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-border-custom-color-cell/');
|
props.f7router.navigate('/edit-border-custom-color-cell/', {props: {onBorderStyle: props.onBorderStyle}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -49,7 +49,7 @@ const PaletteFill = inject("storeFocusObjects", "storeChartSettings", "storePale
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-chart-custom-fill-color/');
|
props.f7router.navigate('/edit-chart-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -109,7 +109,7 @@ const PageBorderColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-chart-custom-border-color/');
|
props.f7router.navigate('/edit-chart-custom-border-color/', {props: {onBorderColor: props.onBorderColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -208,7 +208,7 @@ const PageStyle = props => {
|
||||||
</div>
|
</div>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"sse-tab-chart-fill"} id={"edit-chart-fill"} className="page-content no-padding-top">
|
<Tab key={"sse-tab-chart-fill"} id={"edit-chart-fill"} className="page-content no-padding-top">
|
||||||
<PaletteFill onFillColor={props.onFillColor}/>
|
<PaletteFill onFillColor={props.onFillColor} f7router={props.f7router}/>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"sse-tab-chart-border"} id={"edit-chart-border"} className="page-content no-padding-top">
|
<Tab key={"sse-tab-chart-border"} id={"edit-chart-border"} className="page-content no-padding-top">
|
||||||
<List>
|
<List>
|
||||||
|
|
|
@ -64,7 +64,7 @@ const PaletteFill = inject("storeFocusObjects", "storeShapeSettings", "storePale
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-shape-custom-fill-color/');
|
props.f7router.navigate('/edit-shape-custom-fill-color/', {props: {onFillColor: props.onFillColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -119,7 +119,7 @@ const PageStyle = props => {
|
||||||
</Navbar>
|
</Navbar>
|
||||||
<Tabs animated>
|
<Tabs animated>
|
||||||
<Tab key={"se-tab-shape-fill"} id={"edit-shape-fill"} className="page-content no-padding-top" tabActive={true}>
|
<Tab key={"se-tab-shape-fill"} id={"edit-shape-fill"} className="page-content no-padding-top" tabActive={true}>
|
||||||
<PaletteFill onFillColor={props.onFillColor}/>
|
<PaletteFill onFillColor={props.onFillColor} f7router={props.f7router}/>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab key={"se-tab-shape-border"} id={"edit-shape-border"} className="page-content no-padding-top">
|
<Tab key={"se-tab-shape-border"} id={"edit-shape-border"} className="page-content no-padding-top">
|
||||||
<List>
|
<List>
|
||||||
|
@ -313,7 +313,7 @@ const PageBorderColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-shape-custom-border-color/');
|
props.f7router.navigate('/edit-shape-custom-border-color/', {props: {onBorderColor: props.onBorderColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -178,7 +178,7 @@ const PageFontColor = props => {
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// open custom color menu
|
// open custom color menu
|
||||||
props.f7router.navigate('/edit-text-custom-font-color/');
|
props.f7router.navigate('/edit-text-custom-font-color/', {props: {onTextColor: props.onTextColor}});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue