Open-ILS/web/templates/default/acq/invoice/view.tt2

   1 [% WRAPPER 'default/base.tt2' %]
   2 [% ctx.page_title = 'Invoicing' %]
   3 <script src='[% ctx.media_prefix %]/js/ui/default/acq/invoice/common.js'> </script>
   4 <script src='[% ctx.media_prefix %]/js/ui/default/acq/invoice/view.js'> </script>
   5 <script type="text/javascript">var invoiceId = '[% ctx.page_args.0 %]';</script>
   6 <div dojoType="dijit.layout.ContentPane" style="height:100%">
   7
   8     <div dojoType="dijit.layout.ContentPane" layoutAlign="client" class='oils-header-panel'>
   9         <div> Invoice </div>
  10         <div> </div>
  11     </div>
  12
  13     <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
  14         <div id='acq-view-invoice-div'/>
  15     </div>
  16
  17     <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
  18         <table class='oils-acq-invoice-table'>
  19             <thead/>
  20             <tbody id='acq-invoice-entry-header' class='hidden'>
  21                 <tr>
  22                     <td colspan='0'>
  23                         <h3>Bibliographic Items</h3>
  24                     </td>
  25                 </tr>
  26             </tbody>
  27             <!-- acq.invoice_entry -->
  28             <thead id='acq-invoice-entry-thead' class='hidden'>
  29                 <tr>
  30                     <th colspan='2'>Title Details</th>
  31                     <th class='acq-invoice-center-col'>#&nbsp;Invoiced&nbsp;/&nbsp;#&nbsp;Paid</th>
  32                     <th class='acq-invoice-center-col'>Billed</th>
  33                     <th class='acq-invoice-paid-col'>Paid</th>
  34                     <th class='acq-invoice-center-col hide-complete'>Detach</th>
  35                 </tr>
  36             </thead>
  37             <tbody id='acq-invoice-entry-tbody' class='hidden'>
  38                 <tr id='acq-invoice-entry-template' class='acq-invoice-row'>
  39                     <td colspan='2'>
  40                         <div name='title_details'></div>
  41                         <div name='note'></div>
  42                     </td>
  43                     <td class='acq-invoice-center-col'>
  44                         <span name='inv_item_count'></span>&nbsp;/&nbsp;<span name='phys_item_count'></span>
  45                     </td>
  46                     <td class='acq-invoice-billed-col'><div name='cost_billed'/></td>
  47                     <td class='acq-invoice-paid-col'><div name='amount_paid'/></td>
  48                     <td class='acq-invoice-center-col hide-complete'><a href='javascript:void(0);' name='detach'>Detach</a></td>
  49                 </tr>
  50             </tbody>
  51             <tbody>
  52                 <tr>
  53                     <td  style='margin-top:15px;' colspan='0'>
  54                         <h3>Direct Charges, Taxes, Fees, etc.</h3>
  55                     </td>
  56                 </tr>
  57             </tbody>
  58             <!-- acq.invoice_item -->
  59             <thead>
  60                 <tr>
  61                     <th>Charge Type</th>
  62                     <th class='acq-invoice-center-col'>Fund</th>
  63                     <th>Title/Description</th>
  64                     <th class='acq-invoice-center-col'>Billed</th>
  65                     <th class='acq-invoice-paid-col'>Paid</th>
  66                     <th class='acq-invoice-center-col hide-complete'>Delete</th>
  67                 </tr>
  68             </thead>
  69             <tbody id='acq-invoice-item-tbody'>
  70                 <tr id='acq-invoice-item-template' class='acq-invoice-row acq-invoice-item-row'>
  71                     <td><div name='inv_item_type'/></td>
  72                     <td class='acq-invoice-center-col'><div name='fund'/></td>
  73                     <td><div name='title'/></td>
  74                     <td class='acq-invoice-center-col' class='acq-invoice-billed-col'><div name='cost_billed'/></td>
  75                     <td class='acq-invoice-paid-col'><div name='amount_paid'/></td>
  76                     <td class='acq-invoice-center-col hide-complete'><a href='javascript:void(0);' name='delete'>Delete</a></td>
  77                 </tr>
  78             </tbody>
  79             <tbody class='hide-complete'>
  80                 <tr>
  81                     <td colspan='0'>
  82                         <a href='javascript:void(0);' id='acq-invoice-new-item'>Add Charge...</a>
  83                     </td>
  84                 </tr>
  85             </tbody>
  86             <tbody>
  87                 <tr>
  88                     <td style='margin-top:15px;' colspan='0'>
  89                         <h3> </h3>
  90                     </td>
  91                 </tr>
  92             </tbody>
  93             <thead>
  94                 <tr>
  95                     <th colspan='4'/>
  96                     <th class='acq-invoice-center-col' class='acq-invoice-billed-col'>Total</th>
  97                     <th class='acq-invoice-paid-col'>Total</th>
  98                     <th class='acq-invoice-center-col' class='acq-invoice-balance-col'>Balance</th>
  99                 </tr>
 100             </thead>
 101             <tbody>
 102                 <tr>
 103                     <td colspan='4' style='text-align:right;'>
 104                         <button jsId='invoiceSaveButton' class='hide-complete'
 105                             dojoType='dijit.form.Button' onclick='saveChanges();'>Save</button>
 106                         <button jsId='invoiceProrateButton' class='hide-complete'
 107                             dojoType='dijit.form.Button' onclick='saveChanges(true);'>Save &amp; Prorate</button>
 108                         <button jsId='invoiceCloseButton' class='hide-complete'
 109                             dojoType='dijit.form.Button' onclick='saveChanges(false, true);'>Save &amp; Close</button>
 110                         <span class='hidden' id='acq-invoice-reopen-button-wrapper'>
 111                             <button jsId='invoiceReopenButton'
 112                                 dojoType='dijit.form.Button' onclick='saveChanges(false, false, true);'>Reopen Invoice</button>
 113                         </span>
 114                     </td>
 115                     <td class='acq-invoice-center-col'><div jsId='totalInvoicedBox' dojoType='dijit.form.CurrencyTextBox' style='width:6em;'/></td>
 116                     <td class='acq-invoice-paid-col'><div jsId='totalPaidBox' dojoType='dijit.form.CurrencyTextBox' style='width:6em;'/></td>
 117                     <td class='acq-invoice-center-col'><div jsId='balanceOwedBox' dojoType='dijit.form.CurrencyTextBox' style='width:6em;'/></td>
 118                 </tr>
 119             </tbody>
 120         </table>
 121     </div>
 122 </div>
 123 <div dojoType='openils.widget.ProgressDialog' jsId='progressDialog'/>
 124 <div jsId='extraItemsDialog' dojoType="dijit.Dialog" title="Extra Items">
 125     <div dojoType="dijit.layout.ContentPane" style='text-align:center;'>
 126         <div id='acq-invoice-extra-copies-message'></div>
 127         <br/>
 128         Select a fund for the new items: <div id='acq-invoice-extra-copies-fund'></div>
 129         <br/><br/>
 130         <br/><br/>
 131         <span style='padding-right: 10px;'>
 132             <button dojoType='dijit.form.Button' jsId='extraCopiesCancel'>Cancel</button>
 133         </span>
 134         <button dojoType='dijit.form.Button' jsId='extraCopiesGo'>Add New Items</button>
 135     </div>
 136 </div>
 137 [% END %]