52 lines
1.9 KiB
JavaScript
52 lines
1.9 KiB
JavaScript
colorOptions = [
|
|
{key: "a", className: "red", whiteText: true, color: "#F44336"},
|
|
{key: "b", className: "pink", whiteText: true, color: "#E91E63"},
|
|
{key: "c", className: "purple", whiteText: true, color: "#9C27B0"},
|
|
{key: "d", className: "deep-purple", whiteText: true, color: "#673AB7"},
|
|
{key: "e", className: "indigo", whiteText: true, color: "#3F51B5"},
|
|
{key: "f", className: "blue", whiteText: true, color: "#2196F3"},
|
|
{key: "g", className: "light-blue", whiteText: true, color: "#03A9F4"},
|
|
{key: "h", className: "cyan", whiteText: true, color: "#00BCD4"},
|
|
{key: "i", className: "teal", whiteText: true, color: "#009688"},
|
|
{key: "j", className: "green", whiteText: true, color: "#4CAF50"},
|
|
{key: "k", className: "light-green", whiteText: true, color: "#8BC34A"},
|
|
{key: "l", className: "lime", whiteText: false, color: "#CDDC39"},
|
|
{key: "m", className: "yellow", whiteText: false, color: "#FFEB3B"},
|
|
{key: "n", className: "amber", whiteText: false, color: "#FFC107"},
|
|
{key: "o", className: "orange", whiteText: false, color: "#FF9800"},
|
|
{key: "p", className: "deep-orange", whiteText: true, color: "#FF5722"},
|
|
{key: "q", className: "grey", whiteText: true, color: "#9E9E9E"}, //spec says no white text
|
|
//{key: "r", className: "blue-grey", whiteText: true, color: "#607D8B"},
|
|
{key: "s", className: "brown", whiteText: true, color: "#795548"},
|
|
{key: "t", className: "black", whiteText: true, color: "#000000"},
|
|
];
|
|
|
|
var colorOptionMap = _.pluck(colorOptions, "key");
|
|
|
|
getColorClass = function(key){
|
|
if (!key){
|
|
return "grey white-text";
|
|
}
|
|
var index = _.indexOf(colorOptionMap, key);
|
|
if (index == -1){
|
|
return "grey white-text";
|
|
}
|
|
var option = colorOptions[index];
|
|
var colorClass = option.className;
|
|
if (option.whiteText){
|
|
colorClass += " white-text";
|
|
}
|
|
return colorClass;
|
|
};
|
|
|
|
getHexColor = function(key) {
|
|
if (!key){
|
|
return "#000";
|
|
}
|
|
var index = _.indexOf(colorOptionMap, key);
|
|
if (index === -1){
|
|
return "#000";
|
|
}
|
|
return colorOptions[index].color;
|
|
};
|