Bug 19166: (follow-up) Adjust table and files and QA issues
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / acqui / lateorders.tt
index 1e64e1f..7711a33 100644 (file)
@@ -1,25 +1,45 @@
+[% USE Asset %]
+[% USE KohaDates %]
+[% USE Branches %]
+[% USE ColumnsSettings %]
+[% SET footerjs = 1 %]
 [% INCLUDE 'doc-head-open.inc' %]
 <title>Koha &rsaquo; Acquisitions &rsaquo; Late orders</title>
+[% Asset.css("css/datatables.css") %]
 [% INCLUDE 'doc-head-close.inc' %]
 </head>
-<body>
+
+<body id="acq_lateorders" class="acq">
 [% INCLUDE 'header.inc' %]
 [% INCLUDE 'acquisitions-search.inc' %]
 
 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/acqui/acqui-home.pl">Acquisitions</a> &rsaquo; <a href="lateorders.pl">Late orders</a></div>
 
-<div id="doc3" class="yui-t2">
-   
-   <div id="bd">
-       <div id="yui-main">
-       <div class="yui-b">
-       
+<div class="main container-fluid">
+    <div class="row">
+        <div class="col-sm-10 col-sm-push-2">
+            <main>
+
 <h1>[% IF ( Supplier ) %][% Supplier %] : [% END %]Late orders</h1>
 <div id="acqui_lateorders">
 
+[% IF error_claim %]
+    [% IF ( error_claim == "no_email" ) %]
+        <div class="error">This vendor has no email</div>
+    [% ELSIF ( error_claim == "no_order_selected" ) %]
+        <div class="error">No order selected</div>
+    [% ELSE %]
+        <div class="error">[% error_claim %]</div>
+    [% END %]
+[% END %]
+[% IF info_claim %]
+    <div class="dialog message">Email has been sent.</div>
+[% END %]
 [% IF ( lateorders ) %]
 <form action="lateorders.pl" name="claim" method="post">
   <input type="hidden" name="op" value="send_alert" />
+  <input type="hidden" name="delay" value="[% delay | html%]" />
+  <input type="hidden" name="booksellerid" value="[% booksellerid %]" />
        [% IF ( letters ) %]
        <p><label for="letter_code">Claim using notice: </label><select name="letter_code" id="letter_code">
          [% FOREACH letter IN letters %]
          </select>
        </p>
        [% END %]
-    <table>
+    <table id="late_orders">
+      <thead>
         <tr>
-            <th>Order Date</th>
+            [% IF Supplier %]
+                <th><a id="CheckAll" href="#">Check all</a><br /><a id="CheckNone" href="#">Uncheck all</a></th>
+            [% ELSE %]
+                <th></th>
+            [% END %]
+            <th class="title-string">Order date</th>
+            <th class="title-string">Estimated delivery date</th>
             <th>Vendor</th>
-            <th>Information</th>
+            <th class="anti-the">Information</th>
             <th>Total cost</th>
             <th>Basket</th>
-            <th>&nbsp;</th>
+            <th>Basket group</th>
+            <th>Library</th>
+            <th>Fund</th>
+            <th>Claims count</th>
+            <th class="title-string">Claimed date</th>
         </tr>
-    [% FOREACH lateorder IN lateorders %]
-        [% UNLESS ( loop.odd ) %]<tr class="highlight">
-        [% ELSE %]<tr>[% END %]
+      </thead>
+      <tbody>
+      [% FOREACH lateorder IN lateorders %]
+        <tr>
+            <td>
+                <input type="checkbox" value="[% lateorder.ordernumber %]" data-booksellerid="[% lateorder.supplierid %]" name="ordernumber">
+            </td>
+            <td>
+                <span title="[% lateorder.orderdate %]">[% lateorder.orderdate | $KohaDates %] ([% lateorder.latesince %] days)</span>
+            </td>
             <td>
-                [% lateorder.orderdate %]
-                ([% lateorder.latesince %] days)
+                [% IF ( lateorder.estimateddeliverydate ) %]
+                    <span title="[% lateorder.estimateddeliverydate %]">[% lateorder.estimateddeliverydate | $KohaDates  %]</span>
+                [% ELSE %]
+                    <span title="0000-00-00"></span>
+                [% END %]
             </td>
             <td>
                 [% lateorder.supplier %]
+                ([% lateorder.supplierid %])
             </td>
             <td>
                 <b>[% lateorder.title |html %]</b>
             <td>
                    [% lateorder.unitpricesupplier %]x[% lateorder.quantity %] = 
                    [% lateorder.subtotal %]
