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/services/date.js"></script>
  14 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/patrons.js"></script>
  15 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/billing.js"></script>
  16 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/circ.js"></script>
  17 [% INCLUDE 'staff/circ/share/circ_strings.tt2' %]
  18 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/services/holds.js"></script>
  19 [% INCLUDE 'staff/circ/share/hold_strings.tt2' %]
  20 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/record.js"></script>
  21 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/app.js"></script>
  22 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/regctl.js"></script>
  23
  24 <!-- load the rest on demand? -->
  25
  26 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/checkout.js"></script>
  27 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/items_out.js"></script>
  28 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/holds.js"></script>
  29 <script src="[% ctx.media_prefix %]/js/ui/default/staff/circ/patron/bills.js"></script>
  30
  31 <!-- TODO: APP_JS should really be called APP_ADDONS or some such.
  32     It just means "load these things, too, and load them last" -->
  33 <link rel="stylesheet" href="[% ctx.base_path %]/staff/css/circ.css" />
  34
  35 <script>
  36 angular.module('egCoreMod').run(['egStrings', function(s) {
  37   s.ANNOTATE_PAYMENT_MSG = "[% l('Please annotate this payment') %]";
  38   s.CONFIRM_REFUND_PAYMENT =
  39     "[% |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 %]";
  40   s.EDIT_BILL_PAY_NOTE = "[% l('Enter new note for #[_1]:','{{ids}}') %]";
  41   s.GROUP_ADD_USER = "[% l('Enter the patron barcode') %]";
  42   s.RENEW_ITEMS = "[% l('Renew Items?') %]";
  43   s.RENEW_ALL_ITEMS = "[% l('Renew All Items?') %]";
  44   s.CHECK_IN_CONFIRM = "[% l('Check In Items?') %]";
  45   s.REG_INVALID_FIELDS =
  46     "[% l('Please enter valid values for all required fields.') %]"
  47   s.PAYMENT_WARN_AMOUNT = "[% l('Are you sure you want to apply a payment of $[_1]?', '{{payment_amount}}') %]";
  48   s.PAYMENT_WARN_AMOUNT_TITLE = "[% l('Verify Payment Amount') %]";
  49   s.PAYMENT_OVER_MAX = "[% l('Payments over $[_1] are denied by policy.', '{{max_amount}}') %]";
  50   s.PATRON_NOTE_DELETE_CONFIRM_TITLE = "[% l('Delete Note?') %]";
  51   s.PATRON_NOTE_DELETE_CONFIRM = "[% l('Delete the note titled \"[_1]\" created on [_2]?', '{{note_title}}', '{{create_date | date}}') %]";
  52   s.OPT_IN_DIALOG_TITLE = "[% l('Verify Permission to Share Personal Information') %]";
  53   s.OPT_IN_DIALOG = "[% l('Does patron [_1], [_2] from [_3] ([_4]) consent to having their personal information shared with your library?', '{{family_name}}', '{{first_given_name}}', '{{org_name}}', '{{org_shortname}}') %]";
  54 }]);
  55 </script>
  56
  57 <!-- add room for the fixed navigation elements -->
  58 <style ng-if="is_patron_edit">
  59   #top-content-container { padding-top: 120px; }
  60 </style>
  61 <style ng-if="!is_patron_edit">
  62   #top-content-container { padding-top: 80px; }
  63 </style>
  64
  65 [% END %]
  66
  67 <div class="row" id="patron-fixed-tabs">
  68   <div class="col-md-3 patron-name-header">
  69     <div ng-show="patron()">
  70       <h4 title="{{patron().id()}}">
  71         <div class="flex-row">
  72           <div class="flex-cell"
  73           ng-class="{'patron-summary-alert' : hasAlerts()}">
  74             [% l('[_1], [_2] [_3]',
  75                 '{{patron().family_name()}}',
  76                 '{{patron().first_given_name()}}',
  77                 '{{patron().second_given_name()}}') %]
  78           </div>
  79           <div ng-show="tab != 'search'">
  80             <a href ng-click="toggle_expand_summary()"
  81               title="[% l('Collapse Patron Summary Display') %]"
  82               ng-hide="collapse_summary()">
  83               <span class="glyphicon glyphicon-resize-small"></span>
  84             </a>
  85             <a href ng-click="toggle_expand_summary()"
  86               title="[% l('Expand Patron Summary Display') %]"
  87               ng-show="collapse_summary()">
  88               <span class="glyphicon glyphicon-resize-full"></span>
  89             </a>
  90           </div>
  91         </div>
  92       </h4>
  93     </div>
  94   </div>
  95
  96   <div class="col-md-9">
  97     <ul class="nav nav-pills nav-pills-like-tabs">
  98       <li ng-class="{active : tab == 'checkout', disabled : !patron()}">
  99         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/checkout">[% l('Check Out') %]</a>
 100       </li>
 101       <li ng-class="{active : tab == 'items_out', disabled : !patron()}">
 102         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/items_out">
 103           [% l('Items Out') %]
 104           <span ng-if="patron()"><!-- lack of space / newline below intentional -->
 105           (<span ng-class="{'patron-summary-alert-small' : patron_stats().checkouts.overdue}">{{patron_stats().checkouts.total_out}}</span>)
 106           </span>
 107         </a>
 108       </li>
 109       <li ng-class="{active : tab == 'holds', disabled : !patron()}">
 110         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/holds">
 111           [% l('Holds') %]
 112           <span ng-if="patron()">
 113             (<span>{{patron_stats().holds.ready}} / {{patron_stats().holds.total}}</span>)
 114           </span>
 115         </a>
 116       </li>
 117       <li ng-class="{active : tab == 'bills', disabled : !patron()}">
 118         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/bills">
 119           [% l('Bills') %]
 120           <span ng-if="patron()">
 121             (<span ng-class="{'patron-summary-alert-small' : patron_stats().fines.balance_owed}">{{patron_stats().fines.balance_owed | currency}}</span>)
 122           </span>
 123         </a>
 124       </li>
 125       <li ng-class="{active : tab == 'messages', disabled : !patron()}">
 126         <a a-disabled="!patron()" href="./circ/patron/{{patron().id()}}/messages">[% l('Messages') %]</a>
 127       </li>
 128       <li ng-class="{active : tab == 'edit', disabled : !patron()}">
 129         <a href="./circ/patron/{{patron().id()}}/edit">[% l('Edit') %]</a>
 130       </li>
 131       <li uib-dropdown ng-class="{active : tab == 'other', disabled : !patron()}">
 132         <a a-disabled="!patron()" href uib-dropdown-toggle>
 133             [% l('Other') %]
 134             <b class="caret"></b>
 135         </a>
 136         <ul uib-dropdown-menu>
 137           <li>
 138             <a href="./circ/patron/{{patron().id()}}/alerts">
 139               [% l('Display Alert and Messages') %]
 140             </a>
 141           </li>
 142           <li>
 143             <a href="./circ/patron/{{patron().id()}}/notes">
 144               [% l('Notes') %]
 145             </a>
 146           </li>
 147           <li>
 148             <a href="./circ/patron/{{patron().id()}}/triggered_events">
 149               [% l('Triggered Events / Notifications') %]
 150             </a>
 151           </li>
 152           <li>
 153             <a href="./circ/patron/{{patron().id()}}/message_center">
 154               [% l('Message Center') %]
 155             </a>
 156           </li>
 157           <li>
 158             <a href="./circ/patron/{{patron().id()}}/stat_cats">
 159               [% l('Statistical Categories') %]
 160             </a>
 161           </li>
 162           <li>
 163             <a href="./circ/patron/{{patron().id()}}/surveys">
 164               [% l('Surveys') %]
 165             </a>
 166           </li>
 167           <li>
 168             <a href="./circ/patron/{{patron().id()}}/group">
 169               [% l('Group Member Details') %]
 170             </a>
 171           </li>
 172           <li>
 173             <a href="./circ/patron/{{patron().id()}}/edit_perms">
 174               [% l('User Permission Editor') %]
 175             </a>
 176           </li>
 177           <li>
 178             <a href="./circ/patron/{{patron().id()}}/credentials">
 179               [% l('Test Password') %]
 180             </a>
 181           </li>
 182           <li>
 183             <a href="./booking/legacy/booking/reservation?patron_barcode={{patron().card().barcode()}}" target="_top">
 184               [% l('Booking: Create or Cancel Reservations') %]
 185             </a>
 186           </li>
 187           <li>
 188             <a href="./booking/legacy/booking/pickup?patron_barcode={{patron().card().barcode()}}" target="_top">
 189               [% l('Booking: Pick Up Reservations') %]
 190             </a>
 191           </li>
 192           <li>
 193             <a href="./booking/legacy/booking/return?patron_barcode={{patron().card().barcode()}}" target="_top">
 194               [% l('Booking: Return Reservations') %]
 195             </a>
 196           </li>
 197        </ul>
 198       </li>
 199       <li ng-class="{active : tab == 'search'}" class="pull-right">
 200         <a href="./circ/patron/search">[% l('Patron Search') %]</a>
 201       </li>
 202     </ul>
 203     <div class="flex-row patron-reg-actions-bar" ng-if="is_patron_edit()">
 204       [% INCLUDE 'staff/circ/patron/reg_actions.tt2' %]
 205     </div>
 206
 207   </div><!-- col -->
 208 </div><!-- row -->
 209
 210 <div class="row">
 211   <div class="col-md-3" ng-hide="collapse_summary()">
 212     [% INCLUDE 'staff/circ/patron/t_summary.tt2' %]
 213   </div>
 214   <div ng-class="{'col-md-12' : collapse_summary(),'col-md-9' : !collapse_summary()}">
 215     <div class="tab-content">
 216       <div class="tab-pane active">
 217         <div ng-view></div>
 218       </div>
 219     </div>
 220   </div><!-- col -->
 221 </div><!-- row -->
 222
 223 [% END %]