]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/src/templates/staff/cat/item/index.tt2
LP#1350042 Browser client templates/scripts (phase 1)
[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 [% END %]
17
18 <style>
19   /* FIXME: MOVE ME */
20   #item-status-barcode {width: 16em;}
21   #item-status-form { 
22     margin-bottom: 20px; 
23   }
24 </style>
25
26 <h1 class="sr-only">[% l('Item Status Display') %]</h1>
27
28 <h2>[% l('Scan Item') %]</h2>
29
30 <form id="item-status-form" ng-submit="context.search(args)" role="form">
31   <!-- the upload button drops down to the line below when it sits in the
32     same col-md-x as the text input and submit.  avoid by using a flex-row -->
33   <div class="flex-row">
34     <div class="input-group">
35       <input type="text" id="item-status-barcode" class="form-control"
36         select-me="context.selectBarcode" ng-model="args.barcode">
37       <input class="btn btn-default" 
38         type="submit" value="[% l('Submit') %]"/>
39     </div>
40     <!-- give the upload container div some padding to prevent force the
41         upload widget into the vertical middle of the row -->
42     <div class="btn-pad" style="padding:4px;">
43       <div class="flex-row">
44         <div class="strong-text">[% l('OR') %]</div>
45         <div class="btn-pad">
46           <input type="file" eg-file-reader 
47             container="barcodesFromFile" value="[% l('Upload from File') %]">
48         </div>
49       </div>
50     </div>
51     <div class="flex-cell"></div><!-- force the final divs to the right -->
52     <div>
53       <button class="btn btn-default" ng-click="toggleView($event)">
54         <span ng-show="context.page == 'list'">[% l('Detail View') %]</span>
55         <span ng-show="context.page == 'detail'">[% l('List View') %]</span>
56       </button>
57     </div>
58     <!--
59     <div class="btn-group btn-pad" dropdown>
60       <button type="button" class="btn btn-default dropdown-toggle">
61         [% l('Actions for Catalogers') %]<span class="caret"></span>
62       </button>
63       <ul class="dropdown-menu" role="menu">
64       </ul>
65     </div>
66     -->
67   </div><!-- flex row -->
68 </form>
69
70
71 <div class="row">
72   <div class="col-md-6">
73     <div ng-show="context.itemNotFound" class="alert alert-danger">
74       [% l('Item Not Found') %]
75     </div>
76   </div>
77 </div>
78
79 <div ng-view></div>
80
81 [% END %]
82
83