Fin de la page de liste des achats

local/modules/PlanificationLivraison/I18n/fr_FR.php

@@ -11,11 +11,12 @@ return array(
     'Number of days needed for preparation' => 'Nombre de jours nécessaires pour préparation des commandes',
     'Number of days' => 'Nombre de jours',
     'Number of days - help' => 'A partir d\'aujourd\'hui 0h00',
-    'Period to consider' => 'Commandes à livrer ou déposer sur la période',
+    'Period to consider' => 'Prendre en compte les commandes passées sur la période',
     'Red alert delay' => 'Nombre de jours du seuil CRITIQUE',
     'Orange alert delay' => 'Nombre de jours du seuil URGENT',
     'Orders for the next x days' => 'Produits à fournir pour la période du <b>%start_date</b> au <b>%end_date</b> inclus',
     'Packaging' => 'Conditionnement',
+    'Print the list' => 'Imprimer ce listing',
     'Product' => 'Produit',
     'Products to buy' => 'Liste des prochains achats à effectuer',
     'Products to buy - short' => 'Liste des prochains achats',

local/modules/PlanificationLivraison/templates/backOffice/default/assets/css/custom.css

@@ -9,10 +9,27 @@ h4 > b {
   color: red;
 }
 
-i.icone-imprimante {
-  font-size: 26px;
-}
-
 #print-products-list {
   font-size: 18px;
-}
+}
+
+.lancer-impression {
+  font-size: 16px;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  margin: 0 0 0 20px !important;
+  cursor: pointer;
+  background-color: red;
+  padding: 5px;
+  color: white;
+}
+.lancer-impression::before {
+  position: relative;
+  font-family: 'Glyphicons Halflings';
+  content: "\e045";
+  font-style: normal;
+  font-weight: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  padding-right: 8px;
+}

local/modules/PlanificationLivraison/templates/backOffice/default/assets/css/print.css

@@ -3,9 +3,6 @@
   #entete-recherche {
     display: none;
   }
-  #titre {
-    display: none;
-  }
   footer {
     display: none;
   }

local/modules/PlanificationLivraison/templates/backOffice/default/liste-achats.html

@@ -4,7 +4,7 @@
 {$admin_current_location = 'module'}
 {/block}
 
-{block name="page-title"}<span id="titre">{intl l='Products to buy' d='planificationlivraison'}</span>{/block}
+{block name="page-title"}{intl l='Products to buy' d='planificationlivraison'}{/block}
 
 {block name="check-resource"}admin.module{/block}
 {block name="check-access"}view{/block}
@@ -22,44 +22,36 @@
     <div class="general-block-decorator" id="entete-recherche">
         <div class="clearfix">
             <h4>{intl l="Period to consider" d="planificationlivraison"}</h4>
-        </div>
+            <div class="row">
+                {form name="planiflivraison.product.list"}
+                <form method="POST" action="{url path='/admin/module/PlanificationLivraison/products'}" >
+                    {form_hidden_fields form=$form}
 
-        <div class="row">
+                    <div class="col-md-12">
-            {form name="planiflivraison.product.list"}
+                        <div class="row" style="display: inline-flex">
-            <form method="POST" action="{url path='/admin/module/PlanificationLivraison/products'}" >
+                            <div class="input-group">
-                {form_hidden_fields form=$form}
+                                {form_field form=$form field="date-picker-start"}
+                                <span class="input-group-addon">{intl l="From" d="planificationlivraison"}</span>
+                                <input type="text" id="{$label_attr.for}" class="form-control" name="{$name}" value="{$startDate}" />
+                                {form_error form=$form field="date-picker-start"}{$message}{/form_error}
+                                {/form_field}
 
-                <div class="col-md-6">
+                                {form_field form=$form field="date-picker-end"}
-                    <div class="row" style="display: inline-flex">
+                                <span class="input-group-addon">{intl l="To" d="planificationlivraison"}</span>
-                        <div class="input-group">
+                                <input type="text" id="{$label_attr.for}" class="form-control" name="{$name}" value="{$endDate}" />
-                            {form_field form=$form field="date-picker-start"}
+                                {form_error form=$form field="date-picker-end"}{$message}{/form_error}
-                            <span class="input-group-addon">{intl l="From" d="planificationlivraison"}</span>
+                                {/form_field}
-                            <input type="text" id="{$label_attr.for}" class="form-control" name="{$name}" value="{$startDate}" />
+                            </div>
-                            {form_error form=$form field="date-picker-start"}{$message}{/form_error}
+                            <button type="submit" class="form-submit-button btn btn-info" >{intl l="Search products" d="planificationlivraison"}</button>
-                            {/form_field}
+                            <p class="lancer-impression">{intl l="Print the list" d="planificationlivraison"}</p>
-
-                            {form_field form=$form field="date-picker-end"}
-                            <span class="input-group-addon">{intl l="To" d="planificationlivraison"}</span>
-                            <input type="text" id="{$label_attr.for}" class="form-control" name="{$name}" value="{$endDate}" />
-                            {form_error form=$form field="date-picker-end"}{$message}{/form_error}
-                            {/form_field}
                         </div>
-                        <button type="submit" class="form-submit-button btn btn-info" >{intl l="Search products" d="planificationlivraison"}</button>
                     </div>
-                </div>
+                </form>
-
+                {/form}
-                <div class="col-md-6">
+            </div>
-                    <div id="impression">
-                        <span class="glyphicon glyphicon-print"></span>
-                        <p class="texte">{intl l="Print the list" d="planificationlivraison"}</p>
-                    </div>
-                </div>
-            </form>
-            {/form}
         </div>
     </div>
 
-
     <div class="general-block-decorator">
         <div class="scheduled-deliveries-list">
             <h4>{intl l="Orders for the next x days" d="planificationlivraison" days={$previousDaysNumber} start_date={$startDate} end_date={$endDate}}</h4>
@@ -123,6 +115,10 @@
         // $('#date-picker-end').datepicker('update', endDate);
     });
 
+    $(".lancer-impression").click(function () {
+        window.print();
+    });
+
 </script>
 {/block}