admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IO-1722 replaced hex to rgba

Browse Source
This commit is contained in:
swtmply
2023-05-06 02:56:02 +08:00
parent 08e5543536
commit 3988386c79
3 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
View File

@@ -24,18 +24,15 @@ const cardColor = (ssbuckets, totalHrs) => {
bucket.gte <= totalHrs && (!!bucket.lt ? bucket.lt > totalHrs : true)
)[0];
if (bucket.color) {
return bucket.color.hex;
if (bucket.color.rgb) {
return bucket.color.rgb;
}
return "";
return bucket.color;
};
function getContrastYIQ(hexColor) {
const r = parseInt(hexColor.substr(1, 2), 16);
const g = parseInt(hexColor.substr(3, 2), 16);
const b = parseInt(hexColor.substr(5, 2), 16);
const yiq = (r * 299 + g * 587 + b * 114) / 1000;
function getContrastYIQ(bgColor) {
const yiq = (bgColor.r * 299 + bgColor.g * 587 + bgColor.b * 114) / 1000;
return yiq >= 128 ? "black" : "white";
}
@@ -85,7 +82,10 @@ export default function ProductionBoardCard(
className="react-kanban-card imex-kanban-card"
size="small"
style={{
backgroundColor: cardSettings && cardSettings.cardcolor && bgColor,
backgroundColor:
cardSettings &&
cardSettings.cardcolor &&
`rgba(${bgColor.r},${bgColor.g},${bgColor.b},${bgColor.a})`,
color:
cardSettings && cardSettings.cardcolor && getContrastYIQ(bgColor),
}}