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

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