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