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

   1 [%
   2   WRAPPER "staff/base.tt2";
   3   ctx.page_title = l("Record Buckets");
   4   ctx.page_app = "egCatRecordBuckets";
   5   ctx.page_ctrl = "RecordBucketCtrl";
   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/record/app.js"></script>
  12 <script>
  13   angular.module('egCoreMod').run(['egStrings', function(s) {
  14     s.CONFIRM_DELETE_RECORD_BUCKET_ITEMS_FROM_CATALOG =
  15       "[% l('Delete these records?') %]";
  16   }]);
  17 </script>
  18 [% END %]
  19
  20 <!-- using native Bootstrap taps because of limitations
  21 with angular-ui tabsets. it always defaults to making the
  22 first tab active, so it can't be driven from the route
  23 https://github.com/angular-ui/bootstrap/issues/910
  24 No JS is needed to drive the native tabs, since we're
  25 changing routes with each tab selection anyway.
  26 -->
  27
  28 <ul class="nav nav-tabs">
  29   <li ng-class="{active : tab == 'search'}">
  30     <a href="./cat/bucket/record/search/{{bucketSvc.currentBucket.id()}}">
  31         [% l('Record Query') %]
  32         <span ng-cloak>({{bucketSvc.queryRecords.length}})</span>
  33     </a>
  34   </li>
  35   <li ng-class="{active : tab == 'pending'}">
  36     <a href="./cat/bucket/record/pending/{{bucketSvc.currentBucket.id()}}">
  37         [% l('Pending Records') %]
  38         <span ng-cloak>({{bucketSvc.pendingList.length}})</span>
  39     </a>
  40   </li>
  41   <li ng-class="{active : tab == 'view'}">
  42     <a href="./cat/bucket/record/view/{{bucketSvc.currentBucket.id()}}">
  43         [% l('Bucket View') %]
  44         <span ng-cloak>({{bucketSvc.currentBucket.items().length}})</span>
  45     </a>
  46   </li>
  47 </ul>
  48 <div class="tab-content">
  49   <div class="tab-pane active">
  50
  51     <!-- bucket info header -->
  52     <div class="row">
  53       <div class="col-md-6">
  54         [% INCLUDE 'staff/cat/bucket/record/t_bucket_info.tt2' %]
  55       </div>
  56     </div>
  57
  58     <!-- bucket not accessible warning -->
  59     <div class="col-md-10 col-md-offset-1" ng-show="forbidden">
  60       <div class="alert alert-warning">
  61         [% l('The selected bucket "{{bucketId}}" is not visible to this login.') %]
  62       </div>
  63     </div>
  64
  65     <div ng-view></div>
  66   </div>
  67 </div>
  68
  69 [% END %]
  70
  71