]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/src/templates/staff/cat/item/index.tt2
LP#1533326 Item status actions menu styling
[working/Evergreen.git] / Open-ILS / src / templates / staff / cat / item / index.tt2
1 [%
2   WRAPPER "staff/base.tt2";
3   ctx.page_title = l("Item Status"); 
4   ctx.page_app = "egItemStatus";
5   ctx.page_ctrl = "SearchCtrl";
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/file.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/cat/item/app.js"></script>
14 <script src="[% ctx.media_prefix %]/js/ui/default/staff/cat/services/record.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>
19   angular.module('egCoreMod').run(['egStrings', function(s) {
20     s.CONFIRM_DELETE_COPIES_VOLUMES =
21       "[% l('Permanently delete selected copies and/or volumes from catalog?') %]";
22     s.CONFIRM_DELETE_COPIES_VOLUMES_MESSAGE =
23       "[% l('Will delete {{copies}} copies and {{volumes}} volumes') %]";
24     s.CONFIRM_DELETE_PEERS =
25       "[% l('Unlink selected conjoined copies?') %]";
26     s.CONFIRM_DELETE_PEERS_MESSAGE =
27       "[% l('Will unlink {{peers}} copies') %]";
28     s.CONFIRM_TRANSFER_COPIES_TO_MARKED_VOLUME =
29       "[% l('Are you sure you want to transfer selected items to the marked volume?') %]";
30     s.OVERRIDE_TRANSFER_COPIES_TO_MARKED_VOLUME_TITLE =
31       "[% l('One or more items could not be transferred. Override?') %]";
32     s.OVERRIDE_TRANSFER_COPIES_TO_MARKED_VOLUME_BODY =
33       "[% l('Reason(s) include: [_1]', '{{evt_desc}}') %]";
34   }])
35 </script>
36 [% END %]
37
38 <style>
39   /* FIXME: MOVE ME */
40   #item-status-barcode {width: 16em;}
41   #item-status-form { 
42     margin-bottom: 20px; 
43   }
44 </style>
45
46 <h1 class="sr-only">[% l('Item Status Display') %]</h1>
47
48 <h2>[% l('Scan Item') %]</h2>
49
50 <form id="item-status-form" ng-submit="context.search(args)" role="form">
51   <!-- the upload button drops down to the line below when it sits in the
52     same col-md-x as the text input and submit.  avoid by using a flex-row -->
53   <div class="flex-row">
54     <div class="input-group">
55       <input type="text" id="item-status-barcode" class="form-control"
56         select-me="context.selectBarcode" ng-model="args.barcode">
57       <input class="btn btn-default" 
58         type="submit" value="[% l('Submit') %]"/>
59     </div>
60     <!-- give the upload container div some padding to prevent force the
61         upload widget into the vertical middle of the row -->
62     <div class="btn-pad" style="padding:4px;">
63       <div class="flex-row">
64         <div class="strong-text">[% l('OR') %]</div>
65         <div class="btn-pad">
66           <input type="file" eg-file-reader 
67             container="barcodesFromFile" value="[% l('Upload from File') %]">
68         </div>
69       </div>
70     </div>
71     <div class="flex-cell"></div><!-- force the final divs to the right -->
72     <div ng-show="context.page == 'detail'" uib-dropdown>
73       <button type="button" class="btn btn-default" uib-dropdown-toggle>
74         <span>[% l('Actions') %]</span><span class="caret"></span>
75       </button>
76       <ul uib-dropdown-menu class="scrollable-menu dropdown-menu-right">
77         <li><a href ng-click="add_copies_to_bucket()">[% l('Add Items to Bucket') %]</a></li>
78         <li><a href ng-click="make_copies_bookable()">[% l('Make Items Bookable') %]</a></li>
79         <li><a href ng-click="book_copies_now()">[% l('Book Item Now') %]</a></li>
80         <li><a href ng-click="requestItems()">[% l('Request Items') %]</a></li>
81         <li><a href ng-click="attach_to_peer_bib()">[% l('Link as Conjoined to Previously Marked Bib Record') %]</a></li>
82         <li><a href ng-click="selectedHoldingsCopyDelete()">[% l('Delete Items') %]</a></li>
83         <li><a href ng-click="checkin()">[% l('Check In Items') %]</a></li>
84         <li><a href ng-click="renew()">[% l('Renew Items') %]</a></li>
85         <li><a href ng-click="cancel_transit()">[% l('Cancel Transit') %]</a></li>
86
87         <p><b>[% l('Mark') %]</b></p>    
88         <li><a href ng-click="selectedHoldingsDamaged()">[% l('Item as Damaged') %]</a></li>
89         <li><a href ng-click="selectedHoldingsMissing()">[% l('Item as Missing') %]</a></li>
90     
91         <p><b>[% l('Add') %]</b></p>    
92         <li><a href ng-click="selectedHoldingsCopyAdd()">[% l('Items') %]</a></li>
93         <li><a href ng-click="selectedHoldingsVolCopyAdd()">[% l('Volumes and Items') %]</a></li>
94
95         <p><b>[% l('Edit') %]</b></p>    
96         <li><a href ng-click="selectedHoldingsVolEdit()">[% l('Volumes') %]</a></li>
97         <li><a href ng-click="selectedHoldingsCopyEdit()">[% l('Items') %]</a></li>
98         <li><a href ng-click="selectedHoldingsVolCopyEdit()">[% l('Volumes and Items') %]</a></li>
99         <li><a href ng-click="replaceBarcodes()">[% l('Replace Barcodes') %]</a></li>
100
101         <p><b>[% l('Transfer') %]</b></p>    
102         <li><a href ng-click="changeItemOwningLib()">[% l('Items to Previously Marked Library') %]</a></li>
103         <li><a href ng-click="transferItems()">[% l('Items to Previously Marked Volume') %]</a></li>
104       </ul>
105     </div>
106     <div>
107       <button class="btn btn-default" ng-click="toggleView($event)">
108         <span ng-show="context.page == 'list'">[% l('Detail View') %]</span>
109         <span ng-show="context.page == 'detail'">[% l('List View') %]</span>
110       </button>
111     </div>
112   </div><!-- flex row -->
113 </form>
114
115
116 <div class="row">
117   <div class="col-md-6">
118     <div ng-show="context.itemNotFound" class="alert alert-danger">
119       [% l('Item Not Found') %]
120     </div>
121   </div>
122 </div>
123
124 <div ng-view></div>
125
126 [% END %]
127
128