Duplicate card

generator/generate.html

                     </div>
                     <div class="form-group">
                         <label class="col-sm-2 control-label"></label>
-                        <div class="col-sm-5">
+                        <div class="col-sm-4">
                             <button type="button" class="btn btn-danger btn-block" id="button-delete-card">Delete selected card</button>
                         </div>
-                        <div class="col-sm-5">
+                        <div class="col-sm-3">
                             <button type="button" class="btn btn-primary btn-block" id="button-add-card">Add new card</button>
                         </div>
+                        <div class="col-sm-3">
+                            <button type="button" class="btn btn-primary btn-block" id="button-duplicate-card">Duplicate card</button>
+                        </div>
                     </div>
                     <div class="form-group">
                         <label for="card-title" class="col-sm-2 control-label">Name</label>

generator/js/ui.js

     ui_select_card_by_index(card_data.length - 1);
 }
 
+function ui_duplicate_card() {
+    if (card_data.length > 0) {
+        card_data.push(ui_selected_card());
+        var card = card_data[card_data.length - 1];
+        card.title = card.title + " (Copy)";
+    } else {
+        card_data.push(card_default_data());
+    }
+    ui_update_card_list();
+    ui_select_card_by_index(card_data.length - 1);
+}
+
 function ui_select_card_by_index(index) {
     $("#selected-card").val(index);
     ui_update_selected_card();
     $("#button-load-sample").click(ui_load_sample);
     $("#button-save").click(ui_save_file);
     $("#button-add-card").click(ui_add_new_card);
+    $("#button-duplicate-card").click(ui_duplicate_card);
     $("#button-delete-card").click(ui_delete_card);
     $("#button-help").click(ui_open_help);
     $("#selected-card").change(ui_update_selected_card);