Skip to content

Commit

Permalink
Fix linting problems, format code, and document
Browse files Browse the repository at this point in the history
  • Loading branch information
@daksh4469
daksh4469 authored Feb 6, 2021
1 parent 029a1ca commit f4cdd69
Showing 1 changed file with 102 additions and 124 deletions.
226 changes: 102 additions & 124 deletions js/utils/platformstyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,108 +15,94 @@ You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/

/* global showMaterialHighlight,platform,platformColor */

/* exported showButtonHighlight */

window.platform = {
"android": /Android/i.test(navigator.userAgent),
"FF": /Firefox/i.test(navigator.userAgent),
"mobile": /Mobi/i.test(navigator.userAgent),
"tablet": /Tablet/i.test(navigator.userAgent)
android: /Android/i.test(navigator.userAgent),
FF: /Firefox/i.test(navigator.userAgent),
mobile: /Mobi/i.test(navigator.userAgent),
tablet: /Tablet/i.test(navigator.userAgent)
};

platform.androidWebkit = platform.android && !platform.FF;
platform.FFOS =
platform.FF && (platform.mobile || platform.tablet) && !platform.android;
console.debug("On platform: ", platform);
platform.FFOS = platform.FF && (platform.mobile || platform.tablet) && !platform.android;

window.platformColor = {
"blockText": "#282828",
"paletteColors": {
"widgets": ["#7CD622", "#57AD02", "#77C428", "#B4EB7D"],
"pitch": ["#7CD622", "#57AD02", "#77C428", "#B4EB7D"],
"rhythm": ["#FE994F", "#E86B0E", "#FF8B2D", "#FEC092"],
"meter": ["#FE994F", "#E86B0E", "#FF8B2D", "#FEC092"],
"tone": ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
"ornament": ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
"intervals": ["#7CD622", "#57AD02", "#77C428", "#B4EB7D"],
"volume": ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
"drum": ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
"graphics": ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"],
"turtle": ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"],
"pen": ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"],
"boxes": ["#FFBF00", "#DAAF30", "#DAA926", "#FFE391"],
"action": ["#FFBF00", "#DAAF30", "#DAA926", "#FFE391"],
"media": ["#FF664B", "#EA4326", "#FF5942", "#FFB9E2"],
"number": ["#FF6EA1", "#FF2C76", "#FF5293", "#FFCDDF"],
"boolean": ["#D97DF5", "#B653D3", "#C96DF3", "#EDC6A3"],
"flow": ["#D98A43", "#B7651A", "#D68136", "#ECC6A4"],
"sensors": ["#FF664B", "#EA4326", "#FF5942", "#FFB9E2"],
"extras": ["#C4C4C4", "#A0A0A0", "#B0B0B0", "#D0D0D0"],
"program": ["#C4C4C4", "#A0A0A0", "#B0B0B0", "#D0D0D0"],
"myblocks": ["#FFBF00", "#DAAF30", "#DAA926", "#FFE391"],
"heap": ["#D98A43", "#B7651A", "#D68136", "#ECC6A4"],
"dictionary": ["#D98A43", "#B7651A", "#D68136", "#ECC6A4"],
"ensemble": ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"]
blockText: "#282828",
paletteColors: {
widgets: ["#7CD622", "#57AD02", "#77C428", "#B4EB7D"],
pitch: ["#7CD622", "#57AD02", "#77C428", "#B4EB7D"],
rhythm: ["#FE994F", "#E86B0E", "#FF8B2D", "#FEC092"],
meter: ["#FE994F", "#E86B0E", "#FF8B2D", "#FEC092"],
tone: ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
ornament: ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
intervals: ["#7CD622", "#57AD02", "#77C428", "#B4EB7D"],
volume: ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
drum: ["#3EDCDD", "#1DBCBD", "#25C3C0", "#A1EEEF"],
graphics: ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"],
turtle: ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"],
pen: ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"],
boxes: ["#FFBF00", "#DAAF30", "#DAA926", "#FFE391"],
action: ["#FFBF00", "#DAAF30", "#DAA926", "#FFE391"],
media: ["#FF664B", "#EA4326", "#FF5942", "#FFB9E2"],
number: ["#FF6EA1", "#FF2C76", "#FF5293", "#FFCDDF"],
boolean: ["#D97DF5", "#B653D3", "#C96DF3", "#EDC6A3"],
flow: ["#D98A43", "#B7651A", "#D68136", "#ECC6A4"],
sensors: ["#FF664B", "#EA4326", "#FF5942", "#FFB9E2"],
extras: ["#C4C4C4", "#A0A0A0", "#B0B0B0", "#D0D0D0"],
program: ["#C4C4C4", "#A0A0A0", "#B0B0B0", "#D0D0D0"],
myblocks: ["#FFBF00", "#DAAF30", "#DAA926", "#FFE391"],
heap: ["#D98A43", "#B7651A", "#D68136", "#ECC6A4"],
dictionary: ["#D98A43", "#B7651A", "#D68136", "#ECC6A4"],
ensemble: ["#92A9FF", "#5370DC", "#728FF9", "#CDD8FF"]
},

"disconnected": "#C4C4C4", // disconnected block color
"header": platform.FF ? "#4DA6FF" : "#4DA6FF",
"aux": "#1A8CFF",
"sub": "#8CC6FF",
"doHeaderShadow": !platform.FF,
"rule": "#E2E2E2",
"ruleColor": "#E2E2E2",
"trashColor": "#C0C0C0",
"trashBorder": "#808080",
"trashActive": "#FF0000",
"background": "#F9F9F9",
"paletteSelected": "#F3F3F3",
"paletteBackground": "#FFFFFF",
"paletteText": "#666666",
"rulerHighlight": "#FFBF00",
"selectorBackground": "#8CC6FF",
"selectorSelected": "#1A8CFF",
"labelColor": "#a0a0a0",
"tupletBackground": "#c0c0c0",
"drumBackground": "#3EDCDD",
"pitchBackground": "#7CD622",
"graphicsBackground": "#92A9FF",
"drumLabelBackground": "#25C3C0",
"pitchLabelBackground": "#77C428",
"graphicsLabelBackground": "#728FF9",
"rhythmcellcolor": "#c8c8c8",
"hitAreaGraphicsBeginFill": "#FFF",
"orange": "#e37a00", // 5YR
"piemenuBasic": ["#3ea4a3", "#60bfbc", "#1d8989", "#60bfbc", "#1d8989"],
"exitWheelcolors": ["#808080", "#c0c0c0"],
"exitWheelcolors2": ["#808080", "#92a9ff", "#80a080"],
"pitchWheelcolors": [
"#77c428",
"#93e042",
"#77c428",
"#5ba900",
"#77c428",
"#93e042",
"#adfd55"
],
"gridWheelcolors": {
"wheel": [
"#ffffff"
],
"selected": {
"fill": "#dedede",
"stroke": "#a3a3a3"
disconnected: "#C4C4C4", // disconnected block color
header: platform.FF ? "#4DA6FF" : "#4DA6FF",
aux: "#1A8CFF",
sub: "#8CC6FF",
doHeaderShadow: !platform.FF,
rule: "#E2E2E2",
ruleColor: "#E2E2E2",
trashColor: "#C0C0C0",
trashBorder: "#808080",
trashActive: "#FF0000",
background: "#F9F9F9",
paletteSelected: "#F3F3F3",
paletteBackground: "#FFFFFF",
paletteText: "#666666",
rulerHighlight: "#FFBF00",
selectorBackground: "#8CC6FF",
selectorSelected: "#1A8CFF",
labelColor: "#a0a0a0",
tupletBackground: "#c0c0c0",
drumBackground: "#3EDCDD",
pitchBackground: "#7CD622",
graphicsBackground: "#92A9FF",
drumLabelBackground: "#25C3C0",
pitchLabelBackground: "#77C428",
graphicsLabelBackground: "#728FF9",
rhythmcellcolor: "#c8c8c8",
hitAreaGraphicsBeginFill: "#FFF",
orange: "#e37a00", // 5YR
piemenuBasic: ["#3ea4a3", "#60bfbc", "#1d8989", "#60bfbc", "#1d8989"],
exitWheelcolors: ["#808080", "#c0c0c0"],
exitWheelcolors2: ["#808080", "#92a9ff", "#80a080"],
pitchWheelcolors: ["#77c428", "#93e042", "#77c428", "#5ba900", "#77c428", "#93e042", "#adfd55"],
gridWheelcolors: {
wheel: ["#ffffff"],
selected: {
fill: "#dedede",
stroke: "#a3a3a3"
}
},
"drumWheelcolors": ["#1fadae", "#3edcdd"],
"graphicWheelcolors": ["#92a9ff", "#728ff9"],
"accidentalsWheelcolors": [
"#77c428",
"#93e042",
"#77c428",
"#5ba900",
"#77c428"
],
"accidentalsWheelcolorspush": "#c0c0c0",
"octavesWheelcolors": [
drumWheelcolors: ["#1fadae", "#3edcdd"],
graphicWheelcolors: ["#92a9ff", "#728ff9"],
accidentalsWheelcolors: ["#77c428", "#93e042", "#77c428", "#5ba900", "#77c428"],
accidentalsWheelcolorspush: "#c0c0c0",
octavesWheelcolors: [
"#ffb2bc",
"#ffccd6",
"#ffb2bc",
Expand All @@ -132,7 +118,7 @@ window.platformColor = {
"#c0c0c0",
"#c0c0c0"
],
"blockLabelsWheelcolors": [
blockLabelsWheelcolors: [
"#ffb2bc",
"#ffccd6",
"#ffb2bc",
Expand All @@ -146,34 +132,16 @@ window.platformColor = {
"#ffb2bc",
"#ffccd6"
],
"noteValueWheelcolors": ["#ffb2bc", "#ffccd6"],
"tabsWheelcolors": ["#ffb2bc", "#ffccd6"],
"numberWheelcolors": ["#ffb2bc", "#ffccd6"],
"piemenuBasicundefined": ["#77c428", "#93e042", "#5ba900"],
"booleanWheelcolors": ["#d3cf76", "#b8b45f"],
"piemenuVoicesColors": [
"#3ea4a3",
"#60bfbc",
"#1d8989",
"#60bfbc",
"#1d8989"
],
"intervalNameWheelcolors": [
"#77c428",
"#93e042",
"#77c428",
"#5ba900",
"#93e042"
],
"intervalWheelcolors": [
"#77c428",
"#93e042",
"#77c428",
"#5ba900",
"#93e042"
],
"modeWheelcolors": ["#77c428", "#93e042"],
"modeGroupWheelcolors": [
noteValueWheelcolors: ["#ffb2bc", "#ffccd6"],
tabsWheelcolors: ["#ffb2bc", "#ffccd6"],
numberWheelcolors: ["#ffb2bc", "#ffccd6"],
piemenuBasicundefined: ["#77c428", "#93e042", "#5ba900"],
booleanWheelcolors: ["#d3cf76", "#b8b45f"],
piemenuVoicesColors: ["#3ea4a3", "#60bfbc", "#1d8989", "#60bfbc", "#1d8989"],
intervalNameWheelcolors: ["#77c428", "#93e042", "#77c428", "#5ba900", "#93e042"],
intervalWheelcolors: ["#77c428", "#93e042", "#77c428", "#5ba900", "#93e042"],
modeWheelcolors: ["#77c428", "#93e042"],
modeGroupWheelcolors: [
"#ffb2bc",
"#ffccd6",
"#ffb2bc",
Expand All @@ -189,13 +157,23 @@ window.platformColor = {
"#c0c0c0",
"#c0c0c0"
],
"modePieMenusIfColorPush": "#4b8b0e",
"modePieMenusElseColorPush": "#66a62d",
"wheelcolors": ["#808080", "#909090", "#808080", "#909090", "#707070"]
modePieMenusIfColorPush: "#4b8b0e",
modePieMenusElseColorPush: "#66a62d",
wheelcolors: ["#808080", "#909090", "#808080", "#909090", "#707070"]
};

document.querySelector("meta[name=theme-color]").content = platformColor.header;

/**
* @public
* @param {Number} x
* @param {Number} y
* @param {Number} r
* @param {Object} event
* @param {Number} scale
* @param {Object} stage
* @returns {Object}
*/
function showButtonHighlight(x, y, r, event, scale, stage) {
if (platform.FFOS) return {};
return showMaterialHighlight(x, y, r, event, scale, stage);
Expand Down

0 comments on commit f4cdd69

Please sign in to comment.