-                    <p title="budget">[% lateorder.budget %]</p>
             </td>
             <td>
-                 <p><a href="basket.pl?basketno=[% lateorder.basketno %]" title="basket">
-                        [% lateorder.basketno %]
-                       </a>
-                 </p>
-                 <p title="branch">[% lateorder.branch %]</p>
+                [% IF ( CAN_user_acquisition_order_manage ) %]
+                    <a href="basket.pl?basketno=[% lateorder.basketno %]" title="basket">[% lateorder.basketname %] ([% lateorder.basketno %])</a>
+                [% ELSE %]
+                    [% lateorder.basketname %] ([% lateorder.basketno %])
+                [% END %]
             </td>
             <td>
-                <input type="checkbox" name="claim_for" value="[% lateorder.ordernumber %]" />
+                [% IF ( lateorder.basketgroupid ) %]
+                    [% IF ( CAN_user_acquisition_group_manage ) %]
+                        <a href="basketgroup.pl?op=add&booksellerid=[% lateorder.supplierid %]&basketgroupid=[% lateorder.basketgroupid %]" title="basketgroup">[% lateorder.basketgroupname %] ([% lateorder.basketgroupid %])</a>
+                    [% ELSE %]
+                        [% lateorder.basketgroupname %] ([% lateorder.basketgroupid %])</a>
+                    [% END %]
+                [% END %]
             </td>
-        </tr>
-        [% END %]
-        <tr> 
-            <th>Total</th>
-            <th colspan="2">&nbsp;</th>
-            <th>[% total %]</th>
-            <th>&nbsp;</th>
+            <td>[% Branches.GetName( lateorder.branch ) %]
+            </td>
+            <td>[% lateorder.budget %]
+            </td>
+            <td>[% lateorder.claims_count %]</td>
             <td>
-                <input type="submit" value="Claim Order" />
+                [% IF ( lateorder.claimed_date ) %]
+                    <span title="[% lateorder.claimed_date %]">[% lateorder.claimed_date | $KohaDates %]</span>
+                [% ELSE %]
+                    <span title="0000-00-00"></span>
+                [% END %]
             </td>
         </tr>
+      [% END %]
+      </tbody>
+      <tfoot>
+        <tr>
+            <th colspan="5">Total</th>
+            <th>[% total %]</th>
+            <th colspan="6">&nbsp;</th>
+        </tr>
+      </tfoot>
     </table>
-     </form>
+    <div class="spacer"></div>
+
+    <p style="display:block;">
+        <input type="button" value="Export as CSV" id="ExportSelected" />
+        [% UNLESS lateorder.budget_lock %]
+            <input type="submit"  value="Claim order" />
+        [% END %]
+    </p>
+</form>
 [% ELSE %]<p>There are no late orders.</p>
 [% END %]
-</div>
-</div>
-</div>
-<div class="yui-b">
+</div> <!-- /#acqui_lateorders -->
+</main>
+</div> <!-- /.col-sm-10.col-sm-push-2 -->
+
+<div class="col-sm-2 col-sm-pull-10">
+    <aside>
 <form action="lateorders.pl" method="get">
 <fieldset class="brief">
-<h4>Filter Results:</h4>
+<h4>Filter results:</h4>
 [% FOREACH ERROR_LOO IN ERROR_LOOP %]
-[% IF ( ERROR_LOO.delay_digits ) %]<p class="error">The number of days ([% ERROR_LOO.bad_delay %]) must be a number between 0 and 999.</p>[% END %]
+[% IF ( ERROR_LOO.delay_digits ) %]<p class="error">The number of days ([% ERROR_LOO.bad_delay | html %]) must be a number between 0 and 999.</p>[% END %]
 [% END %]
