Koha/koha-tmpl/intranet-tmpl/prog/en/modules/course_reserves/course.tt
Owen Leonard 89dcd61cad
Bug 32087: Consistent classes for primary buttons: Course reserves
This patch makes changes the button markup in course reserves templates
so that all submit buttons and any buttons that should should be styled
as primary buttons have the Bootstrap class "btn btn-primary."

To test, apply the patch and view course reserves pages to confirm
that everything looks correct. In most cases there are no visible
changes.

Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
2022-11-09 13:54:07 -03:00

217 lines
9.9 KiB
Text

[% PROCESS 'i18n.inc' %]
[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>[% IF course_name %] Edit [% course_name | html %] [% ELSE %] New course [% END %] &rsaquo; Course reserves &rsaquo; Koha</title>
[% INCLUDE 'doc-head-close.inc' %]
<style>
#course_instructors {
float: left;
}
.instructor_line {
padding: .3em;
}
</style>
</head>
<body id="courses_course" class="course">
[% WRAPPER 'header.inc' %]
[% INCLUDE 'cat-search.inc' %]
[% END %]
[% WRAPPER 'sub-header.inc' %]
<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
<ol>
<li>
<a href="/cgi-bin/koha/mainpage.pl">Home</a>
</li>
<li>
<a href="/cgi-bin/koha/course_reserves/course-reserves.pl">Course reserves</a>
</li>
<li>
<a href="#" aria-current="page">
[% IF course_name %] Edit <em>[% course_name | html %]</em> [% ELSE %] New course [% END %]
</a>
</li>
</ol>
</nav>
[% END %]
[% IF ( departments ) %]
<div class="main container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>[% IF course_name %] Edit <em>[% course_name | html %]</em> [% ELSE %] New course [% END %]</h1>
<form method="post" action="/cgi-bin/koha/course_reserves/mod_course.pl" class="validated">
[% IF course_id %]<input type="hidden" name="course_id" value="[% course_id | html %]" />[% END %]
<fieldset class="rows">
<legend>[% IF course_id %]Edit course[% ELSE %]Create course[% END %]</legend>
<ol>
<li>
<label class="required" for="department">Department:</label>
<select id="department" name="department" required="required" class="required">
<option value="">Select a department</option>
[% FOREACH d IN departments %]
[% IF d.authorised_value == department %]
<option value="[% d.authorised_value | html %]" selected="selected">[% d.lib | html %]</option>
[% ELSE %]
<option value="[% d.authorised_value | html %]">[% d.lib | html %]</option>
[% END %]
[% END %]
</select>
<span class="required">Required</span>
</li>
<li>
<label class="required" for="course_number">Course number:</label>
<input id="course_number" name="course_number" type="text" value="[% course_number | html %]" required="required" class="required" />
<span class="required">Required</span>
</li>
<li>
<label for="section">Section:</label>
<input id="section" name="section" type="text" value="[% section | html %]"/>
</li>
<li>
<label class="required" for="course_name">Course name:</label>
<input id="course_name" name="course_name" type="text" value="[% course_name | html %]" required="required" class="required" />
<span class="required">Required</span>
</li>
<li>
[% IF terms %]
<label for="term">[% tp('Semester', 'Term:') | html %]</label>
<select id="term" name="term">
<option value=""></option>
[% FOREACH t IN terms %]
[% IF t.authorised_value == term %]
<option value="[% t.authorised_value | html %]" selected="selected">[% t.lib | html %]</option>
[% ELSE %]
<option value="[% t.authorised_value | html %]">[% t.lib | html %]</option>
[% END %]
[% END %]
</select>
[% ELSE %]
<span class="label">[% tp('Semester', 'Term:') | html %] </span>
<span id="term">No TERM authorised values found! Please create one or more authorised values with the category TERM.</span>
[% END %]
</li>
<li>
<span class="label">Instructors:</span>
<div id="course_instructors">
<div id="instructors">
[% FOREACH i IN instructors %]
<div class="instructor_line" id="borrower_[% i.borrowernumber | html %]">[% i.surname | html %], [% i.firstname | html %] ( <a href="#" class="removeInstructor"><i class="fa fa-trash"></i> Remove </a> )
<input type='hidden' name='instructors' value='[% i.borrowernumber | html %]' />
</div>
[% END %]
</div>
<p>
<label for="find_instructor">Instructor search:</label>
<input autocomplete="off" id="find_instructor" type="text" style="width:150px" class="noEnterSubmit"/>
</p>
<div id="find_instructor_container"></div>
</div>
<li>
<label for="staff_note">Staff note:</label>
<textarea name="staff_note" id="staff_note">[% staff_note | html %]</textarea>
</li>
<li>
<label for="public_note">Public note:</label>
<textarea name="public_note" id="public_note">[% public_note | html %]</textarea>
</li>
<li>
<label for="students_count">Number of students:</label>
<input id="students_count" name="students_count" type="text" value="[% students_count | html %]" />
</li>
<li>
<label for="enabled">Enabled?</label>
[% IF enabled == 'no' %]
<input type="checkbox" name="enabled" id="enabled" />
[% ELSE %]
<input type="checkbox" name="enabled" id="enabled" checked="checked" />
[% END %]
</li>
</ol>
</fieldset>
<fieldset class="action">
<input type="submit" class="btn btn-primary" value="Save" />
[% IF course_id %]
<a href="/cgi-bin/koha/course_reserves/course-details.pl?course_id=[% course_id | uri %]" class="cancel">Cancel</a>
[% ELSE %]
<a href="/cgi-bin/koha/course_reserves/course-reserves.pl" class="cancel">Cancel</a>
[% END %]
</fieldset>
</form>
</div>
</div>
[% ELSE %]
<div class="dialog alert">
<h1>No DEPARTMENT authorized values found!</h1>
<p>
[% IF ( CAN_user_parameters ) %]
<span>Please <a href="/cgi-bin/koha/admin/authorised_values.pl?searchfield=DEPARTMENT">create one or more authorized values</a> with the category DEPARTMENT.</span>
[% ELSE %]
<span>An administrator must create one or more authorized values with the category DEPARTMENT.</span>
[% END %]
</p>
</div>
[% END %]
[% IF ( departments ) %]
[% MACRO jsinclude BLOCK %]
<script>
$(document).ready(function(){
patron_autocomplete($("#find_instructor"), { 'on-select-callback': function( event, ui ) {
AddInstructor( ui.item.surname + ", " + ui.item.firstname, ui.item.patron_id );
return false;
}
});
if ( ! $('#instructors').html() ) {
$('#course_instructors').hide();
}
$("body").on("click",".removeInstructor",function(e){
e.preventDefault();
var divid = $(this).parent().attr("id");
var borrowernumber = divid.replace("borrower_","");
RemoveInstructor(borrowernumber);
});
});
function AddInstructor( name, borrowernumber ) {
div = "<div class='instructor_line' id='borrower_" + borrowernumber + "'>" + ( name ? name.escapeHtml() : "" ) + " ( <a href='#' class='removeInstructor'><i class='fa fa-trash'></i> " + _("Remove")+ " </a> ) <input type='hidden' name='instructors' value='" + borrowernumber + "' /></div>";
$('#instructors').append( div );
$('#find_instructor').val('').focus();
$('#course_instructors').show();
}
function RemoveInstructor( borrowernumber ) {
$( '#borrower_' + borrowernumber ).remove();
if ( ! $('#instructors').html() ) {
$('#course_instructors').hide( 800 );
}
}
</script>
[% END %]
[% END %]
[% INCLUDE 'intranet-bottom.inc' %]