mirror of
https://github.com/ryanamay/pint.git
synced 2024-09-20 01:50:34 +00:00
transfer: handover of progress to windows machine
This commit is contained in:
parent
15c0c86fac
commit
78f0099bac
5 changed files with 35868 additions and 6387 deletions
29238
package-lock.json
generated
Normal file
29238
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
|
@ -454,6 +454,8 @@ defaultColorScheme = {
|
||||||
__color_calendar_graph_day_L3_border: "rgba(255, 255, 255, 0.05)",
|
__color_calendar_graph_day_L3_border: "rgba(255, 255, 255, 0.05)",
|
||||||
__color_calendar_graph_day_L4_border: "rgba(255, 255, 255, 0.05)",
|
__color_calendar_graph_day_L4_border: "rgba(255, 255, 255, 0.05)",
|
||||||
__color_text_disabled: "#6e7681",
|
__color_text_disabled: "#6e7681",
|
||||||
|
scheme: "analogic",
|
||||||
|
variation: "default",
|
||||||
};
|
};
|
||||||
|
|
||||||
colorSettings = Object.keys(defaultColorScheme);
|
colorSettings = Object.keys(defaultColorScheme);
|
||||||
|
|
|
@ -454,6 +454,8 @@ defaultColorScheme = {
|
||||||
__color_underlinenav_icon: "#6e7681",
|
__color_underlinenav_icon: "#6e7681",
|
||||||
__color_workflow_card_header_shadow: "rgba(27, 31, 35, 0.04)",
|
__color_workflow_card_header_shadow: "rgba(27, 31, 35, 0.04)",
|
||||||
__color_text_disabled: "#6e7681",
|
__color_text_disabled: "#6e7681",
|
||||||
|
scheme: "analogic",
|
||||||
|
variation: "default",
|
||||||
};
|
};
|
||||||
|
|
||||||
initialSettings = Object.keys(defaultColorScheme);
|
initialSettings = Object.keys(defaultColorScheme);
|
||||||
|
|
|
@ -6,6 +6,7 @@ import updateScale, { updateSpecific } from "../../methods/helpers/scaleHelper";
|
||||||
import * as scaleHelper from "../../methods/helpers/scaleHelper";
|
import * as scaleHelper from "../../methods/helpers/scaleHelper";
|
||||||
import {
|
import {
|
||||||
pintGetUpdate,
|
pintGetUpdate,
|
||||||
|
pintSetNoReload,
|
||||||
updateMultiple,
|
updateMultiple,
|
||||||
} from "../../methods/helpers/storageHelper";
|
} from "../../methods/helpers/storageHelper";
|
||||||
import { updateOpacity } from "../../methods/helpers/opacityHelper";
|
import { updateOpacity } from "../../methods/helpers/opacityHelper";
|
||||||
|
@ -30,6 +31,9 @@ import { FcIdea } from "react-icons/fc";
|
||||||
|
|
||||||
var defaultValue = "#c0ffee";
|
var defaultValue = "#c0ffee";
|
||||||
|
|
||||||
|
var defaultScheme = "analogic";
|
||||||
|
var defaultVariation = "default";
|
||||||
|
|
||||||
var quickScheme: string[] = [];
|
var quickScheme: string[] = [];
|
||||||
|
|
||||||
export default function QuickChange() {
|
export default function QuickChange() {
|
||||||
|
@ -43,7 +47,9 @@ export default function QuickChange() {
|
||||||
pintGetUpdate(settings.cg60_a371f7[0], setScalePurple);
|
pintGetUpdate(settings.cg60_a371f7[0], setScalePurple);
|
||||||
pintGetUpdate(settings.cg19_26a641[0], setScaleCalendar);
|
pintGetUpdate(settings.cg19_26a641[0], setScaleCalendar);
|
||||||
pintGetUpdate(settings.cg106_ffffff[0], setScaleText);
|
pintGetUpdate(settings.cg106_ffffff[0], setScaleText);
|
||||||
quickScheme = scaleHelper.generateScheme(color, "analogic", "default", 0.5);
|
pintGetUpdate("variation", setVariation);
|
||||||
|
pintGetUpdate("scheme", setScheme);
|
||||||
|
quickScheme = scaleHelper.generateScheme(color, scheme, variation, 0.5);
|
||||||
});
|
});
|
||||||
|
|
||||||
const [color, setColor] = react.useState(`${defaultValue}`);
|
const [color, setColor] = react.useState(`${defaultValue}`);
|
||||||
|
@ -51,6 +57,9 @@ export default function QuickChange() {
|
||||||
// scale colors
|
// scale colors
|
||||||
const [scaleGray, setScaleGray] = react.useState(`${defaultValue}`);
|
const [scaleGray, setScaleGray] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
|
const [scheme, setScheme] = react.useState(`${defaultScheme}`);
|
||||||
|
const [variation, setVariation] = react.useState(`${defaultVariation}`);
|
||||||
|
|
||||||
function paintGray() {
|
function paintGray() {
|
||||||
updateSpecific(color, 0, 0, scales.gray);
|
updateSpecific(color, 0, 0, scales.gray);
|
||||||
setScaleGray(color);
|
setScaleGray(color);
|
||||||
|
@ -112,6 +121,53 @@ export default function QuickChange() {
|
||||||
setScaleGray(color);
|
setScaleGray(color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function setDefault() {
|
||||||
|
pintSetNoReload("variation", "default");
|
||||||
|
setVariation("default");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setPastel() {
|
||||||
|
pintSetNoReload("variation", "pastel");
|
||||||
|
setVariation("pastel");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setSoft() {
|
||||||
|
pintSetNoReload("variation", "soft");
|
||||||
|
setVariation("soft");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setLight() {
|
||||||
|
pintSetNoReload("variation", "light");
|
||||||
|
setVariation("light");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setHard() {
|
||||||
|
pintSetNoReload("variation", "hard");
|
||||||
|
setVariation("hard");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setPale() {
|
||||||
|
pintSetNoReload("variation", "pale");
|
||||||
|
setVariation("pale");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setTriade() {
|
||||||
|
pintSetNoReload("scheme", "triade");
|
||||||
|
setVariation("triade");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setTetrade() {
|
||||||
|
pintSetNoReload("scheme", "tetrade");
|
||||||
|
setVariation("tetrade");
|
||||||
|
}
|
||||||
|
|
||||||
|
function setAnalogic() {
|
||||||
|
pintSetNoReload("scheme", "analogic");
|
||||||
|
setVariation("analogic");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function paintAll() {
|
function paintAll() {
|
||||||
updateScale(color);
|
updateScale(color);
|
||||||
pintGetUpdate(settings.cg46_6e7681[0], setScaleGray);
|
pintGetUpdate(settings.cg46_6e7681[0], setScaleGray);
|
||||||
|
@ -127,7 +183,7 @@ export default function QuickChange() {
|
||||||
|
|
||||||
function updateColor(color: string) {
|
function updateColor(color: string) {
|
||||||
setColor(color);
|
setColor(color);
|
||||||
quickScheme = scaleHelper.generateScheme(color, "analogic", "default", 0.5);
|
quickScheme = scaleHelper.generateScheme(color, scheme, variation, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -146,9 +202,9 @@ export default function QuickChange() {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-row justify-content p-1 ml-2">
|
<div className="flex flex-row justify-content p-1 ml-2">
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> triade </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setTriade}> triade </button>
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> tetrade </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setTetrade}> tetrade </button>
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> analogic </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setAnalogic}> analogic </button>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1">
|
<div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1">
|
||||||
<p className="text-semibold">
|
<p className="text-semibold">
|
||||||
|
@ -156,12 +212,12 @@ export default function QuickChange() {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-row justify-content p-1 ml-2">
|
<div className="flex flex-row justify-content p-1 ml-2">
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> default </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setDefault}> default </button>
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> pastel </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setPastel}> pastel </button>
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> soft </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setSoft}> soft </button>
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> light </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setLight}> light </button>
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> hard </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setHard}> hard </button>
|
||||||
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> pale </button>
|
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setPale}> pale </button>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1">
|
<div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1">
|
||||||
<p className="text-semibold">
|
<p className="text-semibold">
|
||||||
|
|
Loading…
Reference in a new issue