Koha/koha-tmpl/opac-tmpl/bootstrap/en/modules/clubs/enroll.tt
Owen Leonard 68502d183f Bug 29611: Clubs enrollment layout problem in the OPAC
This patch makes a minor change to the HTML of the clubs enrollment form
in the OPAC so that the layout works better.

To test you should have at least one club available which allows public
enrollment. The club should have at least one enrollment field
configured.

- Apply the patch and log in to the OPAC.
- On the "Your summary" page, click the "Clubs" tab.
- Click "Enroll" next to the club you configured.
- You should see an enrollment form with the field(s) you configured.
- The "Finish enrollment" button should be styled green and should be
  positioned inside the box which delineates the Clubs tab.

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

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
2021-12-10 21:21:47 -10:00

66 lines
2.5 KiB
Text

[% USE AuthorisedValues %]
[% SET AuthorisedValuesCategories = AuthorisedValues.GetCategories %]
<h2>
Enroll in <em>[% club.name | html %]</em>
</h2>
<div class="container">
<form id="patron-enrollment-form">
<legend class="sr-only">Enrollment</legend>
<input type="hidden" name="id" value="[% club.id | html %]" />
<input type="hidden" name="borrowernumber" value="[% borrowernumber | html %]" />
<fieldset class="rows">
<ol>
[% FOREACH f IN club.club_template.club_template_enrollment_fields %]
<li>
<label>[% f.name | html %]</label>
[% IF f.authorised_value_category %]
<select name="[% f.id | html %]">
[% FOREACH a IN AuthorisedValues.Get( f.authorised_value_category ) %]
<option value="[% a.authorised_value | html %]">[% a.lib | html %]</option>
[% END %]
</select>
[% ELSE %]
<input type="text" name="[% f.id | html %]" />
[% END %]
<span class="hint">[% f.description | html %]</span>
</li>
[% END %]
</ol>
</fieldset>
<fieldset class="action">
<button class="btn btn-primary" onclick="addEnrollment(); return false;">Finish enrollment</button>
<a href="#" class="cancel" onclick="showClubs(); return false;">Cancel</a>
</fieldset>
</form>
</div>
<script>
function addEnrollment() {
$("body").css("cursor", "progress");
$.ajax({
type: "POST",
url: '/cgi-bin/koha/svc/club/enroll',
data: $( "#patron-enrollment-form" ).serialize(),
success: function( data ) {
if ( data.success ) {
$('#opac-user-clubs').load('/cgi-bin/koha/clubs/clubs-tab.pl?borrowernumber=[% borrowernumber | html %]&id=[% club.id | html %]', function() {
$("body").css("cursor", "default");
});
} else {
alert(_("Unable to create enrollment!"));
}
},
dataType: 'json'
});
return false;
}
function showClubs() {
$("body").css("cursor", "progress");
$('#opac-user-clubs').load('/cgi-bin/koha/clubs/clubs-tab.pl?borrowernumber=[% borrowernumber | html %]&id=[% club.id | html %]', function() {
$("body").css("cursor", "default");
});
}
</script>