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