LP#1832897: add miscellaneous carousels functionality to staff interface
[working/Evergreen.git] / 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/services/eframe.js"></script>
12 <script src="[% ctx.media_prefix %]/js/ui/default/staff/marcrecord.js"></script>
13 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/record.js"></script>
14 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/tagtable.js"></script>
15 [% INCLUDE 'staff/cat/share/marcedit_strings.tt2' %]
16 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/marcedit.js"></script>
17 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/holdings.js"></script>
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/bucket/record/app.js"></script>
21 <script>
22   angular.module('egCoreMod').run(['egStrings', function(s) {
23     s.CONFIRM_DELETE_RECORD_BUCKET_ITEMS_FROM_CATALOG =
24       "[% l('Delete these records?') %]";
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 == 'search'}">
39     <a href="./cat/bucket/record/search/{{bucketSvc.currentBucket.id()}}">
40         [% l('Record Query') %]
41         <span ng-cloak>({{bucketSvc.queryRecords.length}})</span>
42     </a>
43   </li>
44   <li ng-class="{active : tab == 'pending'}">
45     <a href="./cat/bucket/record/pending/{{bucketSvc.currentBucket.id()}}">
46         [% l('Pending Records') %]
47         <span ng-cloak>({{bucketSvc.pendingList.length}})</span>
48     </a>
49   </li>
50   <li ng-class="{active : tab == 'view'}">
51     <a href="./cat/bucket/record/view/{{bucketSvc.currentBucket.id()}}">
52         [% l('Bucket View') %]
53         <span ng-cloak>({{bucketSvc.currentBucket.items().length}})</span>
54     </a>
55   </li>
56 </ul>
57 <div class="tab-content">
58   <div class="tab-pane active">
59
60     <!-- bucket info header -->
61     <div class="row">
62       <div class="col-md-6">
63         [% INCLUDE 'staff/cat/bucket/share/t_bucket_info.tt2' %]
64       </div>
65     </div>
66
67     <!-- bucket not accessible warning -->
68     <div class="col-md-10 col-md-offset-1" ng-show="forbidden">
69       <div class="alert alert-warning">
70         [% l('The selected bucket "{{bucketId}}" is not visible to this login.') %]
71       </div>
72     </div>
73
74     <div ng-view></div>
75   </div>
76 </div>
77
78 [% END %]
79
80