Card arrangement options

generator/generate.html

@@ -119,6 +119,16 @@
                             <input type="text" id="page-columns" class="form-control" data-option="page_columns" value="3">
                         </div>
                     </div>
+                    <div class="form-group">
+                        <label for="card-arrangement" class="col-sm-4 control-label">Arrangement</label>
+                        <div class="col-sm-8">
+                            <select class="form-control" id="card-arrangement" data-option="card_arrangement">
+                                <option value="doublesided" selected>Double sided printing</option>
+                                <option value="front_only">Front side only</option>
+                                <option value="side_by_side">Side by side</option>
+                            </select>
+                        </div>
+                    </div>
                 </form>
                 <h3>Default values</h3>
                 <form role="form" class="form-horizontal">
@@ -137,7 +147,7 @@
                         <div class="col-sm-10">
                             <div class="input-group">
                                 <select id="default_color_selector" class="colorselector-data"></select>
-                                <input type="text" id="default-color" class="form-control" placeholder="Card color" data-property="color">
+                                <input type="text" id="default-color" class="form-control" placeholder="Card color" data-property="color" value="black">
                             </div>
                         </div>
                     </div>

generator/js/cards.js

@@ -9,6 +9,7 @@ function card_default_options() {
         page_size: "A4",
         page_rows: 3,
         page_columns: 3,
+        card_arrangement: "doublesided",
         card_size: "25x35",
         icon_inline: true
     }
@@ -278,13 +279,27 @@ function card_pages_add_padding(cards, options) {
     }
 }
 
+function card_pages_interleave_cards(front_cards, back_cards, options) {
+    var result = [];
+    var i = 0;
+    while (i < front_cards.length) {
+        result.push(front_cards[i]);
+        result.push(back_cards[i]);
+        if (options.page_columns > 2) {
+            result.push(card_generate_empty(options.page_columns - 2, options));
+        }
+        ++i;
+    }
+    return result;
+}
+
 function card_pages_wrap(pages, options) {
     var size = options.page_size || "A4";
 
     var result = "";
     for (var i = 0; i < pages.length; ++i) {
         var style = "";
-        if (i % 2 == 1) {
+        if ((options.card_arrangement == "doublesided") &&  (i % 2 == 1)) {
             style += 'style="background-color:'+options.default_color+'"';
         }
         result += '<page class="page page-preview" size="' + size + '" ' + style + '>\n';
@@ -310,21 +325,31 @@ function card_pages_generate_html(card_data, options) {
         back_cards = back_cards.concat(card_repeat(back, count));
     });
 
-    // Add padding cards so that the last page is full of cards
-    front_cards = card_pages_add_padding(front_cards, options);
-    back_cards = card_pages_add_padding(back_cards, options);
-
-    // Split cards to pages
-    var front_pages = card_pages_split(front_cards, rows, cols);
-    var back_pages = card_pages_split(back_cards, rows, cols);
-
-    // Shuffle back cards so that they line up with their corresponding front cards
-    back_pages = back_pages.map(function (page) {
-        return cards_pages_flip_left_right(page, rows, cols);
-    });
-
-    // Interleave front and back pages so that we can print double-sided
-    var pages = card_pages_merge(front_pages, back_pages);
+    var pages = [];
+    if (options.card_arrangement == "doublesided") {
+        // Add padding cards so that the last page is full of cards
+        front_cards = card_pages_add_padding(front_cards, options);
+        back_cards = card_pages_add_padding(back_cards, options);
+
+        // Split cards to pages
+        var front_pages = card_pages_split(front_cards, rows, cols);
+        var back_pages = card_pages_split(back_cards, rows, cols);
+
+        // Shuffle back cards so that they line up with their corresponding front cards
+        back_pages = back_pages.map(function (page) {
+            return cards_pages_flip_left_right(page, rows, cols);
+        });
+
+        // Interleave front and back pages so that we can print double-sided
+        pages = card_pages_merge(front_pages, back_pages);
+    } else if (options.card_arrangement == "front_only") {
+        var cards = card_pages_add_padding(front_cards, options);
+        pages = card_pages_split(cards, rows, cols);
+    } else if (options.card_arrangement == "side_by_side") {
+        var cards = card_pages_interleave_cards(front_cards, back_cards, options);
+        cards = card_pages_add_padding(cards, options);
+        pages = card_pages_split(cards, rows, cols);
+    }
 
     // Wrap all pages in a <page> element
     return card_pages_wrap(pages, options);

generator/js/ui.js

@@ -388,6 +388,7 @@ $(document).ready(function () {
     $("#page-size").change(ui_change_option);
     $("#page-rows").change(ui_change_option);
     $("#page-columns").change(ui_change_option);
+    $("#card-arrangement").change(ui_change_option);
     $("#card-size").change(ui_change_option);
 
     $("#default-color").change(ui_change_default_color);