Apply default data buttons

generator/generate.html

@@ -48,16 +48,18 @@
                     <input type="file" id="file-load" name="files[]" multiple class="form-control" style="display:none" />
                     <a href="" id="file-save-link" style="display:none">Hidden download link</a>
                     <button type="button" class="btn btn-info btn-block" id="button-help">Open Help</button>
+                    <button type="button" class="btn btn-danger btn-block" id="button-clear">Delete all cards</button>
                     <button type="button" class="btn btn-primary btn-block" id="button-load-sample">Load sample cards (discards current data)</button>
                     <button type="button" class="btn btn-primary btn-block" id="button-load">Load cards from file</button>
                     <button type="button" class="btn btn-primary btn-block" id="button-save">Save cards to file</button>
+                    <button type="button" class="btn btn-primary btn-block" id="button-sort-name">Sort cards by name</button>
                     <button type="button" class="btn btn-success btn-block" id="button-generate">Generate cards</button>
-                    <span class="help-block">Note: generated cards open in a new tab or window.</span>
+                    <span class="help-block">Generated cards open in a new tab or window.</span>
                 </form>
                 <h3>Default values</h3>
                 <form role="form" class="form-horizontal">
                     <div class="form-group">
-                        <label for="small-icons" class="col-sm-3 control-label">Small icon</label>
+                        <label for="small-icons" class="col-sm-3 control-label">Icon</label>
                         <div class="col-sm-9">
                             <div class="checkbox">
                                 <label>
@@ -75,6 +77,12 @@
                             </div>
                         </div>
                     </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label"></label>
+                        <div class="col-sm-9">
+                            <button type="button" class="btn btn-primary btn-block" id="button-apply-color">Apply color to all cards</button>
+                        </div>
+                    </div>
                     <div class="form-group">
                         <label for="default-icon" class="col-sm-3 control-label">Icon</label>
                         <div class="col-sm-9">
@@ -87,14 +95,26 @@
                         </div>
                     </div>
                     <div class="form-group">
-                        <label for="default-title-size" class="col-sm-3 control-label">Title size</label>
+                        <label class="col-sm-3 control-label"></label>
+                        <div class="col-sm-9">
+                            <button type="button" class="btn btn-primary btn-block" id="button-apply-icon">Apply icon to all cards</button>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="col-sm-3 control-label"></label>
+                        <div class="col-sm-9">
+                            <button type="button" class="btn btn-primary btn-block" id="button-apply-icon-back">Apply icon to all backs</button>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label for="default-title-size" class="col-sm-3 control-label">Title</label>
                         <div class="col-sm-9">
                             <div class="input-group">
                                 <select class="form-control" id="default-title-size">
-                                    <option value="big">big</option>
-                                    <option value="normal" selected>normal</option>
-                                    <option value="small">small</option>
-                                    <option value="tiny">tiny</option>
+                                    <option value="big">big font</option>
+                                    <option value="normal" selected>normal font</option>
+                                    <option value="small">small font</option>
+                                    <option value="tiny">tiny font</option>
                                 </select>
                             </div>
                         </div>

generator/js/ui.js

@@ -258,6 +258,32 @@ function ui_change_default_icon_size() {
     ui_render_selected_card();
 }
 
+function ui_sort_by_name() {
+    card_data.sort(function (a, b) { return b.title < a.title });
+    ui_update_card_list();
+}
+
+function ui_apply_default_color() {
+    for (var i = 0; i < card_data.length; ++i) {
+        card_data[i].color = card_options.default_color;
+    }
+    ui_render_selected_card();
+}
+
+function ui_apply_default_icon() {
+    for (var i = 0; i < card_data.length; ++i) {
+        card_data[i].icon = card_options.default_icon;
+    }
+    ui_render_selected_card();
+}
+
+function ui_apply_default_icon_back() {
+    for (var i = 0; i < card_data.length; ++i) {
+        card_data[i].icon_back = card_options.default_icon;
+    }
+    ui_render_selected_card();
+}
+
 $(document).ready(function () {
     ui_setup_color_selector();
     $('.icon-list').typeahead({source:icon_names});
@@ -265,12 +291,18 @@ $(document).ready(function () {
     $("#button-generate").click(ui_generate);
     $("#button-load").click(function () { $("#file-load").click(); });
     $("#file-load").change(ui_load_files);
+    $("#button-clear").click(ui_clear_all);
     $("#button-load-sample").click(ui_load_sample);
     $("#button-save").click(ui_save_file);
+    $("#button-sort-name").click(ui_sort_by_name);
     $("#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);
+    $("#button-apply-color").click(ui_apply_default_color);
+    $("#button-apply-icon").click(ui_apply_default_icon);
+    $("#button-apply-icon-back").click(ui_apply_default_icon_back);
+
     $("#selected-card").change(ui_update_selected_card);
 
     $("#card-title").change(ui_change_card_title);