Custom colors

generator/js/colors.js

@@ -0,0 +1,151 @@
+var css_color_names = [
+    "Black",
+    "Navy",
+    "DarkBlue",
+    "MediumBlue",
+    "Blue",
+    "DarkGreen",
+    "Green",
+    "Teal",
+    "DarkCyan",
+    "DeepSkyBlue",
+    "DarkTurquoise",
+    "MediumSpringGreen",
+    "Lime",
+    "SpringGreen",
+    "Aqua",
+    "Cyan",
+    "MidnightBlue",
+    "DodgerBlue",
+    "LightSeaGreen",
+    "ForestGreen",
+    "SeaGreen",
+    "DarkSlateGray",
+    "LimeGreen",
+    "MediumSeaGreen",
+    "Turquoise",
+    "RoyalBlue",
+    "SteelBlue",
+    "DarkSlateBlue",
+    "MediumTurquoise",
+    "Indigo",
+    "DarkOliveGreen",
+    "CadetBlue",
+    "CornflowerBlue",
+    "MediumAquaMarine",
+    "DimGray",
+    "SlateBlue",
+    "OliveDrab",
+    "SlateGray",
+    "LightSlateGray",
+    "MediumSlateBlue",
+    "LawnGreen",
+    "Chartreuse",
+    "Aquamarine",
+    "Maroon",
+    "Purple",
+    "Olive",
+    "Gray",
+    "SkyBlue",
+    "LightSkyBlue",
+    "BlueViolet",
+    "DarkRed",
+    "DarkMagenta",
+    "SaddleBrown",
+    "DarkSeaGreen",
+    "LightGreen",
+    "MediumPurple",
+    "DarkViolet",
+    "PaleGreen",
+    "DarkOrchid",
+    "YellowGreen",
+    "Sienna",
+    "Brown",
+    "DarkGray",
+    "LightBlue",
+    "GreenYellow",
+    "PaleTurquoise",
+    "LightSteelBlue",
+    "PowderBlue",
+    "FireBrick",
+    "DarkGoldenRod",
+    "MediumOrchid",
+    "RosyBrown",
+    "DarkKhaki",
+    "Silver",
+    "MediumVioletRed",
+    "IndianRed",
+    "Peru",
+    "Chocolate",
+    "Tan",
+    "LightGray",
+    "Thistle",
+    "Orchid",
+    "GoldenRod",
+    "PaleVioletRed",
+    "Crimson",
+    "Gainsboro",
+    "Plum",
+    "BurlyWood",
+    "LightCyan",
+    "Lavender",
+    "DarkSalmon",
+    "Violet",
+    "PaleGoldenRod",
+    "LightCoral",
+    "Khaki",
+    "AliceBlue",
+    "HoneyDew",
+    "Azure",
+    "SandyBrown",
+    "Wheat",
+    "Beige",
+    "WhiteSmoke",
+    "MintCream",
+    "GhostWhite",
+    "Salmon",
+    "AntiqueWhite",
+    "Linen",
+    "LightGoldenRodYellow",
+    "OldLace",
+    "Red",
+    "Fuchsia",
+    "Magenta",
+    "DeepPink",
+    "OrangeRed",
+    "Tomato",
+    "HotPink",
+    "Coral",
+    "DarkOrange",
+    "LightSalmon",
+    "Orange",
+    "LightPink",
+    "Pink",
+    "Gold",
+    "PeachPuff",
+    "NavajoWhite",
+    "Moccasin",
+    "Bisque",
+    "MistyRose",
+    "BlanchedAlmond",
+    "PapayaWhip",
+    "LavenderBlush",
+    "SeaShell",
+    "Cornsilk",
+    "LemonChiffon",
+    "FloralWhite",
+    "Snow",
+    "Yellow",
+    "LightYellow",
+    "Ivory",
+    "White"
+];
+
+
+var card_colors = {
+    "": "",
+    "arcane": "#bb3d2f",
+    "cleric": "#ae7b00",
+    "rogue": "#802161",
+    "item": "dimgray",
+}

generator/js/ui.js

@@ -117,9 +117,47 @@ function ui_select_icon() {
     window.open("http://game-icons.net/", "_blank");
 }
 
-$(document).ready(function () {
+function ui_setup_color_selector() {
+    $.each(card_colors, function (name, val) {
+        $(".colorselector-data")
+            .append($("<option></option>")
+            .attr("value", name)
+            .attr("data-color", val)
+            .text(name));
+    });
+    
+    $('#default_color_selector').colorselector({
+        callback: function (value, color, title) {
+            $("#default_color").val(title);
+            ui_set_default_color(title);
+        }
+    });
+    $('#card_color_selector').colorselector({
+        callback: function (value, color, title) {
+            $("#card_color").val(title);
+        }
+    });
     $(".dropdown-colorselector").addClass("input-group-addon color-input-addon");
 
+    $("#default_color").change(function (e) {
+        var color = $("#default_color").val();
+        if ($("#default_color_selector option[value='" + color + "']").length > 0) {
+            $("#default_color_selector").colorselector("setValue", color);
+        } else {
+            $("#default_color_selector").colorselector("setValue", "");
+            $("#default_color").val(color);
+        }
+        ui_set_default_color(color);
+    });
+}
+
+function ui_set_default_color(color) {
+    card_options.default_color = color;
+}
+
+$(document).ready(function () {
+    ui_setup_color_selector();
+
     $("#button-generate").click(ui_generate);
     $("#button-load").click(function () { $("#file-load").click(); });
     $("#file-load").change(ui_load_files);