jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

COLUMNS! no more flexbox shenanigans

Browse Source
This commit is contained in:
Thaum
2015-02-16 14:26:26 +00:00
parent 28aed14cda
commit d18c58c5ed
20 changed files with 93 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
rpg-docs/lib/constants/colorOptions.js
View File

@@ -1,33 +1,51 @@
colorOptions = {
"red": {whiteText: true, color: "#F44336"},
"pink": {whiteText: true, color: "#E91E63"},
"purple": {whiteText: true, color: "#9C27B0"},
"deep-purple": {whiteText: true, color: "#673AB7"},
"indigo": {whiteText: true, color: "#3F51B5"},
"blue": {whiteText: true, color: "#2196F3"},
"light-blue": {whiteText: true, color: "#03A9F4"},
"cyan": {whiteText: true, color: "#00BCD4"},
"teal": {whiteText: true, color: "#009688"},
"green": {whiteText: true, color: "#4CAF50"},
"light-green": {whiteText: true, color: "#8BC34A"},
"lime": {whiteText: false, color: "#CDDC39"},
"yellow": {whiteText: false, color: "#FFEB3B"},
"amber": {whiteText: false, color: "#FFC107"},
"orange": {whiteText: false, color: "#FF9800"},
"deep-orange": {whiteText: true, color: "#FF5722"},
"grey": {whiteText: true, color: "#9E9E9E"}, //spec says no white text
//"blue-grey": {whiteText: true, color: "#607D8B"},
"brown": {whiteText: true, color: "#795548"},
"black": {whiteText: true, color: "#000000"},
};
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 "brown white-text"
return "brown white-text";
}
var colorClass = key;
if(colorOptions[key].whiteText){
var index = _.indexOf(colorOptionMap, key);
if(index == -1){
return "brown 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;
}