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