koha-tmpl/opac-tmpl/bootstrap/en/modules/clubs/clubs-tab.tt

   1 [% USE KohaDates %]
   2
   3 [% IF enrollments %]
   4
   5     <h4>Clubs currently enrolled in</h4>
   6
   7     <table id="clubs-table-enrolled" class="table table-bordered table-striped">
   8         <thead>
   9             <tr>
  10                 <th>Name</th>
  11                 <th>Description</th>
  12                 <th>Date enrolled</th>
  13                 <th>&nbsp;</th>
  14             </tr>
  15         </thead>
  16
  17         <tbody>
  18             [% FOREACH e IN enrollments %]
  19                 <tr>
  20                     <td>[% e.club.name %]</td>
  21                     <td>[% e.club.description %]</td>
  22                     <td>[% e.date_enrolled | $KohaDates %]</td>
  23                     [% IF e.club.club_template.is_enrollable_from_opac %]
  24                         <td>
  25                             <button class="btn btn-xs btn-default" onclick="cancelEnrollment( [% e.id %] )">
  26                                 <i class="icon-remove"></i> Cancel enrollment
  27                             </button>
  28                         </td>
  29                     [% END %]
  30                 </tr>
  31             [% END %]
  32         </tbody>
  33     </table>
  34 [% END %]
  35
  36 [% IF clubs %]
  37
  38     <h4>Clubs you can enroll in</h4>
  39
  40     <table id="clubs-table-unenrolled" class="table table-bordered table-striped">
  41         <thead>
  42             <tr>
  43                 <th>Name</th>
  44                 <th>Description</th>
  45                 <th>&nbsp;</th>
  46             </tr>
  47         </thead>
  48
  49         <tbody>
  50             [% FOREACH c IN clubs %]
  51                 <tr>
  52                     <td>[% c.name %]</td>
  53                     <td>[% c.description %]</td>
  54                     <td>
  55                         [% IF !c.club_template.is_email_required || ( c.club_template.is_email_required && borrower.first_valid_email_address ) %]
  56                             <button class="btn btn-xs btn-default" onclick="loadEnrollmentForm([% c.id %])">
  57                                 <i class="icon-plus"></i> Enroll
  58                             </button>
  59                         [% ELSE %]
  60                             <span class="hint">You must have an email address to enroll</span>
  61                         [% END %]
  62                     </td>
  63                 </tr>
  64             [% END %]
  65         </tbody>
  66     </table>
  67 [% END %]
  68
  69 <script type="text/javascript">
  70 function loadEnrollmentForm( id ) {
  71     $("body").css("cursor", "progress");
  72     $('#opac-user-clubs').load('/cgi-bin/koha/clubs/enroll.pl?borrowernumber=[% borrower.borrowernumber %]&id=' + id, function() {
  73         $("body").css("cursor", "default");
  74     });
  75
  76     return false;
  77 }
  78
  79 function cancelEnrollment( id ) {
  80     $("body").css("cursor", "progress");
  81     $.ajax({
  82         type: "POST",
  83         url: '/cgi-bin/koha/svc/club/cancel_enrollment',
  84         data: { id: id },
  85         success: function( data ) {
  86             if ( data.success ) {
  87                 $('#opac-user-clubs').load('/cgi-bin/koha/clubs/clubs-tab.pl?borrowernumber=[% borrower.borrowernumber %]', function() {
  88                     $("body").css("cursor", "default");
  89                 });
  90             } else {
  91                 alert(_("Unable to cancel enrollment!"));
  92             }
  93         },
  94         dataType: 'json'
  95     });
  96     return false;
  97 }
  98 </script>