Bug 29609: Centralized code to build the link to a biblio detail page
[srvgit] / koha-tmpl / intranet-tmpl / prog / en / modules / serials / subscription-detail.tt
index 8593e41..b374082 100644 (file)
 [% USE Branches %]
 [% USE AuthorisedValues %]
 [% USE Price %]
+[% USE TablesSettings %]
 [% SET footerjs = 1 %]
 [% INCLUDE 'doc-head-open.inc' %]
-<title>Koha &rsaquo; Serials &rsaquo; Details for subscription #[% subscriptionid | html %]</title>
+<title>Details for subscription #[% subscriptionid | html %] &rsaquo; Serials &rsaquo; Koha</title>
 [% INCLUDE 'doc-head-close.inc' %]
-[% Asset.css("css/datatables.css") %]
+[% Asset.css("lib/jquery/plugins/treetable/stylesheets/jquery.treetable.css") | $raw %]
 </head>
 
 <body id="ser_subscription-detail" class="ser">
 [% INCLUDE 'header.inc' %]
 [% INCLUDE 'serials-search.inc' %]
 
-<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/serials/serials-home.pl">Serials</a> &rsaquo; Details for subscription #[% subscriptionid | html %]</div>
-
-<div id="doc3" class="yui-t2">
-   
-   <div id="bd">
-       <div id="yui-main">
-       <div class="yui-b">
-       [% INCLUDE 'serials-toolbar.inc' %]
-
-    <h1>Subscription for [% bibliotitle | html %] [% IF closed %](closed)[% END %]</h1>
-    [% IF ( abouttoexpire ) %]
-      [% UNLESS closed %]
-        <div class="dialog message">Subscription will expire [% enddate | html %]. <a href="#" id="renewsub">Renew this subscription</a>.</div>
-      [% END %]
-    [% END %]
-    [% IF ( NEEDSCONFIRMATION ) %]
-    <div id="circ_needsconfirmation" class="dialog alert">
-        <h3>Please confirm subscription deletion</h3>
-
-                       <ul>
-                       [% IF ( NOTEXPIRED ) %] <li>The subscription has not expired yet</li> [% END %] 
-                       [% IF ( LINKEDISSUES ) %] <li>The subscription has linked issues</li> [% END %]
-                       [% IF ( LINKEDITEMS ) %] <li>The subscription has linked items<br /> Those items won't be deleted</li> [% END %]
-                       </ul>
-                       <form method="post" action="/cgi-bin/koha/serials/subscription-detail.pl">
-                       <input type="hidden" name="subscriptionid" value="[% subscriptionid | html %]" />
-                       <input type="hidden" name="issueconfirmed" value="1" />
-                       <input type="hidden" name="op" value="del" />
-            <button type="submit" class="approve" accesskey="y"><i class="fa fa-fw fa-check"></i> Yes, delete (Y)</button>
-                       </form>
-                       <form method="get" action="/cgi-bin/koha/serials/subscription-detail.pl">
-                       <input type="hidden" name="subscriptionid" value="[% subscriptionid | html %]" />
-            <button type="submit" class="deny" accesskey="n"><i class="fa fa-fw fa-remove"></i> No, don't delete (N)</button>
-                       </form>
-
-       </div>
-       [% END %] <!-- NEEDSCONFIRMATION -->
-
-<div id="subscription_description" class="toptabs">
-<ul class="ui-tabs-nav">
-    <li><a href="#subscription_info">Information</a></li>
-    <li><a href="#subscription_planning">Planning</a></li>
-    <li><a href="#subscription_issues">Issues</a></li>
-    <li><a href="#subscription_summary">Summary</a></li>
-</ul>
+<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
+    <ol>
+        <li>
+            <a href="/cgi-bin/koha/mainpage.pl">Home</a>
+        </li>
 
-<div id="subscription_info">
-    <div class="yui-g">
-    <div class="yui-u first">
-    <div class="rows">
-               <ol>
-               <li><span class="label">Subscription ID: </span>[% subscriptionid | html %]</li>
-        <li><span class="label">Librarian identity:</span> [% librarian | html %]</li>
-        <li><span class="label">Vendor:</span> <a href="/cgi-bin/koha/acqui/supplier.pl?booksellerid=[% aqbooksellerid | html %]">[% aqbooksellername | html %]</a></li>
-        <li><span class="label">Biblio:</span>  <a href="/cgi-bin/koha/catalogue/[% default_bib_view | html %].pl?biblionumber=[% bibnum | html %]">[% bibliotitle | html %]</a> <i>([% bibnum | html %])</i></li>
-        [% IF ( OPACBaseURL ) %]
+        [% IF blocking_error %]
             <li>
-                <span class="label">OPAC view:</span>
-                <a id="view-subscription-in-opac" target="_blank" href="[% Koha.Preference('OPACBaseURL') | html %]/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | html %]">Open in new window.</a>
+                <a href="#" aria-current="page">
+                    Serials
+                </a>
             </li>
-        [% END %]
-[% IF ( branchcode ) %]<li><span class="label">Library:</span> [% Branches.GetName( branchcode ) | html %]</li>[% END %]
-        [% IF ( serialsadditems ) %]
-            <li><span class="label">Items:</span> Serial receipt creates an item record.</li>
         [% ELSE %]
