Open-ILS/web/templates/default/acq/financial/view_funding_source.tt2

   1 [% WRAPPER 'default/base.tt2' %]
   2 <script type="text/javascript"> var fundingSourceID = [% ctx.page_args.0 %]; </script>
   3
   4 <!-- load the page-specific JS -->
   5 <script src='[% ctx.media_prefix %]/js/ui/default/acq/financial/view_funding_source.js'> </script>
   6
   7 <div id='oils-acq-list-header' class='container'>
   8     <div id='oils-acq-list-header-label'>Funding Source Details</div>
   9 </div>
  10
  11 <div class='oils-acq-actions-div' style='margin:8px;'> <!-- XXX CSS -->
  12
  13     <!-- Dropdown menu for creating a new funding source credit -->
  14     <div dojoType="dijit.form.DropDownButton">
  15         <span>Apply Credit</span>
  16         <div dojoType="dijit.TooltipDialog" execute="applyFSCredit(arguments[0]);">
  17             <table class='dijitTooltipTable'>
  18                 <tr>
  19                     <td><label for="amount">Amount: </label></td>
  20                     <td>
  21                         <input dojoType="dijit.form.CurrencyTextBox" name="amount"> </input>
  22                     </td>
  23                 </tr>
  24                 <tr>
  25                     <td><label for="note">Note: </label></td>
  26                     <td>
  27                         <input dojoType="dijit.form.TextBox" name="note"> </input>
  28                     </td>
  29                 </tr>
  30                 <tr>
  31                     <td colspan='2' align='center'>
  32                         <button dojoType=dijit.form.Button type="submit">Apply</button>
  33                     </td>
  34                 </tr>
  35             </table>
  36         </div>
  37     </div>
  38     <div dojoType="dijit.form.DropDownButton">
  39         <span>Allocate to Fund</span>
  40         <div dojoType="dijit.TooltipDialog" execute="applyFSAllocation(arguments[0]);">
  41             <script type='dojo/connect' event='onOpen'>
  42                 openils.acq.Fund.createStore(
  43                     function(store) {
  44                         fundingSourceFundSelector.store =
  45                             new dojo.data.ItemFileReadStore({data:store});
  46                         fundingSourceFundSelector.setValue(store.items[0].code);
  47                     }, 'MANAGE_FUND'
  48                 );
  49             </script>
  50             <table class='dijitTooltipTable'>
  51                 <tr>
  52                     <td><label for="amount">Fund: </label></td>
  53                     <td>
  54                         <input jsId='fundingSourceFundSelector' name="fund"
  55                             dojoType="dijit.form.FilteringSelect" searchAttr='code' labelAttr='code'>
  56                         </input>
  57                     </td>
  58                 </tr>
  59                 <tr>
  60                     <td><label for="amount">Amount: </label></td>
  61                     <td>
  62                         <input dojoType="dijit.form.CurrencyTextBox" name="amount"> </input>
  63                     </td>
  64                 </tr>
  65                 <!-- Percent-based allocations are not supported.  Will implement or remove later.
  66                 <tr>
  67                     <td><label for="amount">Percent: </label></td>
  68                     <td>
  69                         <input
  70                             dojoType="dijit.form.NumberTextBox"
  71                             constraints="{min:0,max:100}"
  72                             promptMessage="Please enter an amount between 0 and 100"
  73                             name="percent">
  74                         </input>
  75                     </td>
  76                 </tr>
  77                 -->
  78                 <tr>
  79                     <td><label for="note">Note: </label></td>
  80                     <td>
  81                         <input dojoType="dijit.form.TextBox" name="note"> </input>
  82                     </td>
  83                 </tr>
  84                 <tr>
  85                     <td colspan='2' align='center'>
  86                         <button dojoType=dijit.form.Button type="submit">Apply</button>
  87                     </td>
  88                 </tr>
  89             </table>
  90         </div>
  91     </div>
  92 </div>
  93
  94 <div dojoType="dijit.layout.ContentPane" layoutAlign="top">
  95     <div dojoType="dijit.layout.TabContainer">
  96
  97         <div dojoType="dijit.layout.ContentPane" class='oils-acq-detail-content-pane' title="Summary" selected='true'>
  98             <script type='dojo/connect' event='onShow'>loadFSGrid();</script>
  99
 100             <div dojoType="dijit.layout.ContentPane" layoutAlign="top">
 101                 <div dojoType="dijit.layout.ContentPane" layoutAlign="client" style='height:600px;'>
 102                     <table jsId="fundingSourceGrid" dojoType="dojox.grid.DataGrid" query="{id: '*'}" rowSelector='20px'>
 103                         <thead>
 104                             <tr>
 105                                 <th field="id">ID</th>
 106                                 <th field="name" width='auto'>Name</th>
 107                                 <th field="code">Code</th>
 108                                 <th field="balance" get='getSummaryInfo'>Balance</th>
 109                                 <th field="credit_total" get='getSummaryInfo'>Total Credits</th>
 110                                 <th field="allocation_total" get='getSummaryInfo'>Total Debits</th>
 111                                 <th field="currency_type">Currency Type</th>
 112                                 <th field="owner" width='auto' get='getOrgInfo'>Owner</th>
 113                             </tr>
 114                         </thead>
 115                     </table>
 116                 </div>
 117             </div>
 118         </div>
 119
 120         <div dojoType="dijit.layout.ContentPane" class='oils-acq-detail-content-pane' title="Credits">
 121             <script type='dojo/connect' event='onShow'>loadCreditGrid(); </script>
 122
 123             <div dojoType="dijit.layout.ContentPane" layoutAlign="top">
 124                 <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
 125
 126                     <table
 127                         jsId="fsCreditGrid"
 128                         dojoType="openils.widget.AutoGrid"
 129                         fieldOrder="['amount', 'effective_date', 'deadline_date', 'note']"
 130                         suppressFields="['id', 'funding_source']"
 131                         defaultCellWidth='"auto"'
 132                         fmClass="acqfscred"
 133                         query="{id: '*'}"
 134                         showPaginator='true'>
 135                     </table>
 136                 </div>
 137             </div>
 138         </div>
 139
 140         <!-- Fund Allocations -->
 141         <div dojoType="dijit.layout.ContentPane" class='oils-acq-detail-content-pane' title="Allocations">
 142             <script type='dojo/connect' event='onShow'>loadAllocationGrid();</script>
 143
 144             <div dojoType="dijit.layout.ContentPane" layoutAlign="top">
 145                 <div dojoType="dijit.layout.ContentPane" layoutAlign="client">
 146
 147                     <table
 148                         jsId="fsAllocationGrid"
 149                         autoHeight='true'
 150                         dojoType="openils.widget.AutoGrid"
 151                         fieldOrder="['fund', 'amount', 'create_time', 'allocator', 'note']"
 152                         suppressFields="['id', 'funding_source']"
 153                         defaultCellWidth='"auto"'
 154                         fmClass="acqfa"
 155                         query="{id: '*'}"
 156                         showPaginator='true'>
 157
 158                         <thead>
 159                             <tr>
 160                                 <th field='fund' get='getFund' formatter='formatFund'/>
 161                             </tr>
 162                         </thead>
 163                     </table>
 164                 </div>
 165             </div>
 166         </div>
 167
 168     </div>
 169 </div>
 170
 171 [% END %]
 172