Back icon

generator/generate.html

                                 <span class="input-group-btn">
                                     <button class="btn btn-default icon-select-button" type="button">Select</button>
                                 </span>
-                                <input type="text" id="card-icon" class="form-control" placeholder="Icon name" data-property="icon">
+                                <input type="text" id="card-icon" class="form-control" placeholder="Icon name (default icon if empty)" data-property="icon">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label for="card-icon-back" class="col-sm-2 control-label">Back icon</label>
+                        <div class="col-sm-10">
+                            <div class="input-group">
+                                <span class="input-group-btn">
+                                    <button class="btn btn-default icon-select-button" type="button">Select</button>
+                                </span>
+                                <input type="text" id="card-icon-back" class="form-control" placeholder="Icon name (same as front if empty)" data-property="icon_back">
                             </div>
                         </div>
                     </div>
                         <div class="col-sm-10">
                             <div class="input-group">
                                 <select id="card_color_selector" class="colorselector-data"></select>
-                                <input type="text" id="card-color" class="form-control" placeholder="Card color" data-property="color">
+                                <input type="text" id="card-color" class="form-control" placeholder="Card color (default color if empty)" data-property="color">
                             </div>
                         </div>
                     </div>

generator/js/ui.js

         $("#card-title").val(card.title);
         $("#card-count").val(card.count);
         $("#card-icon").val(card.icon);
+        $("#card-icon-back").val(card.icon_back);
         $("#card-contents").val(card.contents.join("\n"));
         $("#card-color").val(card.color);
         ui_update_card_color_selector(card.color);
     $("#card-title").change(ui_change_card_title);
     $("#card-icon").change(ui_change_card_property);
     $("#card-count").change(ui_change_card_property);
+    $("#card-icon-back").change(ui_change_card_property);
     $("#card-color").change(ui_change_card_color);
     $("#card-contents").change(ui_change_card_contents);