-            <li><span class="label">Items:</span> Serial receipt does not create an item record.</li>
-        [% END %]
-        <li>
-            <span class="label">Serial number:</span>
-            [% IF skip_serialseq %]
-                Serial number is skipped when an irregularity is found.
-            [% ELSE %]
-                Serial number is kept when an irregularity is found.
-            [% END %]
-        </li>
-        <li><span class="label">Grace period:</span> [% graceperiod | html %]</li>
-        </ol>
-    </div>
-    </div>
-    <div class="yui-u">
-    <div class="rows">
-        <ol>
-        [% IF ( location ) %]<li><span class="label">Location:</span> [% location | html %]</li>[% END %]
-        [% IF ( callnumber ) %]<li><span class="label">Call number:</span> [% callnumber | html %]</li>[% END %]
-               [% IF ( staffdisplaycount ) %]<li><span class="label">Number of issues to display to staff:</span>[% staffdisplaycount | html %]</li>[% END %]
-        [% IF ( opacdisplaycount ) %]<li><span class="label">Number of issues to display in OPAC:</span>[% opacdisplaycount | html %]</li>[% END %]
-        [% IF ( letter ) %]
             <li>
-                <span class="label">Patron notification:</span> [% letter | html %]
-                (<a href="/cgi-bin/koha/serials/viewalerts.pl?subscriptionid=[% subscriptionid | html %]">subscribers</a>)
+                <a href="/cgi-bin/koha/serials/serials-home.pl">Serials</a>
+            </li>
+            <li>
+                <a href="#" aria-current="page">
+                    Details for subscription #[% subscriptionid | html %]
+                </a>
             </li>
         [% END %]
-        [% IF ( hasRouting ) %]<li><span class="label">Routing:</span> yes</li>[% END %]
-     </ol>
-     </div>
-     </div>
-     </div>
+    </ol>
+</nav>
 
-     [% IF additional_fields_for_subscription %]
-    <div class="yui-g">
-      <div class="yui-u first">
-        <div class="rows">
-          <legend>Additional fields:</legend>
-          <ol>
-            [% FOR field IN additional_fields_for_subscription %]
-              <li>
-                <span class="label">[% field.name | html %]:</span>
-                [% IF field.authorised_value_category %]
-                  [% AuthorisedValues.GetByCode( field.authorised_value_category, additional_fields.${field.name} ) | html %]
-                [% ELSE %]
-                  [% additional_fields.${field.name} | html %]
-                [% END %]
-              </li>
-            [% END %]
-          </ol>
-        </div>
-      </div>
-      </div>
-     [% END %]
-</div>
+<div class="main container-fluid">
+    <div class="row">
+        <div class="col-sm-10 col-sm-push-2">
+            <main>
 
-    <div id="subscription_planning">
-    <div class="yui-g">
-    <div class="rows">
-        <ol>
-            <li><span class="label">Beginning date:</span> [% startdate | html %]
-            </li>
-            <li><span class="label">Frequency:</span>
-                [% frequency.description | html %]
-            </li>
-            <li>
-              <span class="label">Manual history: </span>
-                [% IF ( manualhistory ) %]
-                    Enabled <a href="/cgi-bin/koha/serials/subscription-history.pl?subscriptionid=[% subscriptionid | html %]">Edit history</a>
-                [% ELSE %]
-                    Disabled
-                [% END %]
-            </li>
-            <li><span class="label">Number pattern:</span>
-                [% numberpattern.label | html %]
-            </li>
-            <li><table>
-            <tr>
-                <td>Starting with:</td>
-                [% IF (has_X) %]
-                    <td align="center">[% lastvalue1 | html %]</td>
-                [% END %]
-                [% IF (has_Y) %]
-                    <td align="center">[% lastvalue2 | html %]</td>
-                [% END %]
-                [% IF (has_Z) %]
-                    <td align="center">[% lastvalue3 | html %]</td>
-                [% END %]
-            </tr>
-            <tr>
-                <td>Rollover:</td>
-                [% IF (has_X) %]
-                    <td align="center">[% numberpattern.whenmorethan1 | html %]</td>
-                [% END %]
-                [% IF (has_Y) %]
-                    <td align="center">[% numberpattern.whenmorethan2 | html %]</td>
+                [% INCLUDE 'serials-toolbar.inc' %]
+                [% INCLUDE 'mana/mana-comment-status.inc' %]
+
+                <h1>Subscription for [% bibliotitle | html %] [% IF closed %](closed)[% END %]</h1>
+
+                [% IF ( abouttoexpire ) %]
+                    [% UNLESS closed %]
+                        <div class="dialog message">Subscription will expire [% enddate | html %]. <a href="#" id="renewsub">Renew this subscription</a>.</div>
+                    [% END %]
                 [% END %]