-<ol><li><label for="delay">Order date:</label><input size="3" maxlength="3" id="delay" type="text" name="delay" value="[% delay %]" /> days ago</li>
-       <li><label for="supplierid">Vendor:</label>
-               <select id="supplierid" size="1" tabindex="" name="supplierid">
-                       <option value=""/>
+<ol>
+    <li><label for="delay">Order date:</label><input size="3" maxlength="3" id="delay" type="text" name="delay" value="[% delay | html%]" /> days ago</li>
+    <li><label for="from">Estimated delivery date from: </label>
+        <input type="text" size="10" id="from" name="estimateddeliverydatefrom" value="[% estimateddeliverydatefrom %]" class="datepickerfrom" />
+        <div class="hint">[% INCLUDE 'date-format.inc' %]</div>
+    </li>
+    <li><label for="to">To: </label>
+        <input type="text" size="10" id="to" name="estimateddeliverydateto" value="[% estimateddeliverydateto %]" class="datepickerto" />
+        <div class="hint">[% INCLUDE 'date-format.inc' %]</div>
+    </li>
+
+       <li><label for="booksellerid">Vendor:</label>
+               <select id="booksellerid" size="1" tabindex="" name="booksellerid">
+            <option value=""></option>
                        [% FOREACH SUPPLIER_LOO IN SUPPLIER_LOOP %]
                 [% IF ( SUPPLIER_LOO.selected ) %]<option value="[% SUPPLIER_LOO.id %]" selected="selected">[% SUPPLIER_LOO.name %]</option>
                 [% ELSE %]<option value="[% SUPPLIER_LOO.id %]">[% SUPPLIER_LOO.name %]</option>[% END %]
                [% END %]
                </select>
 </ol>
-       <fieldset class="action"><input type="submit" value="filter" /></fieldset>
+    <fieldset class="action"><input type="submit" value="Filter" /></fieldset>
 </fieldset>
     </form>
 [% INCLUDE 'acquisitions-menu.inc' %]
+</aside>
+</div> <!-- /.col-sm-2.col-sm-pull-10 -->
 </div>
-</div>
+
+[% MACRO jsinclude BLOCK %]
+    [% Asset.js("js/acquisitions-menu.js") %]
+    [% INCLUDE 'datatables.inc' %]
+    [% INCLUDE 'columns_settings.inc' %]
+    [% Asset.js("lib/jquery/plugins/jquery.checkboxes.min.js") %]
+    [% INCLUDE 'calendar.inc' %]
+    <script>
+        var late_orderst;
+        function check_uncheck() {
+            var all_nodes = $(late_orderst.fnGetNodes());
+            if ( $(all_nodes).find("input:checkbox[name=ordernumber]:checked").length > 0) {
+                var booksellerid = $(all_nodes).find("input:checkbox[name=ordernumber]:checked:first").attr("data-booksellerid");
+                $(all_nodes).find("input:checkbox[name=ordernumber][data-booksellerid!="+booksellerid+"]").prop('disabled', true);
+            } else {
+                $("input:checkbox[name=ordernumber]").prop('disabled', false);
+            }
+        }
+
+        $(document).ready(function() {
+
+            var columns_settings = [% ColumnsSettings.GetColumns( 'acqui', 'lateorders', 'late_orders', 'json' ) %];
+            late_orderst = KohaTable("late_orders", {
+                "aoColumnDefs": [
+                    { "aTargets": [ 0 ], "bSortable": false, "bSearchable": false },
+                    { "sType": "anti-the", "aTargets" : [ "anti-the" ] },
+                    { "sType": "title-string", "aTargets" : [ "title-string" ] }
+                ],
+                "sPaginationType": "four_button",
+                "bAutoWidth": false,
+                "fnDrawCallback": function() {
+                    if ( typeof late_orderst != 'undefined' ) {
+                        check_uncheck();
+                        $('input:checkbox[name=ordernumber]').bind('click', check_uncheck);
+                    };
+                }
+            }, columns_settings );
+            $('input:checkbox[name=ordernumber]').bind('click', check_uncheck);
+            $('#CheckAll').click(function(){ $(late_orderst.fnGetNodes()).find("td").checkCheckboxes();});
+            $('#CheckNone').click(function(){ $(late_orderst.fnGetNodes()).find("td").unCheckCheckboxes();});
+
+            // Generates a dynamic link for exporting the selection's data as CSV
+            $("#ExportSelected").click(function() {
+                var all_nodes = $(late_orderst.fnGetNodes());
+                var selected = $(all_nodes).find("input[name='ordernumber']:checked");
+
+                if (selected.length == 0) {
+                    alert(_("Please select at least one item to export."));
+                    return false;
+                }
+
+                // Building the url from currently checked boxes
+                var url = '/cgi-bin/koha/acqui/lateorders-export.pl?op=export';
+                for (var i = 0; i < selected.length; i++) {
+                    url += '&amp;ordernumber=' + selected[i].value;
+                }
+                // And redirecting to the CSV page
+                location.href = url;
+                return false;
+            });
+        });
+    </script>
+[% END %]
+
 [% INCLUDE 'intranet-bottom.inc' %]