+[% USE raw %]
+[% USE Asset %]
+[% USE AuthorisedValues %]
+[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Koha › Serials › Manage new fields for subscriptions
[% IF op == "list" %] › List of fields
[% END %]
</title>
[% INCLUDE 'doc-head-close.inc' %]
-<link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />
-[% INCLUDE "datatables.inc" %]
-<script type="text/javascript">
-//<![CDATA[
- $(document).ready(function(){
-
- $("#fieldst").dataTable($.extend(true, {}, dataTablesDefaults, {
- 'bAutoWidth': false,
- 'sDom': 't<"bottom pager"ilpf>',
- 'sPaginationType': 'four_button',
- 'aLengthMenu': [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],
- 'iDisplayLength': 20,
- 'aaSorting': [[ 0, "asc" ]],
- }));
-
- $(".confirmdelete").click(function(){
- return confirm(_("Are you sure you want to delete this field?"));
- });
-
- $("#add_field").on('submit', function(){
- if ( $("#marcfield").val().length > 0
- && $("select[name='authorised_value_category']" ).val().length > 0 ) {
- alert("You cannot select an authorised value category and a marcfield");
- return false;
- }
- return true;
- });
- });
-//]]>
-</script>
</head>
<body id="ser_add_fields" class="ser">
<a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/serials/serials-home.pl">Serials</a> › Manage new fields for subscriptions
</div>
- <div id="doc3" class="yui-t2">
- <div id="bd">
- <div id="yui-main">
- <div class="yui-b">
+<div class="main container-fluid">
+ <div class="row">
+ <div class="col-sm-10 col-sm-push-2">
+ <main>
+
[% IF op == 'list' %]
<div id="toolbar" class="btn-toolbar">
- <a class="btn btn-small" id="newfields" href="/cgi-bin/koha/serials/add_fields.pl?op=add_form"><i class="fa fa-plus"></i> New fields</a>
+ <a class="btn btn-default btn-sm" id="newfields" href="/cgi-bin/koha/serials/add_fields.pl?op=add_form"><i class="fa fa-plus"></i> New field</a>
</div>
[% END %]
[% FOR message IN messages %]
[% IF message.code == 'insert' %]
[% IF message.number > 0 %]
- <div class="dialog message">The field has been inserted</div>
+ <div class="dialog message">Field created.</div>
[% ELSE %]
- <div class="dialog alert">The field has not been inserted (name still exist?)</div>
+ <div class="dialog alert">The field could not be created. Perhaps the name already exists?</div>
[% END %]
[% ELSIF message.code == 'update' %]
[% IF message.number > 0 %]
- <div class="dialog message">The field has been updated</div>
+ <div class="dialog message">Field updated.</div>
[% ELSE %]
- <div class="dialog alert">The field has not been updated (name still exist?)</div>
+ <div class="dialog alert">The field could not be updated. Perhaps the name already exists?</div>
[% END %]
[% ELSIF message.code == 'delete' %]
[% IF message.number > 0 %]
- <div class="dialog message">The field has been deleted</div>
+ <div class="dialog message">Field deleted.</div>
[% ELSE %]
- <div class="dialog alert">The field has not been deleted</div>
+ <div class="dialog alert">The field could not be deleted. Check the log for errors.</div>
[% END %]
[% END %]
[% END %]
<tbody>
[% FOR field IN fields %]
<tr>
- <td>[% field.name %]</td>
- <td>[% field.authorised_value_category %]</td>
- <td>[% field.marcfield %]</td>
+ <td>[% field.name | html %]</td>
+ <td>[% field.authorised_value_category | html %]</td>
+ <td>[% field.marcfield | html %]</td>
<td>
[% IF field.searchable %]Yes[% ELSE %]No[% END %]
</td>
- <td>
- <a href="/cgi-bin/koha/serials/add_fields.pl?op=add_form&field_id=[% field.id %]" title="Edit this field">Edit</a>
- <a class="confirmdelete" href="/cgi-bin/koha/serials/add_fields.pl?op=delete&field_id=[% field.id %]" title="Delete this field">Delete</a>
+ <td class="actions">
+ <a class="btn btn-default btn-xs" href="/cgi-bin/koha/serials/add_fields.pl?op=add_form&field_id=[% field.id | html %]"><i class="fa fa-pencil"></i> Edit</a>
+ <a class="confirmdelete btn btn-default btn-xs" href="/cgi-bin/koha/serials/add_fields.pl?op=delete&field_id=[% field.id | html %]"><i class="fa fa-trash"></i> Delete</a>
</td>
</tr>
[% END %]
<ol>
<li>
<label for="name" class="required">Name: </label>
- <input type="text" name="name" id="name" value="[% field.name %]" />
+ <input type="text" name="name" id="name" value="[% field.name | html %]" class="required" required="required" />
+ <span class="required">Required</span>
</li>
<li>
<label for="av">Authorised value category: </label>
- <select name="authorised_value_category">
+ <select id="av" name="authorised_value_category">
<option value="">None</option>
- [% FOR category IN categories %]
- [% IF field.authorised_value_category == category %]
- <option value="[% category %]" selected="selected">[% category %]</option>
- [% ELSE %]
- <option value="[% category %]">[% category %]</option>
- [% END %]
- [% END %]
+ [% PROCESS options_for_authorised_value_categories authorised_value_categories => AuthorisedValues.GetCategories( selected => field.authorised_value_category ) %]
</select>
</li>
<li>
<label for="marcfield">Marc field: </label>
- <input type="text" name="marcfield" id="marcfield" value="[% field.marcfield %]" />
+ <input type="text" name="marcfield" id="marcfield" value="[% field.marcfield | html %]" />
</li>
<li>
<label for="searchable">Searchable: </label>
</fieldset>
<fieldset class="action">
[% IF field %]
- <input type="hidden" name="field_id" value="[% field.id %]" />
+ <input type="hidden" name="field_id" value="[% field.id | html %]" />
[% END %]
<input type="hidden" name="op" value="add" />
<input type="submit" value="Save" />
</form>
[% END %]
- </div>
- </div>
+ </main>
+ </div> <!-- /.col-sm-10.col-sm-push-2 -->
+
+ <div class="col-sm-2 col-sm-pull-10">
+ <aside>
+ [% INCLUDE 'serials-menu.inc' %]
+ </aside>
+ </div> <!-- /.col-sm-2.col-sm-pull-10 -->
+ </div> <!-- /.row -->
+
+[% MACRO jsinclude BLOCK %]
+ [% INCLUDE "datatables.inc" %]
+ <script>
+ $(document).ready(function(){
+
+ $("#fieldst").dataTable($.extend(true, {}, dataTablesDefaults, {
+ 'bAutoWidth': false,
+ 'sPaginationType': 'four_button',
+ "aoColumnDefs": [
+ { "aTargets": [ -1 ], "bSortable": false, "bSearchable": false },
+ ]
+ }));
+
+ $(".confirmdelete").click(function(){
+ return confirm(_("Are you sure you want to delete this field?"));
+ });
+
+ $("#add_field").on('submit', function(){
+ if ( $("#marcfield").val().length > 0
+ && $("select[name='authorised_value_category']" ).val().length > 0 ) {
+ alert("You cannot select an authorised value category and a marcfield");
+ return false;
+ }
+ return true;
+ });
+ });
+ </script>
+[% END %]
-<div class="yui-b">
-[% INCLUDE 'serials-menu.inc' %]
-</div>
-</div>
[% INCLUDE 'intranet-bottom.inc' %]