Open-ILS/src/templates/staff/circ/patron/t_checkout.tt2

   1 <!-- item checkout form / list -->
   2
   3 <div class="row pad-vert">
   4   <div class="col-md-6">
   5     <form ng-submit="checkout(checkoutArgs)" role="form" class="form-inline">
   6       <div class="input-group">
   7
   8         <div class="input-group-btn" dropdown>
   9           <button type="button" class="btn btn-default dropdown-toggle"
  10             ng-class="{disabled : disable_checkout()}">
  11             {{selectedNcType() || "[% l('Barcode') %]"}}
  12             <span class="caret"></span>
  13           </button>
  14           <ul class="dropdown-menu">
  15             <li><a href
  16               ng-click="checkoutArgs.noncat_type='barcode';focusMe=true">
  17               [% l('Barcode') %]</a>
  18             </li>
  19             <li class="divider"></li>
  20             <li>
  21               <a href ng-repeat='type in nonCatTypes'
  22                ng-click="checkoutArgs.noncat_type=type.id()">{{type.name()}}</a>
  23             </li>
  24           </ul>
  25         </div>
  26
  27         <input focus-me="focusMe" class="form-control"
  28           ng-model="checkoutArgs.copy_barcode"
  29           ng-disabled="checkoutArgs.noncat_type != 'barcode' || disable_checkout()"
  30           id="patron-checkout-barcode" type="text"/>
  31
  32         <input class="btn btn-default" type="submit"
  33           ng-class="{disabled : disable_checkout()}" value="[% l('Submit') %]"/>
  34
  35       </div>
  36     </form>
  37   </div>
  38   <div class="col-md-6">
  39     <div class="flex-row">
  40       <div class="flex-cell"></div>
  41       <div class="checkbox pad-horiz">
  42         <label>
  43           <input type="checkbox" ng-model="checkoutArgs.sticky_date"/>
  44           [% l('Specific Due Date') %]
  45         </label>
  46       </div>
  47       <!--
  48       <div><input type="checkbox" class="checkbox" ng-model="checkoutArgs.sticky_date"/></div>
  49       <div class="pad-horiz">[% l('Specific Due Date') %]</div>
  50       -->
  51       <!-- FIXME: This needs a time component as well, but type="datetime"
  52             is not yet supported by any browsers -->
  53       <div><input eg-date-input class="form-control"
  54         ng-model="checkoutArgs.due_date"/>
  55       </div>
  56     </div>
  57   </div>
  58 </div>
  59 <hr/>
  60
  61 <eg-grid
  62   id-field="index"
  63   features="-sort,-multisort"
  64   items-provider="gridDataProvider"
  65   grid-controls="gridControls"
  66   persist-key="circ.patron.checkout">
  67
  68   <eg-grid-field label="[% l('Alert Msg') %]"
  69     path="acp.alert_message"></eg-grid-field>
  70
  71   <eg-grid-field label="[% l('Balance Owed') %]"
  72     path='mbts.balance_owed'></eg-grid-field>
  73
  74   <eg-grid-field label="[% l('Barcode') %]" path="acp_barcode">
  75     <!-- FIXME: ng-if / ng-disabled not working since the contents
  76         are $interpolate'd and not $compile'd.
  77         I want to hide / disable the href when there is no acp ID
  78     -->
  79     <a href="./cat/item/{{item.acp.id()}}/summary" target="_self">
  80       {{item.copy_barcode}}
  81     </a>
  82   </eg-grid-field>
  83
  84   <eg-grid-field label="[% l('Bill #') %]"
  85     path='circ.id'></eg-grid-field>
  86
  87   <eg-grid-field label="[% l('Call Number') %]"
  88     path="acn.label"></eg-grid-field>
  89
  90   <eg-grid-field label="[% l('Due Date') %]"
  91     path='circ.due_date' dateformat='short'></eg-grid-field>
  92
  93   <eg-grid-field label="[% l('Family Name') %]"
  94     path='au.family_name'></eg-grid-field>
  95
  96   <eg-grid-field label="[% l('Location') %]"
  97     path='acp.location.name'> </eg-grid-field>
  98
  99   <eg-grid-field label="[% l('Remaining Renewals') %]"
 100     path='circ.renewal_remaining'></eg-grid-field>
 101
 102   <eg-grid-field label="[% l('Title') %]" path="title">
 103     <a target="_self" href="[% ctx.base_path %]/staff/cat/catalog/record/{{record.doc_id()}}">
 104       {{item.title}}
 105     </a>
 106   </eg-grid-field>
 107
 108   <eg-grid-field label="[% l('Author') %]"
 109     path="author" hidden></eg-grid-field>
 110
 111   <eg-grid-field path="circ.*" parent-idl-class="circ" hidden></eg-grid-field>
 112   <eg-grid-field path="acp.*" parent-idl-class="acp" hidden></eg-grid-field>
 113   <eg-grid-field path="acn.*" parent-idl-class="acn" hidden></eg-grid-field>
 114   <eg-grid-field path="record.*" parent-idl-class="mvr" hidden></eg-grid-field>
 115   <eg-grid-field path="mbts.*" parent-idl-class="mbts" hidden></eg-grid-field>
 116   <eg-grid-field path="au.*" parent-idl-class="au" hidden></eg-grid-field>
 117 </eg-grid>
 118
 119 <div class="flex-row pad-vert">
 120   <div class="flex-cell"></div>
 121   <div class="checkbox">
 122     <label>
 123       <input ng-model="strict_barcode" type="checkbox"/>
 124       [% l('Strict Barcode') %]
 125     </label>
 126   </div>
 127   <div class="pad-horiz" ng-if="using_hatch"></div>
 128   <div class="checkbox" ng-if="using_hatch">
 129     <label>
 130       <input ng-model="show_print_dialog" type="checkbox"/>
 131       [% l('Show Print Dialog') %]
 132     </label>
 133   </div>
 134   <div class="pad-horiz">
 135     <button class="btn btn-default"
 136       ng-click="print_receipt()">[% l('Print Receipt') %]</button>
 137   </div>
 138   <div>
 139     <button class="btn btn-default"
 140       ng-click="done()">[% l('Done') %]</button>
 141   </div>
 142 </div>
 143