]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/src/templates/staff/cat/catalog/t_catalog.tt2
webstaff: Use tabs instead of Actions For this Record
[working/Evergreen.git] / Open-ILS / src / templates / staff / cat / catalog / t_catalog.tt2
1
2 <div ng-show="record_id" class="row col-md-12">
3     <eg-record-summary record-id="record_id" no-marc-link="true" record="summary_pane_record"></eg-record-summary>
4 </div>
5
6 <div ng-show="record_id" class="row col-md-12 pad-vert">
7   <div class="col-md-9">
8     <button type="button" ng-disabled="from_route" class="btn btn-default" ng-click="opac_call('rdetailStart')">
9        [% l('Start') %]
10     </button>
11     <button type="button" ng-disabled="from_route" class="btn btn-default" ng-click="opac_call('rdetailPrev')">
12        [% l('Previous') %]
13     </button>
14     <button type="button" ng-disabled="from_route" class="btn btn-default" ng-click="opac_call('rdetailNext')">
15        [% l('Next') %]
16     </button>
17     <button type="button" ng-disabled="from_route" class="btn btn-default" ng-click="opac_call('rdetailEnd')">
18        [% l('End') %]
19     </button>
20     <button type="button" ng-disabled="from_route" class="btn btn-default" ng-click="opac_call('rdetailBackToResults', true)">
21        [% l('Back To Results') %]
22     </button>
23   </div> <!-- padding -->
24   <div class="col-md-3">
25     <!-- actions for this record menu -->
26     <div class="btn btn-default pull-right" ng-click="set_default_record_tab()">
27       [% l('Set bottom view as default') %]
28     </div>
29   </div>
30 </div>
31
32 <ul class="nav nav-tabs">
33   <li ng-class="{active : record_tab == 'catalog'}">
34     <a ng-click="set_record_tab('catalog')" >
35         [% l('OPAC View') %]
36     </a>
37   </li>
38   <li ng-class="{disabled : !record_id, active : record_tab == 'marc_edit'}">
39     <a ng-click="set_record_tab('marc_edit')" >
40         [% l('MARC Edit') %]
41     </a>
42   </li>
43   <li ng-class="{disabled : !record_id, active : record_tab == 'marc_html'}">
44     <a ng-click="set_record_tab('marc_html')" >
45         [% l('MARC View') %]
46     </a>
47   </li>
48   <li ng-class="{disabled : !record_id, active : record_tab == 'holds'}">
49     <a ng-click="set_record_tab('holds')" >
50         [% l('View Holds') %]
51     </a>
52   </li>
53 </ul>
54
55 <div class="tab-content">
56   <div class="tab-pane active">
57
58 <div class="row col-md-12">
59   <!-- ng-show allows the catalog iframe to stay loaded (unlike ng-if) -->
60   <div ng-show="record_tab == 'catalog'">
61     <eg-embed-frame save-space="300" frame="opac_iframe" url="catalog_url" handlers="handlers" onchange="handle_page"></eg-embed-frame>
62   </div>
63   <div ng-show="record_tab == 'marc_edit'">
64     <eg-marc-edit-record dirty-flag="stop_unload" record-id="record_id"/>
65   </div>
66   <!-- ng-if the remaining tabs so they can be instantiated on demand -->
67   <div ng-if="record_tab == 'marc_html'">
68     <eg-record-html record-id="record_id"></eg-record-html>
69   </div>
70   <div ng-if="record_tab == 'holds'">
71     [% INCLUDE 'staff/cat/catalog/t_holds.tt2' %]
72   </div>
73 </div>
74
75   </div>
76 </div>