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