-                [% IF (has_Z) %]
-                    <td align="center">[% numberpattern.whenmorethan3 | html %]</td>
+
+                [% IF ( NEEDSCONFIRMATION ) %]
+                    <div id="circ_needsconfirmation" class="dialog alert">
+                        <h3>Please confirm subscription deletion</h3>
+
+                        <ul>
+                            [% IF ( NOTEXPIRED ) %] <li>The subscription has not expired yet</li> [% END %]
+                            [% IF ( LINKEDISSUES ) %] <li>The subscription has linked issues</li> [% END %]
+                            [% IF ( LINKEDITEMS ) %] <li>The subscription has linked items<br /> Those items won't be deleted</li> [% END %]
+                        </ul>
+
+                        <form method="post" action="/cgi-bin/koha/serials/subscription-detail.pl">
+                            <input type="hidden" name="subscriptionid" value="[% subscriptionid | html %]" />
+                            <input type="hidden" name="issueconfirmed" value="1" />
+                            <input type="hidden" name="op" value="del" />
+                            <button type="submit" class="approve" accesskey="y"><i class="fa fa-fw fa-check"></i> Yes, delete (Y)</button>
+                        </form>
+
+                        <form method="get" action="/cgi-bin/koha/serials/subscription-detail.pl">
+                            <input type="hidden" name="subscriptionid" value="[% subscriptionid | html %]" />
+                            <button type="submit" class="deny" accesskey="n"><i class="fa fa-fw fa-remove"></i> No, don't delete (N)</button>
+                        </form>
+                    </div>
+                [% END # /IF NEEDSCONFIRMATION %]
+
+                [% IF mana_code.defined %]
+                    <div id="alert-community" class="dialog message">
+                        <p>
+                            [% mana_code | html %]
+                        </p>
+                    </div>
                 [% END %]
-            </tr>
-            </table></li>
-            [% IF ( irregular_issues ) %]
-            <li><span class="label">Irregularity:</span> [% irregular_issues | html %] issues
-            </li>
-            [% END %]
-            <li><span class="label">First arrival:</span> [% firstacquidate | html %]
-            </li>
-        [% IF ( numberlength ) %]<li><span class="label">Number of issues:</span> [% numberlength | html %]</li>[% END %]
-        [% IF ( weeklength ) %]<li><span class="label">Number of weeks:</span> [% weeklength | html %]</li>[% END %]
-        [% IF ( monthlength ) %]<li><span class="label">Number of months:</span> [% monthlength | html %]</li>[% END %]
-        </ol>
-    </div>
-    </div>
-    </div>
-    <div id="subscription_numbering" style="display:none;">
-        <h3>Numbering calculation</h3>
-        <p><label>Numbering formula:</label> [% numberingmethod | html %]</p>
-        <table>
-            <tr>
-                <th>&nbsp;</th>
-                <th>X</th>
-                <th>Y</th>
-                <th>Z</th>
-                </tr>
-                <tr>
-                    <td>Add</td>
-                    <td>
-                        [% add1 | html %]
-                    </td>
-                    <td>
-                        [% add2 | html %]
-                    </td>
-                    <td>
-                        [% add3 | html %]
-                    </td>
-                </tr>
-                <tr>
-                    <td>once every</td>
-                    <td>[% every1 | html %]</td>
-                    <td>[% every2 | html %]</td>
-                    <td>[% every3 | html %]</td>
-                </tr>
-                <tr>
-                    <td>When more than</td>
-                    <td>[% whenmorethan1 | html %] [% IF ( innerloop1 ) %]<br />
-                        <i>(is [% innerloop1 | html %])</i>[% END %]</td>
-                    <td>[% whenmorethan2 | html %] [% IF ( innerloop2 ) %]<br />
-                        <i>(is [% innerloop2 | html %])</i>[% END %]</td>
-                    <td>[% whenmorethan3 | html %] [% IF ( innerloop3 ) %]<br />
-                        <i>(is [% innerloop3 | html %])</i>[% END %]</td>
-                </tr>
-                <tr>
-                    <td>Set back to</td>
-                    <td>[% setto1 | html %]</td>
-                    <td>[% setto2 | html %]</td>
-                    <td>[% setto3 | html %]</td>
-                </tr>
-                <tr>
-                    <td>
-                            Inner counter
-                    </td>
-                    <td>[% innerloop1 | html %]</td>
-                    <td>[% innerloop2 | html %]</td>
-                    <td>[% innerloop3 | html %]</td>
-                </tr>
-                <tr>
-                    <td>
-                            Last value
-                    </td>
-                    <td>[% lastvalue1 | html %]</td>
-                    <td>[% lastvalue2 | html %]</td>
-                    <td>[% lastvalue3 | html %]</td>
-                </tr>
-            </table>
-    </div>
-    <div id="subscription_issues">
-        <table>
-        <tr>
-            <th>Issue number</th>
-            <th>Planned date</th>
-            <th>Published date</th>
-            <th>Published date (text)</th>
-            <th>Status</th>
-        </tr>
-        [% FOREACH serialslis IN serialslist %]
-            <tr>
-                <td>
-                    [% serialslis.serialseq | html %]
-                </td>
-                <td>
-                    [% IF serialslis.planneddate %]
-                      [% serialslis.planneddate | html %]
-                    [% ELSE %]
-                      Unknown
-                    [% END %]
-                </td>
-                <td>
-                    [% IF serialslis.publisheddate %]
-                      [% serialslis.publisheddate | html %]
-                    [% ELSE %]
-                      Unknown
-                    [% END %]
-                </td>
-                <td>
-                    [% serialslis.publisheddatetext | html %]
-                </td>
-                <td>
-                    [% IF ( serialslis.status1 ) %]Expected[% END %]
-                    [% IF ( serialslis.status2 ) %]Arrived[% END %]
-                    [% IF ( serialslis.status3 ) %]Late[% END %]
-                    [% IF ( serialslis.status4 ) %]Missing[% END %]
-                    [% IF ( serialslis.status41 ) %]Missing (never received)[% END %]
-                    [% IF ( serialslis.status42 ) %]Missing (sold out)[% END %]
-                    [% IF ( serialslis.status43 ) %]Missing (damaged)[% END %]
-                    [% IF ( serialslis.status44 ) %]Missing (lost)[% END %]
-                    [% IF ( serialslis.status5 ) %]Not issued[% END %]
-                    [% IF ( serialslis.status6 ) %]Delete[% END %]
-                    [% IF ( serialslis.status7 ) %]
-                      Claimed
-                      [% IF ( serialslis.claimdate ) %]
-                        [% serialslis.claimdate | html %]
-                      [% END %]
-                    [% END %]
-                    [% IF ( serialslis.status8 ) %]Stopped[% END %]
-                </td>
-            </tr>
-        [% END %]
-        </table>
-    </div>
-    <div id="subscription_summary">
-    <div class="yui-g">
-    <div class="rows">
-        <ol>
-            <li><span class="label">Start date:</span> [% startdate | html %] </li>
-            <li><span class="label">End date:</span> [% enddate | html %]</li>
-            <li><span class="label">History start date:</span> [% histstartdate | html %] </li>
-            <li><span class="label">History end date:</span> [% histenddate | html %]</li>
-            <li><span class="label">Received issues:</span>[% recievedlist | html %]</li>
-            <li><span class="label">Missing issues:</span>[% missinglist | html %]</li>
-            <li><span class="label">Nonpublic note:</span>[% internalnotes FILTER html_line_break | html %]</li>
-            <li><span class="label">Public note:</span>[% notes FILTER html_line_break | html %]</li>
-            <li><span class="label">History staff note:</span>[% librariannote FILTER html_line_break | html %]</li>
-            <li><span class="label">History OPAC note:</span>[% opacnote FILTER html_line_break | html %]</li>
-        </ol>
-    </div>
-    </div>
-    </div>
-    </div>
 
-    [% IF orders %]
-        <div id="acquisition_details">
-            <h2>Acquisition details</h2>
-            <table id="orders">
-                <caption>
-                  <span class="actions">
-                  <a href="#" id="hide_received_orders">Hide already received orders</a>
-                  | <a href="#" id="show_all_orders">Show all orders</a></span>
-                </caption>
+                <div id="subscription_description" class="toptabs">
+                    <ul class="ui-tabs-nav">
+                        <li><a href="#subscription_info">Information</a></li>
+                        <li><a href="#subscription_planning">Planning</a></li>
+                        <li><a href="#subscription_issues">Issues</a></li>
+                        <li><a href="#subscription_summary">Summary</a></li>
+                        [% IF orders_grouped.size %]
+                            <li>
+                                <a href="#acquisition_details">Acquisition details</a>
+                            </li>
+                        [% END %]
+                    </ul>
+
+                    <div id="subscription_info">
+                        <div class="row">
+                            <div class="col-sm-6">
+                                <div class="rows">
+                                    <ol>
+                                        <li><span class="label">Subscription ID: </span>[% subscriptionid | html %]</li>
+                                        <li><span class="label">Librarian identity:</span> [% librarian | html %]</li>
+                                        <li><span class="label">Vendor:</span> <a href="/cgi-bin/koha/acqui/supplier.pl?booksellerid=[% aqbooksellerid | uri %]">[% aqbooksellername | html %]</a></li>
+                                        <li><span class="label">Biblio:</span>  <a href="[% PROCESS biblio_a_href biblionumber => bibnum %]">[% bibliotitle | html %]</a> <em>([% bibnum | html %])</em></li>
+                                        [% IF ( OPACBaseURL ) %]
+                                            <li>
+                                                <span class="label">OPAC view:</span>
+                                                <a id="view-subscription-in-opac" target="_blank" href="[% Koha.Preference('OPACBaseURL') | url %]/cgi-bin/koha/opac-detail.pl?biblionumber=[% biblionumber | uri %]">Open in new window.</a>
+                                            </li>
+                                        [% END %]
+                                        [% IF ( branchcode ) %]
+                                            <li><span class="label">Library:</span> [% Branches.GetName( branchcode ) | html %]</li>
+                                        [% END %]
+                                        [% IF ( serialsadditems ) %]
+                                            <li><span class="label">Items:</span> Serial receipt creates an item record.</li>
+                                        [% ELSE %]
+                                            <li><span class="label">Items:</span> Serial receipt does not create an item record.</li>
+                                        [% END %]
+                                        <li>
+                                            <span class="label">Serial number:</span>
+                                            [% IF skip_serialseq %]
+                                                Serial number is skipped when an irregularity is found.
+                                            [% ELSE %]
+                                                Serial number is kept when an irregularity is found.
+                                            [% END %]
+                                        </li>
+                                        <li><span class="label">Grace period:</span> [% graceperiod | html %]</li>
+                                    </ol>
+                                </div> <!-- /.rows -->
+                            </div> <!-- /.col-sm-6 -->
+                            <div class="col-sm-6">
+                                <div class="rows">
+                                    <ol>
+                                        [% IF ( location ) %]<li><span class="label">Location:</span> [% location | html %]</li>[% END %]
+                                        [% IF ( callnumber ) %]<li><span class="label">Call number:</span> [% callnumber | html %]</li>[% END %]
+                                        [% IF ( staffdisplaycount ) %]<li><span class="label">Number of issues to display to staff:</span>[% staffdisplaycount | html %]</li>[% END %]
+                                        [% IF ( opacdisplaycount ) %]<li><span class="label">Number of issues to display in OPAC:</span>[% opacdisplaycount | html %]</li>[% END %]
+                                        [% IF ( letter ) %]
+                                            <li>
+                                                <span class="label">Patron notification:</span> [% letter | html %]
+                                                (<a href="/cgi-bin/koha/serials/viewalerts.pl?subscriptionid=[% subscriptionid | uri %]">subscribers</a>)
+                                            </li>
+                                        [% END %]
+                                        [% IF ( hasRouting ) %]<li><span class="label">Routing:</span> yes</li>[% END %]
+                                    </ol>
+                                </div> <!-- /.rows -->
+                            </div> <!-- /.col-sm-6 -->
+                        </div> <!-- /.row -->
 
-                <thead>
-                    <tr>
-                        <th>Invoice</th>
-                        <th>Basket</th>
-                        <th>Order number</th>
-                        <th class="title-string">Creation date</th>
-                        <th class="title-string">Receive date</th>
-                        <th>Status</th>
-                        <th>Fund</th>
-                        <th>Ordered</th>
-                        <th>Spent</th>
-                    </tr>
-                </thead>
-                <tbody>
-                [% FOR order IN orders %]
-                    <tr>
-                        <td>
-                        [% IF order.invoice %]
-                            [% IF CAN_user_acquisition %]
-                                <a href="/cgi-bin/koha/acqui/invoice.pl?invoiceid=[% order.invoiceid %]" title="Invoice detail page">
-                                   [% order.invoice.invoicenumber | html %]</a>
-                            [% ELSE %]
-                                [% order.invoice.invoicenumber | html %]
-                            [% END %]
+                        [% IF available_additional_fields.count %]
+                            <hr>
+                            <div class="row">
+                                <div class="col-sm-6">
+                                    <h3>Additional fields:</h3>
+                                    <div class="rows">
+                                        <ol>
+                                            [% INCLUDE 'additional-fields-display.inc' available=available_additional_fields values=additional_field_values %]
+                                        </ol>
+                                    </div> <!-- /.rows -->
+                                </div> <!-- /.col-sm-6 -->
+                            </div> <!-- /.row -->
                         [% END %]
-                        </td>
-                        <td>[% IF CAN_user_acquisition_order_manage %]
-                            <a href="/cgi-bin/koha/acqui/basket.pl?basketno=[% order.basketno | uri %]">[% order.basket.basketname | html %] ([% order.basketno | html %])</a>
-                        [% ELSE %]
-                            [% order.basket.basketname | html %] ([% order.basketno | html %])
-                        [% END %]</td>
-                        <td>[% order.ordernumber | html %]</td>
-                        <td><span title="[% order.basket.creationdate | uri %]">[% order.basket.creationdate | $KohaDates%]</span></td>
-                        <td>[% IF order.datereceived %]<span title="[% order.datereceived | uri %]">[% order.datereceived | $KohaDates %]</span>[% END %]</td>
-                        <td>
-                          [% SWITCH order.orderstatus %]
-                            [% CASE 'new' %]New
-                            [% CASE 'ordered' %]Ordered
-                            [% CASE 'partial' %]Partial
-                            [% CASE 'complete' %]Complete
-                            [% CASE 'cancelled' %]Cancelled
-                          [% END %]
-                        </td>
-                        <td>[% order.fund.budget_name | html %]</td>
-                        <td>
-                            [% UNLESS order.datereceived %]
-                                [% order.ecost_tax_excluded | $Price %] / [% order.ecost_tax_included | $Price %]
-                            [% END %]
-                        </td>
-                        <td>
-                            [% IF order.datereceived %]
-                                [%# FIXME What if unitprice has not been filled? %]
-                                [% order.unitprice_tax_excluded | $Price %] / [% order.unitprice_tax_included | $Price %]
-                            [% END %]
-                        </td>
-                    </tr>
-                [% END %]
-                </tbody>
-            </table>
-          </div>
-      [% END %]
+                    </div> <!-- /#subscription_info -->
 
-</div>
-</div>
+                    <div id="subscription_planning">
+                        <div class="row">
+                            <div class="col-sm-12">
+                                <div class="rows">
+                                    <ol>
+                                        <li>
+                                            <span class="label">Beginning date:</span>
+                                            [% startdate | html %]
+                                        </li>
+                                        <li>
+                                            <span class="label">Frequency:</span>
+                                            [% frequency.description | html %]
+                                        </li>
+                                        <li>
+                                            <span class="label">Manual history: </span>
+                                            [% IF ( manualhistory ) %]
+                                                Enabled <a href="/cgi-bin/koha/serials/subscription-history.pl?subscriptionid=[% subscriptionid | uri %]">Edit history</a>
+                                            [% ELSE %]
+                                                Disabled
+                                            [% END %]
+                                        </li>
+                                        <li>
+                                            <span class="label">Number pattern:</span>
+                                            [% numberpattern.label | html %]
+                                        </li>
+                                        <li>
+                                            <table>
+                                                <tr>
+                                                    <td>Starting with:</td>
+                                                    [% IF (has_X) %]
+                                                        <td>[% lastvalue1 | html %]</td>
+                                                    [% END %]
+                                                    [% IF (has_Y) %]
+                                                        <td>[% lastvalue2 | html %]</td>
+                                                    [% END %]
+                                                    [% IF (has_Z) %]
+                                                        <td>[% lastvalue3 | html %]</td>
+                                                    [% END %]
+                                                </tr>
+                                                <tr>
+                                                    <td>Rollover:</td>
+                                                    [% IF (has_X) %]
+                                                        <td>[% numberpattern.whenmorethan1 | html %]</td>
+                                                    [% END %]
+                                                    [% IF (has_Y) %]
+                                                        <td>[% numberpattern.whenmorethan2 | html %]</td>
+                                                    [% END %]
+                                                    [% IF (has_Z) %]
+                                                        <td>[% numberpattern.whenmorethan3 | html %]</td>
+                                                    [% END %]
+                                                </tr>
+                                            </table>
+                                        </li>
+                                        [% IF ( irregular_issues ) %]
+                                            <li>
+                                                <span class="label">Irregularity:</span>
+                                                [% irregular_issues | html %] issues
+                                            </li>
+                                        [% END %]
+                                        <li>
+                                            <span class="label">First arrival:</span>
+                                            [% firstacquidate | html %]
+                                        </li>
+                                        [% IF ( numberlength ) %]<li>
+                                            <span class="label">Number of issues:</span>
+                                            [% numberlength | html %]</li>
+                                        [% END %]
+                                        [% IF ( weeklength ) %]<li>
+                                            <span class="label">Number of weeks:</span>
+                                            [% weeklength | html %]</li>
+                                        [% END %]
+                                        [% IF ( monthlength ) %]<li>
+                                            <span class="label">Number of months:</span>
+                                            [% monthlength | html %]</li>
+                                        [% END %]
+                                    </ol>
+                                </div> <!-- /.rows -->
+                            </div> <!-- /.col-sd-12 -->
+                        </div> <!-- /.row -->
+                    </div> <!-- /#subscription_planning -->
 
-<div class="yui-b">
-[% INCLUDE 'serials-menu.inc' %]
-</div>
-</div>
+                    <div id="subscription_numbering" style="display:none;">
+                        <h3>Numbering calculation</h3>
+                        <p><label>Numbering formula:</label> [% numberingmethod | html %]</p>
+                        <table>
+                            <tr>
+                                <th>&nbsp;</th>
+                                <th>X</th>
+                                <th>Y</th>
+                                <th>Z</th>
+                            </tr>
+                            <tr>
+                                <td>Add</td>
+                                <td>
+                                    [% add1 | html %]
+                                </td>
+                                <td>
+                                    [% add2 | html %]
+                                </td>
+                                <td>
+                                    [% add3 | html %]
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>once every</td>
+                                <td>[% every1 | html %]</td>
+                                <td>[% every2 | html %]</td>
+                                <td>[% every3 | html %]</td>
+                            </tr>
+                            <tr>
+                                <td>When more than</td>
+                                <td>[% whenmorethan1 | html %] [% IF ( innerloop1 ) %]<br />
+                                    <em>(is [% innerloop1 | html %])</em>[% END %]</td>
+                                <td>[% whenmorethan2 | html %] [% IF ( innerloop2 ) %]<br />
+                                    <em>(is [% innerloop2 | html %])</em>[% END %]</td>
+                                <td>[% whenmorethan3 | html %] [% IF ( innerloop3 ) %]<br />
+                                    <em>(is [% innerloop3 | html %])</em>[% END %]</td>
+                            </tr>
+                            <tr>
+                                <td>Set back to</td>
+                                <td>[% setto1 | html %]</td>
+                                <td>[% setto2 | html %]</td>
+                                <td>[% setto3 | html %]</td>
+                            </tr>
+                            <tr>
+                                <td>
+                                        Inner counter
+                                </td>
+                                <td>[% innerloop1 | html %]</td>
+                                <td>[% innerloop2 | html %]</td>
+                                <td>[% innerloop3 | html %]</td>
+                            </tr>
+                            <tr>
+                                <td>
+                                        Last value
+                                </td>
+                                <td>[% lastvalue1 | html %]</td>
+                                <td>[% lastvalue2 | html %]</td>
+                                <td>[% lastvalue3 | html %]</td>
+                            </tr>
+                        </table>
+                    </div> <!-- /#subscription_numbering -->
+
+                    <div id="subscription_issues">
+                        <table>
+                            <tr>
+                                <th>Issue number</th>
+                                <th>Planned date</th>
+                                <th>Published date</th>
+                                <th>Published date (text)</th>
+                                <th>Status</th>
+                            </tr>
+                            [% FOREACH serialslis IN serialslist %]
+                                <tr>
+                                    <td>
+                                        [% serialslis.serialseq | html %]
+                                    </td>
+                                    <td>
+                                        [% IF serialslis.planneddate %]
+                                            [% serialslis.planneddate | html %]
+                                        [% ELSE %]
+                                            Unknown
+                                        [% END %]
+                                    </td>
+                                    <td>
+                                        [% IF serialslis.publisheddate %]
+                                            [% serialslis.publisheddate | html %]
+                                        [% ELSE %]
+                                            Unknown
+                                        [% END %]
+                                    </td>
+                                    <td>
+                                        [% serialslis.publisheddatetext | html %]
+                                    </td>
+                                    <td>
+                                        [% IF ( serialslis.status1 ) %]Expected[% END %]
+                                        [% IF ( serialslis.status2 ) %]Arrived[% END %]
+                                        [% IF ( serialslis.status3 ) %]Late[% END %]
+                                        [% IF ( serialslis.status4 ) %]Missing[% END %]
+                                        [% IF ( serialslis.status41 ) %]Missing (never received)[% END %]
+                                        [% IF ( serialslis.status42 ) %]Missing (sold out)[% END %]
+                                        [% IF ( serialslis.status43 ) %]Missing (damaged)[% END %]
+                                        [% IF ( serialslis.status44 ) %]Missing (lost)[% END %]
+                                        [% IF ( serialslis.status5 ) %]Not issued[% END %]
+                                        [% IF ( serialslis.status6 ) %]Delete[% END %]
+                                        [% IF ( serialslis.status7 ) %]
+                                            Claimed
+                                            [% IF ( serialslis.claimdate ) %]
+                                                [% serialslis.claimdate | html %]
+                                            [% END %]
+                                        [% END %]
+                                        [% IF ( serialslis.status8 ) %]Stopped[% END %]
+                                    </td>
+                                </tr>
+                            [% END # /FOREACH serialslist %]
+                        </table>
+                    </div> <!-- /#subscription_issues -->
+
+                    <div id="subscription_summary">
+                        <div class="row">
+                            <div class="col-sm-12">
+                                <div class="rows">
+                                    <ol>
+                                        <li><span class="label">Start date:</span> [% startdate | html %] </li>
+                                        <li><span class="label">End date:</span> [% enddate | html %]</li>
+                                        <li><span class="label">History start date:</span> [% histstartdate | html %] </li>
+                                        <li><span class="label">History end date:</span> [% histenddate | html %]</li>
+                                        <li><span class="label">Received issues:</span>[% recievedlist | html | html_line_break %]</li>
+                                        <li><span class="label">Missing issues:</span>[% missinglist | html | html_line_break %]</li>
+                                        <li><span class="label">Nonpublic note:</span>[% internalnotes | html | html_line_break %]</li>
+                                        <li><span class="label">Public note:</span>[% notes | html | html_line_break %]</li>
+                                        <li><span class="label">History staff note:</span>[% librariannote | html | html_line_break %]</li>
+                                        <li><span class="label">History OPAC note:</span>[% opacnote | html | html_line_break %]</li>
+                                    </ol>
+                                </div> <!-- /.rows -->
+                            </div> <!-- /.col-sm-12 -->
+                        </div> <!-- /.row -->
+                    </div> <!-- /#subscription_summary -->
+
+                    [% IF orders_grouped.size %]
+                        <div id="acquisition_details">
+                            <h2>Acquisition details</h2>
+                            <table id="orders">
+                                <caption>
+                                    <span class="actions">
+                                        <a href="#" id="hide_received_orders">Hide already received orders</a>
+                                        | <a href="#" id="show_all_orders">Show all orders</a>
+                                        | <a href="#" id="expand_all">Expand all</a>
+                                        | <a href="#" id="collapse_all">Collapse all</a>
+                                    </span>
+                                </caption>
+                                <thead>
+                                    <tr>
+                                        <th>Invoice</th>
+                                        <th>Basket</th>
+                                        <th>Order number</th>
+                                        <th>Creation date</th>
+                                        <th>Receive date</th>
+                                        <th>Status</th>
+                                        <th>Internal note</th>
+                                        <th>Vendor note</th>
+                                        <th>Fund</th>
+                                        <th>Quantity</th>
+                                        <th title="ecost tax exc. / ecost tax inc.">Ordered</th>
+                                        <th title="Actual cost tax exc. / Actual cost tax inc.">Spent</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    [% FOR ordernumber IN orders_grouped.keys %]
+                                        [% SET parent_tree_id = loop.count %]
+                                        [% SET parent_order = orders_grouped.$ordernumber %]
+                                        <tr data-tt-id="[% parent_tree_id | html %]" class="highlighted-row">
+                                            <td></td> [%# invoice %]
+                                            <td>
+                                                [% IF CAN_user_acquisition_order_manage %]
+                                                    <a href="/cgi-bin/koha/acqui/basket.pl?basketno=[% parent_order.basket.basketno | uri %]">[% parent_order.basket.basketname | html %] ([% parent_order.basket.basketno | html %])</a>
+                                                [% ELSE %]
+                                                    [% parent_order.basket.basketname | html %] ([% parent_order.basket.basketno | html %])
+                                                [% END %]
+                                            </td>
+                                            <td></td> [%# ordernumber %]
+                                            <td>[% parent_order.basket.creationdate | $KohaDates %]</td>
+                                            <td>[% parent_order.datereceived | $KohaDates %]</td>
+                                            <td>
+                                                [% SWITCH parent_order.orderstatus %]
+                                                    [% CASE 'new' %]<span title="status_1">New</span>
+                                                    [% CASE 'ordered' %]<span title="status_2">Ordered</span>
+                                                    [% CASE 'partial' %]<span title="status_3">Partial</span>
+                                                    [% CASE 'complete' %]<span title="status_4">Complete</span>
+                                                    [% CASE 'cancelled' %]<span title="status_5">Cancelled</span>
+                                                [% END %]
+                                            </td>
+                                            <td></td> [%# internalnote %]
+                                            <td></td> [%# vendornote %]
+                                            <td></td> [%# fund %]
+                                            <td>[% parent_order.quantity | html %]</td>
+                                            <td>[% parent_order.ecost_tax_excluded | $Price %] / [% parent_order.ecost_tax_included | $Price %]</td>
+                                            <td>[% parent_order.unitprice_tax_excluded | $Price %] / [% parent_order.unitprice_tax_included | $Price %]</td>
+                                        </tr>
+                                        [% FOR order IN parent_order.orders %]
+                                            <tr data-tt-id="0" data-tt-parent-id="[% parent_tree_id | html %]">
+                                                <td>
+                                                [% IF order.invoice %]
+                                                    [% IF CAN_user_acquisition %]
+                                                        <a href="/cgi-bin/koha/acqui/invoice.pl?invoiceid=[% order.invoiceid | uri %]" title="Invoice detail page">
+                                                           [% order.invoice.invoicenumber | html %]</a>
+                                                    [% ELSE %]
+                                                        [% order.invoice.invoicenumber | html %]
+                                                    [% END %]
+                                                [% END %]
+                                                </td>
+                                                <td></td> [%# basket %]
+                                                <td>[% order.ordernumber | html %]</td>
+                                                <td data-order="[% order.basket.creationdate | uri %]">[% order.basket.creationdate | $KohaDates%]</td>
+                                                <td data-order="[% order.datereceived | uri %]">[% order.datereceived | $KohaDates %]</td>
+                                                    [% SWITCH order.orderstatus %]
+                                                        [% CASE 'new' %]<td data-order="status_1">New
+                                                        [% CASE 'ordered' %]<td data-order="status_2">Ordered
+                                                        [% CASE 'partial' %]<td data-order="status_3">Partial
+                                                        [% CASE 'complete' %]<td data-order="status_4">Complete
+                                                        [% CASE 'cancelled' %]<td data-order="status_5">Cancelled
+                                                    [% END %]
+                                                </td>
+                                                <td>[% order.order_internalnote | html %]</td>
+                                                <td>[% order.order_vendornote | html %]</td>
+                                                <td>[% order.fund.budget_name | html %]</td>
+                                                <td>[% order.quantity | html %]</td>
+                                                <td>
+                                                    [% UNLESS order.datereceived %]
+                                                        [% order.ecost_tax_excluded * order.quantity | $Price %] / [% order.ecost_tax_included * order.quantity | $Price %]
+                                                    [% END %]
+                                                </td>
+                                                <td>
+                                                    [% IF order.datereceived %]
+                                                        [%# FIXME What if unitprice has not been filled? %]
+                                                        [% order.unitprice_tax_excluded * order.quantity | $Price %] / [% order.unitprice_tax_included * order.quantity | $Price %]
+                                                    [% END %]
+                                                </td>
+                                            </tr>
+                                        [% END # /FOR order %]
+                                    [% END # /FOR ordernumber %]
+                                </tbody>
+                            </table> <!-- /#orders -->
+                        </div> <!-- /#acquisition_details -->
+                    [% END # IF orders_grouped.size %]
+                </div> <!-- /#subscription_description -->
+            </main>
+        </div> <!-- /.col-sm-10.col-sm-push-2 -->
+
+        <div class="col-sm-2 col-sm-pull-10">
+            <aside>
+                [% INCLUDE 'serials-menu.inc' %]
+            </aside>
+        </div> <!-- /.col-sm-2.col-sm-pull-10 -->
+     </div> <!-- /.row -->
 
 [% MACRO jsinclude BLOCK %]
-    <script type="text/javascript">
+    <script>
         var subscriptionid = "[% subscriptionid | html %]";
-        var MSG_CLOSE_SUBSCRIPTION = _("Are you sure you want to close this subscription?");
-        var MSG_REOPEN_SUBSCRIPTION = _("Are you sure you want to reopen this subscription?");
-        var CONFIRM_DELETE_SUBSCRIPTION = _("Are you sure you want to delete this subscription?");
     </script>
     [% Asset.js("js/serials-toolbar.js") | $raw %]
+    [% Asset.js("js/mana.js") | $raw %]
     [% INCLUDE 'datatables.inc' %]
-    <script type="text/javascript">
+    [% Asset.js("lib/jquery/plugins/treetable/jquery.treetable.js") | $raw %]
+    [% INCLUDE 'columns_settings.inc' %]
+    <script>
         // the english words used in display purposes
-        var text = new Array(_("Number"),_("Volume"),_("Issue"),_("Month"),_("Week"),_("Starting with:"),_("Rollover at:"),_("Choose Hemisphere:"),_("Northern"),_("Southern",
+        var text = new Array(_("Number"),_("Volume"),_("Issue"),_("Month"),_("Week"),_("Starting with:"),_("Rollover at:"),_("Choose hemisphere:"),_("Northern"),_("Southern",
         "Autumn"),_("Winter"),_("Spring"),_("Summer"),_("Fall"),_("Season"),_("Year"));
         $(document).ready(function() {
             $("#subscription_description").tabs();
                 return false;
             })
 
-            var table = $("#orders").dataTable($.extend(true, {}, dataTablesDefaults, {
+            var columns_settings = [% TablesSettings.GetColumns( 'serials', 'subscription-detail', 'orders', 'json' ) | $raw %];
+            var table = KohaTable("orders", {
+                "aoColumnDefs": [
+                    { "bVisible": false, "aTargets": [ 'NoVisible' ] },
+                    { "bSortable": false, "aTargets": ["_all"] },
+                ],
+
                 'bPaginate': false,
                 'bAutoWidth': false,
-                "aaSorting": [[ 4, "desc" ]],
-                "aoColumnDefs": [
-                    { "aTargets": "title-string", "sType": "title-string" }
-                ]
-            }));
+                'bSort': false,
+            }, columns_settings);
+
+            [% IF orders_grouped.size %]
+                $(table).treetable({
+                    expandable: true,
+                    initialState: 'expanded',
+                });
+                $(table).treetable('expandAll');
+
+                $("#expand_all").click(function(e){
+                    e.preventDefault();
+                    $(table).treetable('expandAll');
+                });
+                $("#collapse_all").click(function(e){
+                    e.preventDefault();
+                    $(table).treetable('collapseAll');
+                });
+
+            [% END %]
 
             $("#hide_received_orders").click(function(e){
                 e.preventDefault();
-                table.fnFilter( '.', 4, true ); // Not empty "Receive date" columns
+                table.fnFilter( '^$', 4, true ); // Not empty "Receive date" columns
             });
             $("#show_all_orders").click(function(e){
                 e.preventDefault();
                 table.fnFilter( '', 4 ); // Not filter, display all columns
             });
             $("#show_all_orders").click();
-
-
         });
+
+        function mana_comment_close(){
+            $("#selected_id").val("");
+            $("#mana-resource-id").val("");
+            $("#mana-comment").val("");
+            $("#mana-comment-box").modal("hide");
+        }
     </script>
 [% END %]