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

   1 [%
   2   WRAPPER "staff/base.tt2";
   3   ctx.page_title = l("Patron");
   4   ctx.page_app = "egPatronApp";
   5   ctx.page_ctrl = "PatronCtrl";
   6 %]
   7
   8 [% BLOCK APP_JS %]
   9 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/grid.js"></script>
  10 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/ui.js"></script>
  11 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/user.js"></script>
  12 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/eframe.js"></script>
  13 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/billing.js"></script>
  14 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/circ.js"></script>
  15 [% INCLUDE 'staff/circ/share/circ_strings.tt2' %]
  16 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/holds.js"></script>
  17 [% INCLUDE 'staff/circ/share/hold_strings.tt2' %]
  18 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/record.js"></script>
  19 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/app.js"></script>
  20 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/regctl.js"></script>
  21
  22 <!-- load the rest on demand? -->
  23
  24 <!-- required for credentials verify API -->
  25 <script src="[% ctx.media_prefix %]/js/dojo/opensrf/md5.js"></script>
  26
  27 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/checkout.js"></script>
  28 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/items_out.js"></script>
  29 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/holds.js"></script>
  30 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/bills.js"></script>
  31
  32 <!-- TODO: APP_JS should really be called APP_ADDONS or some such.
  33     It just means "load these things, too, and load them last" -->
  34 <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/circ.css" />
  35
  36 <script>
  37 angular.module('egCoreMod').run(['egStrings', function(s) {
  38   s.ANNOTATE_PAYMENT_MSG = "[% l('Please annotate this payment') %]";
  39   s.CONFIRM_REFUND_PAYMENT =
  40     "[% |l('{{xactIds}}') -%]Are you sure you would like to refund excess payment on bills [_1]?  This action will simply put the amount in the Payment Pending column as a negative value.  You must still select Apply Payment!  Certain types of payments may not be refunded.  The refund may be applied to checked transactions that follow the refunded transaction.[% END %]";
  41   s.EDIT_BILL_PAY_NOTE = "[% l('Enter new note for #[_1]:','{{ids}}') %]";
  42   s.GROUP_ADD_USER = "[% l('Enter the patron barcode') %]";
  43   s.RENEW_ITEMS = "[% l('Renew Items?') %]";
  44   s.RENEW_ALL_ITEMS = "[% l('Renew All Items?') %]";
  45   s.CHECK_IN_CONFIRM = "[% l('Check In Items?') %]";
  46 }]);
  47 </script>
  48
  49 [% END %]
  50
  51 <div class="row">
  52   <div class="col-md-3">
  53     <div ng-show="patron()">
  54       <h4 title="{{patron().id()}}">
  55         <div class="flex-row">
  56           <div class="flex-cell">
  57             [% l('[_1], [_2] [_3]',
  58                 '{{patron().family_name()}}',
  59                 '{{patron().first_given_name()}}',
  60                 '{{patron().second_given_name()}}') %]
  61           </div>
  62           <div ng-show="tab != 'search'">
  63             <a href ng-click="toggle_expand_summary()"
  64               title="[% l('Collapse Patron Summary Display') %]"
  65               ng-hide="collapse_summary()">
  66               <span class="glyphicon glyphicon-resize-small"></span>
  67             </a>
  68             <a href ng-click="toggle_expand_summary()"
  69               title="[% l('Expand Patron Summary Display') %]"
  70               ng-show="collapse_summary()">
  71               <span class="glyphicon glyphicon-resize-full"></span>
  72             </a>
  73           </div>
  74         </div><!-- row -->
  75       </h4>
  76     </div><!-- if patron -->
  77   </div><!-- col -->
  78   <div class="col-md-9">
  79     <ul class="nav nav-pills nav-pills-like-tabs">
  80       <li ng-class="{active : tab == 'checkout', disabled : !patron()}">
  81         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/checkout">[% l('Check Out') %]</a>
  82       </li>
  83       <li ng-class="{active : tab == 'items_out', disabled : !patron()}">
  84         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/items_out">
  85           [% l('Items Out') %]
  86           <span ng-if="patron()"><!-- lack of space / newline below intentional -->
  87           (<span ng-class="{'patron-summary-alert-small' : patron_stats().checkouts.overdue}">{{patron_stats().checkouts.total_out}}</span>)
  88           </span>
  89         </a>
  90       </li>
  91       <li ng-class="{active : tab == 'holds', disabled : !patron()}">
  92         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/holds">
  93           [% l('Holds') %]
  94           <span ng-if="patron()">
  95             (<span>{{patron_stats().holds.total}} / {{patron_stats().holds.ready}}</span>)
  96           </span>
  97         </a>
  98       </li>
  99       <li ng-class="{active : tab == 'bills', disabled : !patron()}">
 100         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/bills">
 101           [% l('Bills') %]
 102           <span ng-if="patron()">
 103             (<span ng-class="{'patron-summary-alert-small' : patron_stats().fines.balance_owed}">{{patron_stats().fines.balance_owed | currency}}</span>)
 104           </span>
 105         </a>
 106       </li>
 107       <li ng-class="{active : tab == 'messages', disabled : !patron()}">
 108         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/messages">[% l('Messages') %]</a>
 109       </li>
 110       <li ng-class="{active : tab == 'edit', disabled : !patron()}">
 111         <a href="./circ/patron/{{patron().id()}}/edit">[% l('Edit') %]</a>
 112       </li>
 113       <li class="dropdown" ng-class="{active : tab == 'other', disabled : !patron()}">
 114         <a a-disabled="!patron()" href class="dropdown-toggle" data-toggle="dropdown">
 115             [% l('Other') %]
 116             <b class="caret"></b>
 117         </a>
 118         <ul class="dropdown-menu">
 119           <li>
 120             <a href="./circ/patron/{{patron().id()}}/alerts">
 121               [% l('Display Alert and Messages') %]
 122             </a>
 123           </li>
 124           <li>
 125             <a href="./circ/patron/{{patron().id()}}/notes">
 126               [% l('Notes') %]
 127             </a>
 128           </li>
 129           <li>
 130             <a href="./circ/patron/{{patron().id()}}/triggered_events">
 131               [% l('Triggered Events / Notifications') %]
 132             </a>
 133           </li>
 134           <li>
 135             <a href="./circ/patron/{{patron().id()}}/stat_cats">
 136               [% l('Statistical Categories') %]
 137             </a>
 138           </li>
 139           <li>
 140             <a href="./circ/patron/{{patron().id()}}/group">
 141               [% l('Group Member Details') %]
 142             </a>
 143           </li>
 144           <li>
 145             <a href="./circ/patron/{{patron().id()}}/edit_perms">
 146               [% l('User Permission Editor') %]
 147             </a>
 148           </li>
 149           <li>
 150             <a href="./circ/patron/{{patron().id()}}/credentials">
 151               [% l('Test Password') %]
 152             </a>
 153           </li>
 154        </ul>
 155       </li>
 156       <li ng-class="{active : tab == 'search'}" class="pull-right">
 157         <a href="./circ/patron/search">[% l('Patron Search') %]</a>
 158       </li>
 159     </ul>
 160   </div><!-- col -->
 161 </div><!-- row -->
 162
 163 <div class="row">
 164   <div class="col-md-3" ng-hide="collapse_summary()">
 165     [% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
 166   </div>
 167   <div ng-class="{'col-md-12' : collapse_summary(),'col-md-9' : !collapse_summary()}">
 168     <div class="tab-content">
 169       <div class="tab-pane active">
 170         <div ng-view></div>
 171       </div>
 172     </div>
 173   </div><!-- col -->
 174 </div><!-- row -->
 175
 176 [% END %]