koha-tmpl/intranet-tmpl/prog/en/modules/members/member.tt

   1 [% USE Koha %]
   2 [% USE ColumnsSettings %]
   3 [% USE Branches %]
   4 [% USE Categories %]
   5 [% INCLUDE 'doc-head-open.inc' %]
   6 <title>Koha &rsaquo; Patrons [% IF ( searching ) %]&rsaquo; Search results[% END %]</title>
   7 [% INCLUDE 'doc-head-close.inc' %]
   8 <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/datatables.css" />
   9 [% INCLUDE 'datatables.inc' %]
  10 [% INCLUDE 'columns_settings.inc' %]
  11 <script type="text/javascript">
  12 //<![CDATA[
  13 $(document).ready(function() {
  14     $('#add_to_patron_list_submit').prop('disabled', true);
  15     $('#new_patron_list').hide();
  16
  17     $('#add_to_patron_list').change(function() {
  18         var value = $('#add_to_patron_list').val();
  19         if ( value == 'new' ) {
  20             $('#new_patron_list').val('')
  21             $('#new_patron_list').show();
  22             $('#new_patron_list').focus();
  23         } else if ( value ) {
  24             $('#new_patron_list').hide();
  25             $('#add_to_patron_list_submit').prop('disabled', false);
  26         } else {
  27             $('#new_patron_list').hide();
  28             $('#add_to_patron_list_submit').prop('disabled', true);
  29         }
  30     });
  31
  32     $('#new_patron_list').on('input', function() {
  33         if ( $('#new_patron_list').val() ) {
  34             $('#add_to_patron_list_submit').prop('disabled', false);
  35         } else {
  36             $('#add_to_patron_list_submit').prop('disabled', true);
  37         }
  38     });
  39
  40     $("#patron_list_dialog").hide();
  41     $("#add_to_patron_list_submit").on('click', function(e){
  42         if ( $('#add_to_patron_list').val() == 'new' ) {
  43             if ( $('#new_patron_list').val() ) {
  44                 $("#add_to_patron_list option").each(function() {
  45                     if ( $(this).text() == $('#new_patron_list').val() ) {
  46                         alert( _("You already have a list with that name!") );
  47                         return false;
  48                     }
  49                 });
  50             } else {
  51                 alert( _("You must give your new patron list a name!") );
  52                 return false;
  53             }
  54         }
  55
  56         if ( $("#memberresultst input:checkbox:checked").length == 0 ) {
  57             alert( _("You have not selected any patrons to add to a list!") );
  58             return false;
  59         }
  60
  61         var borrowernumbers = [];
  62         $("#memberresultst").find("input:checkbox:checked").each(function(){
  63             borrowernumbers.push($(this).val());
  64         });
  65         var data = {
  66             add_to_patron_list: $("#add_to_patron_list").val(),
  67             new_patron_list: $("#new_patron_list").val(),
  68             borrowernumbers: borrowernumbers
  69         };
  70         $.ajax({
  71             data: data,
  72             type: 'POST',
  73             url: '/cgi-bin/koha/svc/members/add_to_list',
  74             success: function(data) {
  75                 $("#patron_list_dialog").show();
  76                 $("#patron_list_dialog > span.patrons-length").html(data.patrons_added_to_list);
  77                 $("#patron_list_dialog > a").attr("href", "/cgi-bin/koha/patron_lists/list.pl?patron_list_id=" + data.patron_list.patron_list_id);
  78                 $("#patron_list_dialog > a").html(data.patron_list.name);
  79                 if ( $('#add_to_patron_list').val() == 'new' ) {
  80                     var new_patron_list_added = $("<option>", {
  81                         value: data.patron_list.patron_list_id,
  82                         text: data.patron_list.name
  83                     });
  84                     $("#add_to_patron_list optgroup").append(new_patron_list_added);
  85                     $("#add_to_patron_list").val(data.patron_list.patron_list_id);
  86                     $("#new_patron_list").val('');
  87                     $('#add_to_patron_list').change();
  88                 }
  89             },
  90             error: function() {
  91                 alert("an error occurred");
  92             }
  93         });
  94         return true;
  95     });
  96     $(".filterByLetter").on("click",function(e){
  97         e.preventDefault();
  98         filterByFirstLetterSurname($(this).text());
  99     });
 100     $("#select_all").on("click",function(e){
 101         e.preventDefault();
 102         $(".selection").prop("checked", true);
 103     });
 104     $("#clear_all").on("click",function(e){
 105         e.preventDefault();
 106         $(".selection").prop("checked", false);
 107     });
 108     $("#clear_search").on("click",function(e){
 109         e.preventDefault();
 110         clearFilters(true);
 111     });
 112     $("#searchform").on("submit", filter);
 113 });
 114
 115 var dtMemberResults;
 116 var search = 1;
 117 $(document).ready(function() {
 118     [% IF searchmember %]
 119         $("#searchmember_filter").val("[% searchmember %]");
 120     [% END %]
 121     [% IF searchfieldstype %]
 122         $("searchfieldstype_filter").val("[% searchfieldstype %]");
 123     [% END %]
 124     [% IF searchtype %]
 125         $("#searchtype_filter").val("[% searchtype %]");
 126     [% END %]
 127     [% IF categorycode %]
 128         $("#categorycode_filter").val("[% categorycode_filter %]");
 129     [% END %]
 130     [% IF branchcode %]
 131         $("#branchcode_filter").val("[% branchcode_filter %]");
 132     [% END %]
 133
 134     [% IF view != "show_results" %]
 135         $("#searchresults").hide();
 136         search = 0;
 137     [% END %]
 138
 139     // Build the aLengthMenu
 140     var aLengthMenu = [
 141         [%PatronsPerPage %], 10, 20, 50, 100, -1
 142     ];
 143     jQuery.unique(aLengthMenu);
 144     aLengthMenu.sort(function( a, b ){
 145         // Put "All" at the end
 146         if ( a == -1 ) {
 147             return 1;
 148         } else if ( b == -1 ) {
 149             return -1;
 150         }
 151         return parseInt(a) < parseInt(b) ? -1 : 1;}
 152     );
 153     var aLengthMenuLabel = [];
 154     $(aLengthMenu).each(function(){
 155         if ( this == -1 ) {
 156             // Label for -1 is "All"
 157             aLengthMenuLabel.push("All");
 158         } else {
 159             aLengthMenuLabel.push(this);
 160         }
 161     });
 162
 163     // Apply DataTables on the results table
 164     var columns_settings = [% ColumnsSettings.GetColumns( 'members', 'member', 'memberresultst', 'json' ) %];
 165     dtMemberResults = KohaTable("#memberresultst", {
 166         'bServerSide': true,
 167         'sAjaxSource': "/cgi-bin/koha/svc/members/search",
 168         'fnServerData': function(sSource, aoData, fnCallback) {
 169             if ( ! search ) {
 170                 return;
 171             }
 172             aoData.push({
 173                 'name': 'searchmember',
 174                 'value': $("#searchmember_filter").val()
 175             },{
 176                 'name': 'firstletter',
 177                 'value': $("#firstletter_filter").val()
 178             },{
 179                 'name': 'searchfieldstype',
 180                 'value': $("#searchfieldstype_filter").val()
 181             },{
 182                 'name': 'searchtype',
 183                 'value': $("#searchtype_filter").val()
 184             },{
 185                 'name': 'categorycode',
 186                 'value': $("#categorycode_filter").val()
 187             },{
 188                 'name': 'branchcode',
 189                 'value': $("#branchcode_filter").val()
 190             },{
 191                 'name': 'name_sorton',
 192                 'value': 'borrowers.surname borrowers.firstname'
 193             },{
 194                 'name': 'dateofbirth',
 195                 'value': 'borrowers.dateofbirth',
 196             },{
 197                 'name': 'category_sorton',
 198                 'value': 'categories.description',
 199             },{
 200                 'name': 'branch_sorton',
 201                 'value': 'branches.branchname'
 202             },{
 203                 'name': 'template_path',
 204                 'value': 'members/tables/members_results.tt',
 205             });
 206             $.ajax({
 207                 'dataType': 'json',
 208                 'type': 'POST',
 209                 'url': sSource,
 210                 'data': aoData,
 211                 'success': function(json){
 212                     // redirect if there is only 1 result.
 213                     if ( json.aaData.length == 1 ) {
 214                         var borrowernumber = json.aaData[0].borrowernumber;
 215                         document.location.href="/cgi-bin/koha/members/moremember.pl?borrowernumber="+borrowernumber;
 216                         return false;
 217                     }
 218                     fnCallback(json);
 219                 }
 220             });
 221         },
 222         'aoColumns':[
 223             [% IF CAN_user_tools_manage_patron_lists %]
 224               { 'mDataProp': 'dt_borrowernumber', 'bSortable': false },
 225             [% END %]
 226             { 'mDataProp': 'dt_cardnumber' },
 227             { 'mDataProp': 'dt_name' },
 228             { 'mDataProp': 'dt_dateofbirth' },
 229             { 'mDataProp': 'dt_category' },
 230             { 'mDataProp': 'dt_branch' },
 231             { 'mDataProp': 'dt_dateexpiry' },
 232             { 'mDataProp': 'dt_od_checkouts', 'bSortable': false },
 233             { 'mDataProp': 'dt_fines', 'bSortable': false },
 234             { 'mDataProp': 'dt_borrowernotes' },
 235             { 'mDataProp': 'dt_action', 'bSortable': false, 'sClass': 'actions' }
 236         ],
 237         'fnRowCallback': function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
 238             /* Center text for 6th column */
 239             $("td:eq(5)", nRow).css("text-align", "center");
 240
 241             return nRow;
 242         },
 243         'bFilter': false,
 244         'bAutoWidth': false,
 245         [% IF CAN_user_tools_manage_patron_lists %]
 246             'aaSorting': [[2, 'asc']],
 247         [% ELSE %]
 248             'aaSorting': [[1, 'asc']],
 249         [% END %]
 250         "aLengthMenu": [aLengthMenu, aLengthMenuLabel],
 251         'sPaginationType': 'full_numbers',
 252         "iDisplayLength": [% PatronsPerPage %],
 253         "bProcessing": true,
 254     }, columns_settings);
 255     update_searched();
 256 });
 257
 258 // Update the string "Results found ..."
 259 function update_searched(){
 260     var searched = $("#searchfieldstype_filter").find("option:selected").text();
 261     if ( $("#searchmember_filter").val() ) {
 262         if ( $("#searchtype_filter").val() == 'start_with' ) {
 263             searched += _(" starting with ");
 264         } else {
 265             searched += _(" containing ");
 266         }
 267         searched += "'" + $("#searchmember_filter").val() + "'";
 268     }
 269     if ( $("#firstletter_filter").val() ) {
 270         searched += _(" begins with ") + "'" + $("#firstletter_filter").val() +"'";
 271     }
 272     if ( $("#categorycode_filter").val() ) {
 273         searched += _(" with category ") + "'" + $("#categorycode_filter").find("option:selected").text() + "'";
 274     }
 275     if ( $("#branchcode_filter").val() ) {
 276         searched += _(" in library ") + $("#branchcode_filter").find("option:selected").text();
 277     }
 278     $("#searchpattern").text(searched);
 279 }
 280
 281 // Redraw the table
 282 function filter() {
 283     $("#firstletter_filter").val('');
 284     update_searched();
 285     search = 1;
 286     $("#searchresults").show();
 287     dtMemberResults.fnDraw();
 288     return false;
 289 }
 290
 291 // User has clicked on the Clear button
 292 function clearFilters(redraw) {
 293     $("#searchform select").val('');
 294     $("#firstletter_filter").val('');
 295     $("#searchmember_filter").val('');
 296     if(redraw) {
 297         search = 1;
 298         $("#searchresults").show();
 299         dtMemberResults.fnDraw();
 300     }
 301 }
 302
 303 // User has clicked on a letter
 304 function filterByFirstLetterSurname(letter) {
 305     clearFilters(false);
 306     $("#firstletter_filter").val(letter);
 307     update_searched();
 308     search = 1;
 309     $("#searchresults").show();
 310     dtMemberResults.fnDraw();
 311 }
 312 //]]>
 313 </script>
 314 </head>
 315 <body id="pat_member" class="pat">
 316 [% INCLUDE 'header.inc' %]
 317 [% INCLUDE 'patron-search.inc' %]
 318
 319 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; [% IF ( searching ) %]<a href="/cgi-bin/koha/members/members-home.pl">Patrons</a>  &rsaquo; Search results[% ELSE %]Patrons[% END %]</div>
 320
 321 <div id="doc3" class="yui-t2">
 322   <div id="bd">
 323     <div id="yui-main">
 324       <div class="yui-b">
 325         <div class="yui-g">
 326           [% IF CAN_user_tools_manage_patron_lists %]
 327             <div id="patron_list_dialog" class="dialog alert">
 328               Added <span class="patrons-length"></span> patrons to <a></a>.
 329             </div>
 330           [% END %]
 331
 332           [% IF Koha.Preference( 'NorwegianPatronDBEnable' ) == 1 %]
 333             [% SET nl_search_form_title='Search the Norwegian national patron database' %]
 334             [% INCLUDE 'nl-search-form.tt' %]
 335           [% END %]
 336
 337           [% INCLUDE 'patron-toolbar.inc' %]
 338           [% INCLUDE 'noadd-warnings.inc' %]
 339
 340           <div class="browse">
 341             Browse by last name:
 342             [% FOREACH letter IN alphabet.split(' ') %]
 343                 <a href="#" class="filterByLetter">[% letter %]</a>
 344             [% END %]
 345           </div>
 346
 347           [% IF ( CAN_user_borrowers && pending_borrower_modifications ) %]
 348             <div class="pending-info" id="patron_updates_pending">
 349               <a href="/cgi-bin/koha/members/members-update.pl">Patrons requesting modifications</a>:
 350               <span class="number_box"><a href="/cgi-bin/koha/members/members-update.pl">[% pending_borrower_modifications %]</a></span>
 351             </div>
 352           [% END %]
 353
 354           <div id="searchresults">
 355             <div id="searchheader">
 356               <h3>Patrons found for: <span id="searchpattern">[% IF searchmember %] for '[% searchmember %]'[% END %]</span></h3>
 357             </div>
 358             [% IF CAN_user_tools_manage_patron_lists %]
 359               <div id="searchheader">
 360                   <div>
 361                       <a href="#" id="select_all"><i class="fa fa-check"></i> Select all</a>
 362                       |
 363                       <a href="#" id="clear_all"><i class="fa fa-remove"></i> Clear all</a>
 364                       |
 365                       <span>
 366                           <label for="add_to_patron_list">Add selected patrons to:</label>
 367                           <select id="add_to_patron_list" name="add_to_patron_list">
 368                               <option value=""></option>
 369                               [% IF patron_lists %]
 370                                   <optgroup label="Patron lists:">
 371                                       [% FOREACH pl IN patron_lists %]
 372                                           <option value="[% pl.patron_list_id %]">[% pl.name %]</option>
 373                                       [% END %]
 374                                   </optgroup>
 375                               [% END %]
 376
 377                               <option value="new">[ New list ]</option>
 378                           </select>
 379
 380                           <input type="text" id="new_patron_list" name="new_patron_list" id="new_patron_list" />
 381
 382                           <input id="add_to_patron_list_submit" type="submit" class="submit" value="Save">
 383                       </span>
 384                   </div>
 385               </div>
 386             [% END %]
 387
 388             <table id="memberresultst">
 389               <thead>
 390                 <tr>
 391                 [% IF CAN_user_tools_manage_patron_lists %]
 392                   <th>&nbsp;</th>
 393                 [% END %]
 394                   <th>Card</th>
 395                   <th>Name</th>
 396                   <th>Date of birth</th>
 397                   <th>Category</th>
 398                   <th>Library</th>
 399                   <th>Expires on</th>
 400                   <th>OD/Checkouts</th>
 401                   <th>Fines</th>
 402                   <th>Circ note</th>
 403                   <th>&nbsp;</th>
 404                 </tr>
 405               </thead>
 406               <tbody></tbody>
 407             </table>
 408           </div>
 409         </div>
 410       </div>
 411     </div>
 412     <div class="yui-b">
 413       <form method="get" id="searchform">
 414         <input type="hidden" id="firstletter_filter" value="" />
 415         <fieldset class="brief">
 416           <h3>Filters</h3>
 417           <ol>
 418             <li>
 419               <label for="searchmember_filter">Search:</label>
 420               <input type="text" id="searchmember_filter" value="[% searchmember %]"/>
 421             </li>
 422             <li>
 423               <label for="searchfieldstype_filter">Search fields:</label>
 424               <select name="searchfieldstype" id="searchfieldstype_filter">
 425                 [% IF searchfieldstype == "standard" %]
 426                   <option selected="selected" value='standard'>Standard</option>
 427                 [% ELSE %]
 428                   <option value='standard'>Standard</option>
 429                 [% END %]
 430                 [% IF searchfieldstype == "surname" %]
 431                   <option selected="selected" value='surname'>Surname</option>
 432                 [% ELSE %]
 433                   <option value='surname'>Surname</option>
 434                 [% END %]
 435                 [% IF searchfieldstype == "email" %]
 436                   <option selected="selected" value='email'>Email</option>
 437                 [% ELSE %]
 438                   <option value='email'>Email</option>
 439                 [% END %]
 440                 [% IF searchfieldstype == "borrowernumber" %]
 441                   <option selected="selected" value='borrowernumber'>Borrower number</option>
 442                 [% ELSE %]
 443                   <option value='borrowernumber'>Borrower number</option>
 444                 [% END %]
 445                 [% IF searchfieldstype == "userid" %]
 446                   <option selected="selected" value='userid'>Username</option>
 447                 [% ELSE %]
 448                   <option value='userid'>Username</option>
 449                 [% END %]
 450                 [% IF searchfieldstype == "phone" %]
 451                   <option selected="selected" value='phone'>Phone number</option>
 452                 [% ELSE %]
 453                   <option value='phone'>Phone number</option>
 454                 [% END %]
 455                 [% IF searchfieldstype == "address" %]
 456                   <option selected="selected" value='address'>Street address</option>
 457                 [% ELSE %]
 458                   <option value='address'>Street address</option>
 459                 [% END %]
 460                 [% IF searchfieldstype == "dateofbirth" %]
 461                   <option selected="selected" value='dateofbirth'>Date of birth</option>
 462                 [% ELSE %]
 463                   <option value='dateofbirth'>Date of birth</option>
 464                 [% END %]
 465                 [% IF searchfieldstype == "sort1" %]
 466                   <option selected="selected" value='sort1'>Sort field 1</option>
 467                 [% ELSE %]
 468                   <option value='sort1'>Sort field 1</option>
 469                 [% END %]
 470                 [% IF searchfieldstype == "sort2" %]
 471                   <option selected="selected" value='sort2'>Sort field 2</option>
 472                 [% ELSE %]
 473                   <option value='sort2'>Sort field 2</option>
 474                 [% END %]
 475               </select>
 476             </li>
 477             <li>
 478               <label for="searchtype_filter">Search type:</label>
 479               <select name="searchtype" id="searchtype_filter">
 480                 [% IF searchtype == "start_with" %]
 481                   <option value='start_with' selected="selected">Starts with</option>
 482                   <option value="contain">Contains</option>
 483                 [% ELSE %]
 484                   <option value='start_with'>Starts with</option>
 485                   <option value="contain" selected="selected">Contains</option>
 486                 [% END %]
 487               </select>
 488             </li>
 489             <li>
 490               <label for="categorycode_filter">Category:</label>
 491               [% SET categories = Categories.all() %]
 492               <select id="categorycode_filter">
 493                 <option value="">Any</option>
 494                 [% FOREACH cat IN categories %]
 495                   [% IF cat.categorycode == categorycode_filter %]
 496                     <option selected="selected" value="[% cat.categorycode %]">[% cat.description %]</option>
 497                   [% ELSE %]
 498                     <option value="[% cat.categorycode %]">[% cat.description %]</option>
 499                   [% END %]
 500                 [% END %]
 501               </select>
 502             </li>
 503             <li>
 504               <label for="branchcode_filter">Library:</label>
 505               [% SET branches = Branches.all( selected => branchcode_filter ) %]
 506               <select id="branchcode_filter">
 507                 [% IF branches.size != 1 %]
 508                   <option value="">Any</option>
 509                 [% END %]
 510                 [% PROCESS options_for_libraries libraries => branches %]
 511               </select>
 512             </li>
 513           </ol>
 514           <fieldset class="action">
 515             <input type="submit" value="Search" />
 516             <input type="button" value="Clear" id="clear_search" />
 517           </fieldset>
 518         </fieldset>
 519       </form>
 520     </div>
 521   </div>
 522   <div class="yui-g">
 523     [% INCLUDE 'members-menu.inc' %]
 524   </div>
 525 </div>
 526 [% INCLUDE 'intranet-bottom.inc' %]