Open-ILS/src/templates/staff/cat/bucket/batch_hold/index.tt2

   1 [%
   2   WRAPPER "staff/base.tt2";
   3   ctx.page_title = l("Hold Group Buckets");
   4   ctx.page_app = "egCatBatchHoldBuckets";
   5   ctx.page_ctrl = "BatchHoldBucketCtrl";
   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/cat/bucket/batch_hold/app.js"></script>
  12 <script src="[% ctx.media_prefix %]/js/ui/default/staff/services/patron_search.js"></script>
  13 <script>
  14   angular.module('egCoreMod').run(['egStrings', function(s) {
  15     s.CONFIRM_DELETE_USER_BUCKET_ITEMS_FROM_CATALOG =
  16       "[% l('Are you sure you want to delete selected users in bucket from catalog?') %]";
  17     s.EVENT_ROLLBACK_TITLE =
  18       "[% l('Cancel all holds created by selected events') %]";
  19     s.EVENT_NO_TARGET =
  20       "[% l('No target provided for hold group') %]";
  21     s.EVENT_INVALID_TARGET =
  22       "[% l('Invalid target provided for hold group') %]";
  23     s.EVENT_CREATE_SUMMARY =
  24       "[% l('Created holds for [_1] of [_2] patrons', '{{success}}', '{{total}}') %]";
  25   }])
  26 </script>
  27 [% END %]
  28
  29 <!-- using native Bootstrap taps because of limitations
  30 with angular-ui tabsets. it always defaults to making the
  31 first tab active, so it can't be driven from the route
  32 https://github.com/angular-ui/bootstrap/issues/910
  33 No JS is needed to drive the native tabs, since we're
  34 changing routes with each tab selection anyway.
  35 -->
  36
  37 <ul class="nav nav-tabs">
  38   <li ng-class="{active : tab == 'list'}">
  39     <a href="./cat/bucket/batch_hold/list">
  40         [% l('Hold Groups') %]
  41     </a>
  42   </li>
  43   <li ng-class="{active : tab == 'view'}">
  44     <a href="./cat/bucket/batch_hold/view/{{bucketSvc.currentBucket.id()}}">
  45         [% l('Current Users') %]
  46         <span ng-cloak>({{bucketSvc.currentBucket.items().length}})</span>
  47     </a>
  48   </li>
  49   <li ng-class="{active : tab == 'pending'}">
  50     <a href="./cat/bucket/batch_hold/pending/{{bucketSvc.currentBucket.id()}}">
  51         [% l('Add Users') %]
  52         <span ng-cloak>({{bucketSvc.pendingList.length}})</span>
  53     </a>
  54   </li>
  55   <li ng-class="{active : tab == 'event'}">
  56     <a href="./cat/bucket/batch_hold/event/{{bucketSvc.currentBucket.id()}}">
  57         [% l('Hold Events') %]
  58     </a>
  59   </li>
  60 </ul>
  61 <div class="tab-content">
  62   <div class="tab-pane active">
  63
  64     <!-- bucket info header -->
  65     <div class="row" ng-show="tab != 'list'">
  66       <div class="col-md-6">
  67         [% INCLUDE 'staff/cat/bucket/batch_hold/t_bucket_info.tt2' %]
  68       </div>
  69     </div>
  70
  71     <!-- bucket not accessible warning -->
  72     <div class="col-md-10 col-md-offset-1" ng-show="forbidden">
  73       <div class="alert alert-warning">
  74         [% l('The selected bucket "{{bucketId}}" is not visible to this login.') %]
  75       </div>
  76     </div>
  77
  78     <div ng-view></div>
  79   </div>
  80 </div>
  81
  82 [% END %]