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" uib-dropdown>
   9           <button type="button" class="btn btn-default" uib-dropdown-toggle
  10             ng-class="{disabled : disable_checkout()}">
  11             {{selectedNcType() || "[% l('Barcode') %]"}}
  12             <span class="caret"></span>
  13           </button>
  14           <ul uib-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 | orderBy:'name()'"
  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><eg-date-input ng-model="checkoutArgs.due_date"></eg-date-input>
  54       </div>
  55     </div>
  56   </div>
  57 </div>
  58 <hr/>
  59
  60 <eg-grid
  61   id-field="index"
  62   features="-sort,-multisort"
  63   items-provider="gridDataProvider"
  64   grid-controls="gridControls"
  65   persist-key="circ.patron.checkout">
  66
  67   <eg-grid-field label="[% l('Alert Msg') %]"
  68     path="acp.alert_message"></eg-grid-field>
  69
  70   <eg-grid-field label="[% l('Balance Owed') %]"
  71     path='mbts.balance_owed'></eg-grid-field>
  72
  73   <eg-grid-field label="[% l('Barcode') %]" path="acp_barcode">
  74     <!-- FIXME: ng-if / ng-disabled not working since the contents
  75         are $interpolate'd and not $compile'd.
  76         I want to hide / disable the href when there is no acp ID
  77     -->
  78     <a href="./cat/item/{{item.acp.id()}}/summary" target="_self">
  79       {{item.copy_barcode}}
  80     </a>
  81   </eg-grid-field>
  82
  83   <eg-grid-field label="[% l('Bill #') %]"
  84     path='circ.id'></eg-grid-field>
  85
  86   <eg-grid-field label="[% l('Call Number') %]"
  87     path="acn.label"></eg-grid-field>
  88
  89   <eg-grid-field label="[% l('Due Date') %]"
  90     path='circ.due_date' dateformat='short'></eg-grid-field>
  91
  92   <eg-grid-field label="[% l('Family Name') %]"
  93     path='au.family_name'></eg-grid-field>
  94
  95   <eg-grid-field label="[% l('Location') %]"
  96     path='acp.location.name'> </eg-grid-field>
  97
  98   <eg-grid-field label="[% l('Remaining Renewals') %]"
  99     path='circ.renewal_remaining'></eg-grid-field>
 100
 101   <eg-grid-field label="[% l('Title') %]" path="title">
 102     <a target="_self" href="[% ctx.base_path %]/staff/cat/catalog/record/{{record.doc_id()}}">
 103       {{item.title}}
 104     </a>
 105   </eg-grid-field>
 106
 107   <eg-grid-field label="[% l('Author') %]"
 108     path="author" hidden></eg-grid-field>
 109
 110   <eg-grid-field path="circ.*" parent-idl-class="circ" hidden></eg-grid-field>
 111   <eg-grid-field path="acp.*" parent-idl-class="acp" hidden></eg-grid-field>
 112   <eg-grid-field path="acn.*" parent-idl-class="acn" hidden></eg-grid-field>
 113   <eg-grid-field path="record.*" parent-idl-class="mvr" hidden></eg-grid-field>
 114   <eg-grid-field path="mbts.*" parent-idl-class="mbts" hidden></eg-grid-field>
 115   <eg-grid-field path="au.*" parent-idl-class="au" hidden></eg-grid-field>
 116 </eg-grid>
 117
 118 <div class="flex-row pad-vert">
 119   <div class="flex-cell"></div>
 120   <div class="checkbox">
 121     <label>
 122       <input ng-model="strict_barcode" type="checkbox"/>
 123       [% l('Strict Barcode') %]
 124     </label>
 125   </div>
 126   <div class="pad-horiz" ng-if="using_hatch_printer"></div>
 127   <div class="checkbox" ng-if="using_hatch_printer">
 128     <label>
 129       <input ng-model="show_print_dialog" type="checkbox"/>
 130       [% l('Show Print Dialog') %]
 131     </label>
 132   </div>
 133   <div class="pad-horiz">
 134     <span ng-show="may_email_receipt()" class="glyphicon glyphicon-envelope" aria-label="[% l('Send Email Receipt') %]"></span>
 135     <span ng-show="!may_email_receipt()" class="glyphicon glyphicon-print" aria-label="[% l('Print Receipt') %]"></span>
 136     <div class="btn-group" uib-dropdown>
 137       <button ng-click="print_or_email_receipt()" id="quick-button" type="button" ng-disabled="checkouts.length == 0" class="btn btn-default">[% l('Quick Receipt') %]</button>
 138       <button type="button" ng-disabled="checkouts.length == 0" class="btn btn-default" uib-dropdown-toggle>
 139         <span class="caret"></span>
 140         <span class="sr-only">[% l('receipt option') %]</span>
 141       </button>
 142       <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="quick-button">
 143         <li role="menuitem" ng-class="{disabled : !has_email_address()}"><a ng-click="email_receipt()" a-disabled="!has_email_address()" href="#">[% l('Email Receipt') %]</a></li>
 144         <li role="menuitem"><a ng-click="print_receipt()" href="#">[% l('Print Receipt') %]</a></li>
 145       </ul>
 146     </div>
 147   </div>
 148   <div class="btn-group" uib-dropdown>
 149     <button class="btn btn-default"
 150       id="done-button" type="button"
 151       ng-click="done_auto_receipt()">[% l('Done') %]</button>
 152       <button type="button" class="btn btn-default" uib-dropdown-toggle>
 153         <span class="caret"></span>
 154         <span class="sr-only">[% l('receipt option') %]</span>
 155       </button>
 156       <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="done-button">
 157         <li role="menuitem"><a ng-click="done_no_receipt()" href="#">[% l('No Receipt') %]</a></li>
 158         <li role="menuitem" ng-class="{disabled : !has_email_address()}"><a ng-click="done_email_receipt()" a-disabled="!has_email_address()" href="#">[% l('Email Receipt') %]</a></li>
 159         <li role="menuitem"><a ng-click="done_print_receipt()" href="#">[% l('Print Receipt') %]</a></li>
 160       </ul>
 161   </div>
 162 </div>
 163