Bug 21307: Switch two-column templates to Bootstrap grid: Cataloging
[koha-equinox.git] / koha-tmpl / intranet-tmpl / prog / en / modules / cataloguing / editor.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% INCLUDE 'doc-head-open.inc' %]
4 <title>Koha &rsaquo; Cataloging &rsaquo; Editor</title>
5 [% INCLUDE 'doc-head-close.inc' %]
6 [% Asset.css("css/cateditor.css") | $raw %]
7 [% Asset.css("lib/codemirror/codemirror.css") | $raw %]
8 [% Asset.css("css/humanmsg.css") | $raw %]
9 [% Asset.js("js/cataloging.js") | $raw %]
10 [% Asset.js("lib/jquery/plugins/humanmsg.js") | $raw %]
11 </head>
12 <body id="cat_addbiblio" class="cat">
13
14    <div id="loading">
15        <div>Loading, please wait...</div>
16    </div>
17
18 [% INCLUDE 'header.inc' %]
19
20 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/cataloguing/addbooks.pl">Cataloging</a> &rsaquo; Editor</div>
21
22 <div class="main container-fluid">
23     <div class="row">
24         <div class="col-sm-10 col-sm-push-2">
25             <main>
26
27 <h1 id="title">Cataloging editor</h1>
28
29 <div id="editor">
30     <input id="import-records-input" type="file" style="display: none">
31     <div id="toolbar" class="btn-toolbar">
32         <button class="btn btn-default" id="new-record" title="Open fresh record"><i class="fa fa-plus"></i> <span>New record</span></button>
33         <div class="btn-group">
34             <button class="btn btn-default" id="save-record" title="Save current record (Ctrl-S)"><i class="fa fa-hdd-o"></i> <span>Save</span></button>
35             <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
36             <span class="caret"></span>
37             </button>
38             <ul class="dropdown-menu" id="save-dropdown">
39             </ul>
40         </div>
41         <button class="btn btn-default" id="import-records" title="Import an MARC (ISO 2709) or MARCXML record"><i class="fa fa-download"></i> <span>Import record...</span></button>
42         <button class="btn btn-default" id="open-macros" title="Run and edit macros"><i class="fa fa-play"></i> <span>Macros...</span></button>
43         <div class="btn-group">
44             <button class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog"></i> Settings <span class="caret"></span></button>
45             <ul id="prefs-menu" class="dropdown-menu">
46                 <li><a id="switch-editor" href="#">Switch to basic editor</a></li>
47                 <li><a id="set-field-widgets" href="#"></a></li>
48                 <li class="nav-header">Change framework</li>
49                 <li>
50                     <a class="change-framework" data-frameworkcode="">
51                         <i class="fa fa-fw unselected">&nbsp;</i>
52                         <i class="fa fa-fw fa-check selected">&nbsp;</i>
53                         Default
54                     </a>
55                 </li>
56                 [% FOREACH framework IN frameworks %]
57                     <li>
58                         <a class="change-framework" data-frameworkcode="[% framework.frameworkcode | html %]">
59                             <i class="fa fa-fw fa-check selected"></i>
60                             <i class="fa fa-fw unselected">&nbsp;</i>
61                             [% framework.frameworktext | html %]
62                         </a>
63                     </li>
64                 [% END %]
65                 <li class="divider"></li>
66                 <li><a class="set-fontSize" style="font-size: .92em" href="#">Small text</a></li>
67                 <li><a class="set-fontSize" style="font-size: 1em" href="#">Normal text</a></li>
68                 <li><a class="set-fontSize" style="font-size: 1.08em" href="#">Large text</a></li>
69                 <li><a class="set-fontSize" style="font-size: 1.18em" href="#">Huge text</a></li>
70                 <li class="divider"></li>
71                 <li><a class="set-font" style="font-family: monospace" href="#">Default font</a></li>
72                 <li><a class="set-font" style="font-family: Consolas" href="#">Consolas</a></li>
73                 <li><a class="set-font" style="font-family: 'Courier New'" href="#">Courier New</a></li>
74                 <li><a class="set-font" style="font-family: 'DejaVu Sans Mono'" href="#">DejaVu Sans Mono</a></li>
75                 <li><a class="set-font" style="font-family: 'Lucida Console'" href="#">Lucida Console</a></li>
76                 <li><a class="set-font" style="font-family: Monaco" href="#">Monaco</a></li>
77             </ul>
78         </div>
79         <button class="btn btn-default" id="show-alerts" title="Previous alerts"><i class="fa fa-bell"></i> Alerts <span class="caret"></span></button>
80         <button class="btn btn-default" id="show-shortcuts" title="Supported keyboard shortcuts"><i class="fa fa-keyboard-o"></i> Keyboard shortcuts <span class="caret"></span></button>
81     </div>
82     [%# CodeMirror instance will be inserted here %]
83     <div id="statusbar">
84         <div id="status-tag-info">
85         </div>
86         <div id="status-subfield-info">
87         </div>
88     </div>
89 </div>
90             </main>
91         </div> <!-- /.col-sm-10.col-sm-push-2 -->
92
93         <div class="col-sm-2 col-sm-pull-10">
94             <aside>
95                 <h3>Search</h3>
96                 <form id="quicksearch">
97                     <fieldset class="brief">
98                     <ol>
99                         <li><label for="search-by-keywords">Keywords:</label></li>
100                         <li><input class="search-box" data-qualifier="term" id="search-by-keywords" placeholder="(Ctrl-Alt-K)" /></li>
101                         <li><label for="search-by-author">Author:</label></li>
102                         <li><input class="search-box" data-qualifier="author" id="search-by-author" placeholder="(Ctrl-Alt-A)" /></li>
103                         <li><label for="search-by-isbn">ISBN:</label></li>
104                         <li><input class="search-box" data-qualifier="isbn" id="search-by-isbn" placeholder="(Ctrl-Alt-I)" /></li>
105                         <li><label for="search-by-title">Title:</label></li>
106                         <li><input class="search-box" data-qualifier="title" id="search-by-title" placeholder="(Ctrl-Alt-T)" /></li>
107                         <li><a href="#" id="show-advanced-search" title="Show advanced search (Ctrl-Alt-S)">Advanced &raquo;</a></li>
108                     </fieldset>
109                 </form>
110             </aside>
111         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
112      </div> <!-- /.row -->
113
114 </div>
115
116 <div id="advanced-search-ui" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="advanced-search-title" aria-hidden="true">
117 <div class="modal-dialog modal-lg">
118 <div class="modal-content">
119
120 <div class="modal-header">
121     <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
122     <h3 id="advanced-search-title">Advanced search</h3>
123 </div>
124 <div class="modal-body">
125   <form id="advanced-search">
126     <div class="row">
127     <div class="col-md-3">
128         <div id="search-facets">
129             <ul>
130                 <li>Servers:<ul id="advanced-search-servers"></ul></li>
131             </ul>
132         </div>
133     </div>
134     <div class="col-md-9">
135         <div id="toolbar" class="btn-toolbar">
136             <button class="btn btn-default" type="submit"><i class="fa fa-search"></i> <span>Search</span></button>
137             <button class="btn btn-default" type="reset"><i class="fa fa-trash"></i> <span>Clear</span></button>
138         </div>
139         <ul id="advanced-search-fields">
140             <li>
141                 <label for="advanced-search-by-isbn">ISBN:</label>
142                 <input class="search-box" data-qualifier="isbn" id="advanced-search-by-isbn" />
143             </li>
144             <li>
145                 <label for="advanced-search-by-issn">ISSN:</label>
146                 <input class="search-box" data-qualifier="issn" id="advanced-search-by-issn" />
147             </li>
148             <li>
149                 <label for="advanced-search-by-title">Title:</label>
150                 <input class="search-box" data-qualifier="title" id="advanced-search-by-title" />
151             </li>
152             <li>
153                 <label for="advanced-search-by-author">Author:</label>
154                 <input class="search-box" data-qualifier="author" id="advanced-search-by-author" />
155             </li>
156             <li>
157                 <label for="advanced-search-by-subject">Subject:</label>
158                 <input class="search-box" data-qualifier="subject" id="advanced-search-by-subject" />
159             </li>
160             <li>
161                 <label for="advanced-search-by-lc-number">LC call number:</label>
162                 <input class="search-box" data-qualifier="cn_lc" id="advanced-search-by-lc-number" />
163             </li>
164             <li>
165                 <label for="advanced-search-by-lccn">LCCN:</label>
166                 <input class="search-box" data-qualifier="lccn" id="advanced-search-by-lccn" />
167             </li>
168             <li>
169                 <label for="advanced-search-by-control-number">Control number:</label>
170                 <input class="search-box" data-qualifier="local_number" id="advanced-search-by-control-number" />
171             </li>
172             <li>
173                 <label for="advanced-search-by-dewey">Dewey number:</label>
174                 <input class="search-box" data-qualifier="cn_dewey" id="advanced-search-by-dewey" />
175             </li>
176             <li>
177                 <label for="advanced-search-by-standard-number">Standard number:</label>
178                 <input class="search-box" data-qualifier="standard_identifier" id="advanced-search-by-standard-number" />
179             </li>
180             <li>
181                 <label for="advanced-search-by-publisher-number">Publisher number:</label>
182                 <input class="search-box" data-qualifier="music_identifier" id="advanced-search-by-publisher-number" />
183             </li>
184             <li>
185                 <label for="advanced-search-by-publication-date">Publication date:</label>
186                 <input class="search-box" data-qualifier="date" id="advanced-search-by-publication-date" />
187             </li>
188         </ul>
189     </div>
190     </div>
191   </form>
192 </div>
193 </div>
194 </div>
195 </div>
196
197 <div id="search-results-ui" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="search-results-title" aria-hidden="true">
198 <div class="modal-dialog modal-lg">
199 <div class="modal-content">
200
201 <div class="modal-header">
202     <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
203     <h3 id="search-results-title">Results</h3>
204 </div>
205
206 <div class="modal-body">
207     <div class="row">
208     <div class="col-md-3">
209         <div id="search-facets">
210             <ul>
211                 <li>Servers:<ul id="search-serversinfo"></ul></li>
212             </ul>
213         </div>
214     </div>
215     <div class="col-md-9">
216         <!-- tabindex attribute allows JS-controlled focus -->
217         <div id="searchresults" tabindex="-1">
218             <div id="search-top-pages">
219                 <nav aria-label="Search results navigation">
220                 </nav>
221             </div>
222
223             <table>
224                 <thead>
225                     <tr></tr>
226                 </thead>
227                 <tbody></tbody>
228             </table>
229
230             <div id="search-bottom-pages">
231                 <nav aria-label="Search results navigation">
232                 </nav>
233             </div>
234         </div>
235     </div>
236     </div>
237     <div id="search-overlay"><span>Loading...</span><div class="progress"><div class="progress-bar progress-bar-striped active" style="width: 100%"></div></div></div>
238 </div>
239 </div>
240 </div>
241
242 </div>
243
244 <div id="macro-ui" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="macro-title" aria-hidden="true">
245 <div class="modal-dialog modal-lg">
246 <div class="modal-content">
247
248 <div class="modal-header">
249     <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
250     <h3 id="macro-title">Macros</h3>
251 </div>
252
253 <div class="modal-body">
254     <div class="row">
255     <div class="col-md-3"><ul id="macro-list"></ul></div>
256     <div class="col-md-9" id="macro-editor">
257         <div id="macro-toolbar" class="btn-toolbar">
258             <button class="btn btn-default" id="run-macro" title="Run and edit macros"><i class="fa fa-play"></i> Run macro</button>
259             <button class="btn btn-default" id="delete-macro" title="Delete macro"><i class="fa fa-trash"></i> Delete macro</button>
260             <label for="macro-format">Format: </label> <select id="macro-format"></select>
261             <div id="macro-save-message"></div>
262         </div>
263     </div>
264     </div>
265 </div>
266 </div>
267 </div>
268 </div>
269
270 <div id="shortcuts-contents" style="display: none">
271 <table class="table table-condensed">
272     <thead>
273         <tr>
274             <th>Shortcut</th>
275             <th>Behavior</th>
276         </tr>
277     </thead>
278     <tbody>
279         <tr>
280             <td>Alt-C</td>
281             <td>Insert copyright symbol (©)</td>
282         </tr>
283         <tr>
284             <td>Alt-P</td>
285             <td>Insert copyright symbol (℗) (sound recordings)</td>
286         </tr>
287         <tr>
288             <td>Ctrl-D</td>
289             <td>Insert delimiter (‡)</td>
290         </tr>
291         <tr>
292             <td>Ctrl-H</td>
293             <td>Get help on current subfield</td>
294         </tr>
295         <tr>
296             <td>Ctrl-Shift-L</td>
297             <td>Link field to authorities</td>
298         </tr>
299         <tr>
300             <td>Ctrl-S</td>
301             <td>Save record</td>
302         </tr>
303         <tr>
304             <td>Ctrl-X</td>
305             <td>Delete current field</td>
306         </tr>
307         <tr>
308             <td>Ctrl-Shift-X</td>
309             <td>Delete current subfield</td>
310         </tr>
311         <tr>
312             <td>Enter</td>
313             <td>New field on next line</td>
314         </tr>
315         <tr>
316             <td>Shift-Enter</td>
317             <td>Insert line break</td>
318         </tr>
319         <tr>
320             <td>Tab</td>
321             <td>Move to next position</td>
322         </tr>
323         <tr>
324             <td>Shift-Tab</td>
325             <td>Move to previous position</td>
326         </tr>
327     </tbody>
328 </table>
329 </div>
330
331 [% PROCESS 'cateditor-ui.inc' %]
332
333 [% INCLUDE 'intranet-bottom.inc' %]