koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/editor.tt

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