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