Fixes #17

Author: root

appinfo/info.xml

@@ -5,7 +5,7 @@
     <name>Cookbook</name>
     <summary>An integrated cookbook using schema.org JSON files as recipes</summary>
     <description><![CDATA[A library for all your recipes. It uses JSON files following the schema.org recipe format. To add a recipe to the collection, you can paste in the URL of the recipe, and the provided web page will be parsed and downloaded to whichever folder you specify in the app settings.]]></description>
-    <version>0.3.1</version>
+    <version>0.3.2</version>
     <licence>agpl</licence>
     <author mail="[email protected]" >Jeppe Zapp</author>
     <namespace>Cookbook</namespace>

css/style.css

@@ -210,3 +210,30 @@
             margin-left: auto;
             display: block;
         }
+
+/**
+ * Print
+ */
+@media print {
+    #header,
+    #app-navigation,
+    .recipe-toolbar {
+        display: none !important;
+    }
+
+    #content,
+    #app-content-wrapper {
+        display: block !important;
+        padding: 0 !important;
+        overflow: visible !important;
+    }
+
+    #app-content {
+        margin-left: 0 !important;
+    }
+
+    a:link:after,
+    a:visited:after {
+        content:" [" attr(href) "] ";
+    }
+}

js/script.js

@@ -149,7 +149,8 @@ var Content = function (cookbook) {
                 $('#app-content-wrapper form').off('submit');
                 $('#app-content-wrapper form').submit(self.onUpdateRecipe);
 
-                $('#app-content-wrapper .icon-delete').click(self.onDeleteRecipe);
+                $('#print-recipe').click(self.onPrintRecipe);
+                $('#delete-recipe').click(self.onDeleteRecipe);
 
                 self.updateListItems();
 
@@ -192,6 +193,12 @@ var Content = function (cookbook) {
         });
     };
 
+    /**
+     * Event: Print recipe
+     */
+    self.onPrintRecipe = function(e) {
+        window.print();
+    };
 
     /**
      * Updates all lists items with click events

templates/content/recipe.php

@@ -6,8 +6,9 @@
     <?php } ?>
 
     <div class="recipe-toolbar">
-        <a href="#<?php echo $_['id']; ?>|edit" class="button svg action icon-rename" title="<?php p($l->t('Edit recipe')); ?>"></a>
-        <button class="button svg action icon-delete" data-id="<?php echo $_['id']; ?>" title="<?php p($l->t('Delete recipe')); ?>"></button>
+        <a id="edit-recipe" href="#<?php echo $_['id']; ?>|edit" class="button svg action icon-rename" title="<?php p($l->t('Edit recipe')); ?>"></a>
+        <button id="print-recipe" class="button svg action icon-category-office" title="<?php p($l->t('Print recipe')); ?>"></button>
+        <button id="delete-recipe" class="button svg action icon-delete" data-id="<?php echo $_['id']; ?>" title="<?php p($l->t('Delete recipe')); ?>"></button>
     </div>
 
     <h2><?php echo $_['name']; ?></h2>