Open-ILS/web/templates/default/acq/po/search.tt2

   1 [% WRAPPER default/base.tt2 %]
   2 [% ctx.page_title = 'Purchase Orders' %]
   3 <script type="text/javascript">
   4     var poIds = function(s) {
   5         return s == "" ? undefined :
   6             s.split(",").map(function(t) { return Number(t); });
   7     }("[% ctx.page_args.0 %]");
   8 </script>
   9 <div id='oils-acq-list-header' class='container'>
  10     <div id='oils-acq-list-header-label'>PO Search</div>
  11 </div>
  12
  13 <div id="oils-acq-po-heading-template" class="hidden">
  14     <span>Purchase Order: <a attr="name"></a></span>
  15     <span>Total Lineitems: <span attr="lineitem_count"></span></span>
  16     <span>Total Encumbered: $<span attr="amount_encumbered"></span></span>
  17     <span>Total Spent: $<span attr="amount_spent"></span></span>
  18     <span>Total Copies: <span attr="copies"></span></span>
  19     <span>Status: <span attr="state"></span></span>
  20     <span><a class="hidden" attr="activator" href="javascript:void(0);">Activate Order</a></span>
  21 </div>
  22
  23 <script type="text/javascript">
  24     function formatId(id) {
  25         if(id) return '<a href="[% ctx.base_path %]/acq/po/view/' + id + '">'+id;
  26     }
  27 </script>
  28
  29
  30 <form dojoType='dijit.form.Form' action='' method='' id='oils-acq-po-search-form'>
  31
  32     <script type="dojo/method" event="onSubmit">
  33         doSearch(this.getValues());
  34         return false; /* don't redirect */
  35     </script>
  36
  37     <div class='oils-acq-basic-form-div'>
  38
  39         <label for='id'>ID</label>
  40         <input dojoType='dijit.form.NumberTextBox' name='id'> </input>
  41
  42         <label for='provider'>Provider</label>
  43         <input id='po-search-provider-selector'/>
  44
  45         <label for='state'>State</label></td>
  46         <script type="text/javascript">
  47             dojo.require('dojo.data.ItemFileReadStore');
  48             var stateStore = new dojo.data.ItemFileReadStore({
  49                 data : {
  50                     identifier:"value",
  51                     label: "name",
  52                     items: [
  53                         /* FIXME This is probably not the correct final list of
  54                         possible states */
  55                         {name:"New", value:'new'},
  56                         {name:"In Process", value:'in-process'},
  57                         {name:"Pending", value:'pending'},
  58                         {name:"On order", value:'on-order'}
  59                     ]
  60                 }
  61             });
  62         </script>
  63         <input dojoType='dijit.form.FilteringSelect'
  64             name='state'
  65             required='false'
  66             store='stateStore'
  67             labelAttr='name'
  68             valueAttr='value'
  69             searchAttr='name'/>
  70
  71         <label for='ordering_agency'>Ordering Agency</label>
  72         <input id='po-search-agency-selector'/>
  73
  74         <span dojoType='dijit.form.Button' type='submit'>Search</span>
  75     </div>
  76     <div class="oils-acq-basic-form-div">
  77         <input dojoType="dijit.form.CheckBox" value="1" name="metapo_view"
  78             id="metapo_view" type="checkbox" />
  79         <label for="metapo_view">Show results as a virtual combined PO</label>
  80     </div>
  81 </form>
  82 <br/>
  83 <div dojoType="dijit.layout.ContentPane" layoutAlign="client" id="holds_po_grid">
  84     <table
  85             id="po-grid"
  86             autoHeight='true'
  87             jsId="poGrid"
  88             dojoType="openils.widget.AutoGrid"
  89             query="{id: '*'}"
  90             fieldOrder="['id', 'owner', 'ordering_agency', 'provider', 'create_time', 'edit_time', 'state']"
  91             suppressFields="['owner', 'editor', 'creator']"
  92             query="{id: '*'}"
  93             defaultCellWidth='"auto"'
  94             showSequenceFields='true'
  95             showPaginator='true'
  96             fmClass='acqpo'>
  97         <thead>
  98             <tr>
  99                 <th field="id" formatter='formatId'>ID</th>
 100                 <!--
 101                 <th field="owner" get='getPOOwner'/>
 102                 -->
 103             </tr>
 104         </thead>
 105     </table>
 106     <div comment='dojo-needs-me'></div>
 107 </div>
 108 <div id="oils-acq-holds-metapo-summary" class="hidden">
 109     <table id="oils-acq-metapo-summary">
 110         <thead>
 111             <tr>
 112                 <th colspan="2">Results Summary</th>
 113             </tr>
 114         </thead>
 115         <tbody>
 116             <tr>
 117                 <th>Total Purchase Orders:</th>
 118                 <td id="oils-acq-metapo-summary-po"></td>
 119             </tr>
 120             <tr>
 121                 <th>Total Lineitems:</th>
 122                 <td id="oils-acq-metapo-summary-lineitem_count"></td>
 123             </tr>
 124             <tr>
 125                 <th>Total Copies:</th>
 126                 <td id="oils-acq-metapo-summary-copies"></td>
 127             </tr>
 128             <tr>
 129                 <th>Total Encumbered:</th>
 130                 <td>$<span id="oils-acq-metapo-summary-amount_encumbered"></span></td>
 131             </tr>
 132             <tr>
 133                 <th>Total Spent:</th>
 134                 <td>$<span id="oils-acq-metapo-summary-amount_spent"></span></td>
 135             </tr>
 136         </tbody>
 137     </table>
 138 </div>
 139 [% INCLUDE 'default/acq/common/li_table.tt2' %]
 140
 141 <!-- load the page-specific JS -->
 142 <script type="text/javascript" src='[% ctx.media_prefix %]/js/ui/default/acq/po/search.js'> </script>
 143 [% END %]