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

   1 [% USE raw %]
   2 [% USE Asset %]
   3 [% USE Koha %]
   4 [% USE TablesSettings %]
   5 [% USE Branches %]
   6 [% USE Categories %]
   7 [% SET footerjs = 1 %]
   8 [% PROCESS 'patronfields.inc' %]
   9 [% SET libraries = Branches.all %]
  10 [% SET categories = Categories.all.unblessed %]
  11 [% SET columns = ['cardnumber', 'name-address', 'dateofbirth', 'branch', 'category', 'dateexpiry', 'checkouts', 'account_balance', 'borrowernotes', 'action'] %]
  12 [% PROCESS 'patron-search.inc' %]
  13 [% INCLUDE 'doc-head-open.inc' %]
  14 <title>Patrons[% IF ( searching ) %] &rsaquo; Search results[% END %] &rsaquo; Koha</title>
  15 [% INCLUDE 'doc-head-close.inc' %]
  16 </head>
  17
  18 <body id="pat_member" class="pat">
  19 [% INCLUDE 'header.inc' %]
  20 [% INCLUDE 'patron-search-header.inc' %]
  21
  22 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
  23     <ol>
  24         <li>
  25             <a href="/cgi-bin/koha/mainpage.pl">Home</a>
  26         </li>
  27         [% IF ( searching ) %]
  28             <li>
  29                 <a href="/cgi-bin/koha/members/members-home.pl">Patrons</a>
  30             </li>
  31             <li>
  32                 <a href="#" aria-current="page">
  33                     Search results
  34                 </a>
  35             </li>
  36         [% ELSE %]
  37             <li>
  38                 <a href="#" aria-current="page">
  39                     Patrons
  40                 </a>
  41             </li>
  42         [% END %]
  43     </ol>
  44 </nav>
  45
  46 <div class="main container-fluid">
  47     <div class="row">
  48         <div class="col-sm-10 col-sm-push-2">
  49             <main>
  50
  51           [% IF CAN_user_tools_manage_patron_lists %]
  52             <div id="patron_list_dialog" class="dialog message">
  53               Added <span class="patrons-length"></span> patrons to <a></a>.
  54             </div>
  55           [% END %]
  56
  57           [% INCLUDE 'patron-toolbar.inc' %]
  58           [% INCLUDE 'noadd-warnings.inc' %]
  59
  60           [% IF CAN_user_borrowers_edit_borrowers && pending_borrower_modifications %]
  61             <div class="pending-info" id="patron_updates_pending">
  62               <a href="/cgi-bin/koha/members/members-update.pl">Patrons requesting modifications</a>:
  63               <span class="number_box"><a href="/cgi-bin/koha/members/members-update.pl">[% pending_borrower_modifications | html %]</a></span>
  64             </div>
  65           [% END %]
  66
  67           <div id="searchresults">
  68             [% IF CAN_user_tools_manage_patron_lists || CAN_user_borrowers_edit_borrowers %]
  69               <div class="searchheader fh-fixedHeader" id="searchheader" style="display:none;">
  70                   <div>
  71                       <a href="#" class="btn btn-link" id="select_all"><i class="fa fa-check"></i> Select all</a>
  72                       |
  73                       <a href="#" class="btn btn-link" id="clear_all"><i class="fa fa-remove"></i> Clear all</a>
  74                     [% IF CAN_user_tools_manage_patron_lists %]
  75
  76                     [% END %]
  77
  78                     [% IF CAN_user_tools_manage_patron_lists %]
  79                         <div id="patronlist-dropdown" class="btn-group">
  80                             <button id="patronlist-menu" type="button" class="btn btn-sm btn-default dropdown-toggle patron-edits disabled" disabled="disabled" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  81                                 Add to patron list <span class="caret"></span>
  82                             </button>
  83                             <ul class="dropdown-menu">
  84                                 [% IF patron_lists %]
  85                                     [% FOREACH pl IN patron_lists %]
  86                                         <li><a href="#" class="patron-list-add" data-listid="[% pl.patron_list_id | html %]">[% pl.name | html %]</a></li>
  87                                     [% END %]
  88                                 [% END %]
  89                                 <li role="separator" class="divider"></li>
  90                                 <li><a href="#" class="patron-list-add" data-listid="new">New list</a></li>
  91                             </ul>
  92                         </div>
  93                     [% END %]
  94
  95                     [% IF CAN_user_borrowers_edit_borrowers %]
  96                           <button id="merge-patrons" class="btn btn-sm btn-default disabled" disabled="disabled" type="submit"><i class="fa fa-compress" aria-hidden="true"></i> Merge selected patrons</button>
  97                     [% END %]
  98                     <div id="patron_search_selected" class="btn-group" style="display:none;">
  99                         <span></span>
 100                         <a href="#" id="clear-patron-selection"><i class="fa fa-remove"></i> Clear</a>
 101                     </div>
 102                   </div>
 103                 </div>
 104             [% END %]
 105
 106             [% IF CAN_user_borrowers_edit_borrowers || CAN_user_tools_manage_patron_lists %]
 107                 [% columns.unshift('checkbox') | html %]
 108             [% END %]
 109             [% PROCESS patron_search_table table_id => 'memberresultst' columns => columns %]
 110           </div>
 111
 112             </main>
 113         </div> <!-- /.col-sm-10.col-sm-push-2 -->
 114
 115         <div class="col-sm-2 col-sm-pull-10">
 116             <aside>
 117                 [% PROCESS patron_search_filters categories => categories, libraries => libraries, filters => ['search_field', 'search_type', 'category', 'branch'], search_filter => searchmember %]
 118             </aside>
 119         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
 120     </div> <!-- /.row -->
 121
 122     <!-- New Patron List Modal -->
 123     <div class="modal" id="new-patron-list" tabindex="-1" role="dialog" aria-labelledby="new-patron-listLabel">
 124         <div class="modal-dialog" role="document">
 125             <div class="modal-content">
 126                 <div class="modal-header">
 127                     <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 128                     <h4 class="modal-title" id="new-patron-listLabel">Add patrons to a new patron list</h4>
 129                 </div>
 130                 <form id="new-patron-list_form">
 131                     <div class="modal-body">
 132                         <div class="form-group">
 133                             <label for="new_patron_list" class="required">Patron list name: </label>
 134                             <input class="form-control required" type="text" name="new_patron_list" id="new_patron_list" required="required" />
 135                             <input type="hidden" name="add_to_patron_list" id="add_to_patron_list" />
 136                             <span class="required">Required</span>
 137                         </div>
 138                     </div> <!-- /.modal-body -->
 139                     <div class="modal-footer">
 140                         <button type="submit" id="add_to_patron_list_submit" class="btn btn-default approve">Submit</button>
 141                         <button type="button" class="btn btn-default deny" data-dismiss="modal">Cancel</button>
 142                     </div> <!-- /.modal-footer -->
 143                 </form> <!-- /#new-patron-list_form -->
 144             </div> <!-- /.modal-content -->
 145         </div> <!-- /.modal-dialog -->
 146     </div> <!-- /#new-patron-list -->
 147
 148 [% MACRO jsinclude BLOCK %]
 149     [% INCLUDE 'datatables.inc' %]
 150     [% INCLUDE 'columns_settings.inc' %]
 151     [% INCLUDE 'str/members-menu.inc' %]
 152     [% Asset.js("js/members-menu.js") | $raw %]
 153     <script>
 154         function showPatronSelections( number ){
 155             $("#patron_search_selected").show().find("span").text(_("Patrons selected: " + number ) );
 156         }
 157
 158         $(document).ready(function() {
 159             $('#merge-patrons').prop('disabled', true);
 160             $('#memberresultst').on('change', 'input.selection', function() {
 161                 var patron_search_selections = JSON.parse( localStorage.getItem("patron_search_selections") ) || [];
 162                 var borrowernumber = $(this).val();
 163                 if( $(this).prop("checked") ){
 164                     patron_search_selections.push( $(this).val() );
 165                     localStorage.setItem('patron_search_selections', JSON.stringify( patron_search_selections ));
 166                     showPatronSelections( patron_search_selections.length );
 167                 } else {
 168                     var filtered = patron_search_selections.filter(function( value ){
 169                         return value !== borrowernumber;
 170                     });
 171                     if( filtered.length > 0 ){
 172                         localStorage.setItem('patron_search_selections', JSON.stringify( filtered ));
 173                         patron_search_selections = filtered;
 174                         showPatronSelections( filtered.length );
 175                     } else {
 176                         patron_search_selections = [];
 177                         localStorage.removeItem('patron_search_selections');
 178                         $("#patron_search_selected").hide();
 179                     }
 180                 }
 181                 if ( patron_search_selections.length > 1 ) {
 182                     /* More than one checkbox has been checked */
 183                     $('#merge-patrons').prop('disabled', false).removeClass("disabled");
 184                     $("#patronlist-menu").removeClass("disabled").prop("disabled", false);
 185                 } else if ( patron_search_selections.length == 1 ) {
 186                     /* At least one checkbox has been checked */
 187                     $('#merge-patrons').prop('disabled', true).addClass("disabled");
 188                     $("#patronlist-menu").removeClass("disabled").prop("disabled", false);
 189                 } else {
 190                     /* No checkbox has been checked */
 191                     $('#merge-patrons').prop('disabled', true).addClass("disabled");
 192                     $("#patronlist-menu").addClass("disabled").prop("disabled", true);
 193                 }
 194             });
 195
 196             $('#merge-patrons').on('click', function() {
 197                 var patron_search_selections = JSON.parse( localStorage.getItem("patron_search_selections") ) || [];
 198                 var merge_patrons_url = 'merge-patrons.pl?id=' + patron_search_selections.join("&id=");
 199                 window.location.href = merge_patrons_url;
 200             });
 201
 202             $("#clear-patron-selection").on("click", function(e){
 203                 e.preventDefault();
 204                 $(".selection").prop("checked", false).change();
 205                 localStorage.removeItem("patron_search_selections");
 206                 $("#patron_search_selected").hide();
 207                 $('#merge-patrons').prop('disabled', true).addClass("disabled");
 208                 $("#patronlist-menu").addClass("disabled").prop("disabled", true);
 209             });
 210
 211             $("#patronlist-dropdown").on("click", ".patron-list-add", function(e){
 212                 e.preventDefault();
 213                 var patron_search_selections = JSON.parse( localStorage.getItem("patron_search_selections") ) || [];
 214                 if ( patron_search_selections.length == 0 ) {
 215                     alert( _("You have not selected any patrons to add to a list!") );
 216                     $(".btn-group").removeClass("open"); /* Close button menu */
 217                     return false;
 218                 }
 219
 220                 var listid = $(this).data("listid");
 221                 $("#add_to_patron_list").val( listid );
 222                 if( listid == "new" ){
 223                     /* #add_to_patron_list value "new" in the modal form will tell API to create a new list */
 224                     $("#new-patron-list").modal("show");
 225                 } else {
 226                     /* Ajax submit the patrons to list */
 227
 228                     patronListAdd();
 229                 }
 230             })
 231
 232             /* Submit selected patrons to a list via AJAX */
 233             $("#new-patron-list_form").on('submit', function(e){
 234                 e.preventDefault();
 235                 /* Upon submitting modal patron list add form... */
 236                 if ( $('#new_patron_list').val() ) {
 237                     $(".patron-list-add").each(function() {
 238                         /* Check each list name in the menu of patron lists */
 239                         /* If submitted list name matches... */
 240                         if ( $(this).text() == $('#new_patron_list').val() ) {
 241                             alert( _("You already have a list with that name!") );
 242                             return false;
 243                         }
 244                     });
 245                 } else {
 246                     alert( _("You must give your new patron list a name!") );
 247                     return false;
 248                 }
 249                 $("#new-patron-list").modal("hide");
 250                 patronListAdd();
 251             });
 252
 253             $("#select_all").on("click",function(e){
 254                 e.preventDefault();
 255                 $(".selection").each(function(){
 256                     if( $(this).prop("checked") == false ){
 257                         $(this).prop( "checked", true ).change();
 258                     }
 259                 });
 260             });
 261             $("#clear_all").on("click",function(e){
 262                 e.preventDefault();
 263                 $(".selection").each(function(){
 264                     if( $(this).prop("checked") ){
 265                         $(this).prop("checked", false ).change();
 266                     }
 267                 });
 268             });
 269
 270             [% IF searchmember %]
 271                 $("#searchmember_filter").val("[% searchmember | html %]");
 272             [% END %]
 273             [% IF searchfieldstype %]
 274                 $("searchfieldstype_filter").val("[% searchfieldstype | html %]");
 275             [% END %]
 276             [% IF searchtype %]
 277                 $("#searchtype_filter").val("[% searchtype | html %]");
 278             [% END %]
 279             [% IF categorycode %]
 280                 $("#categorycode_filter").val("[% categorycode_filter | html %]");
 281             [% END %]
 282             [% IF branchcode %]
 283                 $("#branchcode_filter").val("[% branchcode_filter | html %]");
 284             [% END %]
 285
 286             $("#searchheader").hide();
 287             $("#patron_search_form").on('submit', function(){$("#searchheader").show();});
 288             $("#clear_search").on("click",function(e){$("#searchheader").hide();});
 289         });
 290
 291         function patronListAdd(){
 292             var borrowernumbers = JSON.parse( localStorage.getItem("patron_search_selections") ) || [];
 293             if ( borrowernumbers.length > 0 ){
 294                 var data = {
 295                     add_to_patron_list: $("#add_to_patron_list").val(),
 296                     new_patron_list: $("#new_patron_list").val(),
 297                     borrowernumbers: borrowernumbers
 298                 };
 299                 $.ajax({
 300                     data: data,
 301                     type: 'POST',
 302                     url: '/cgi-bin/koha/svc/members/add_to_list',
 303                     success: function(data) {
 304                         $("#patron_list_dialog").show();
 305                         $("#patron_list_dialog > span.patrons-length").html(data.patrons_added_to_list);
 306                         $("#patron_list_dialog > a").attr("href", "/cgi-bin/koha/patron_lists/list.pl?patron_list_id=" + data.patron_list.patron_list_id);
 307                         $("#patron_list_dialog > a").html(data.patron_list.name);
 308
 309                         if ( $('#add_to_patron_list').val() == 'new' ) {
 310                             /* Add a new entry to the menu */
 311                             $("#patronlist-dropdown .divider").before('<li><a class="patron-list-add" href="#" data-listid="' + data.patron_list.patron_list_id + '">' + data.patron_list.name + '</li>');
 312                         }
 313                     },
 314                     error: function() {
 315                         alert( _("An error occurred. Patron list could not be updated.") );
 316                     }
 317                 });
 318                 return true;
 319             } else {
 320                 alert( _("You have not selected any patrons to add to a list!") );
 321                 return false;
 322             }
 323         }
 324
 325         function prepSelections(){
 326             var selected_patrons = JSON.parse( localStorage.getItem("patron_search_selections") );
 327             if( selected_patrons && selected_patrons.length > 0 ){
 328                 showPatronSelections( selected_patrons.length );
 329
 330                 $('#merge-patrons').prop('disabled', true);
 331                 $("input.selection").each(function(){
 332                     var cardnumber = $(this).val();
 333                     if( selected_patrons.indexOf( cardnumber ) >= 0 ){
 334                         $(this).prop("checked", true );
 335                     }
 336                 });
 337
 338                 if( selected_patrons.length > 1 ){
 339                     $('#merge-patrons').removeClass("disabled").prop('disabled', false);
 340                     $('#patronlist-menu').removeClass("disabled").prop('disabled', false);
 341                 }
 342             }
 343         }
 344
 345         $('#memberresultst tbody').on('click','td',function(e){
 346             var $checkbox = $(this).find("input[type=checkbox]");
 347             if (e.target.type != "checkbox") {
 348                 $checkbox.prop('checked', !$checkbox.prop("checked"));
 349                 $checkbox.change();
 350             }
 351         });
 352
 353     </script>
 354
 355     <script>
 356         // Apply DataTables on the results table
 357         var table_settings = [% TablesSettings.GetTableSettings( 'members', 'member', 'memberresultst', 'json' ) | $raw %];
 358         [% UNLESS CAN_user_borrowers_edit_borrowers OR CAN_user_tools_manage_patron_lists %]
 359             [%# Remove the first column if we do not display the checkbox %]
 360             table_settings['columns'].splice(0, 1);
 361         [% END %]
 362     </script>
 363
 364     [% IF circsearch == 1 %]
 365         [% SET redirect_url = '/cgi-bin/koha/circ/circulation.pl' %]
 366     [% ELSE %]
 367         [% SET redirect_url = '/cgi-bin/koha/members/moremember.pl' %]
 368     [% END %]
 369     [% PROCESS patron_search_js table_id => 'memberresultst', categories => categories, libraries => libraries, extended_attribute_types => attribute_type_codes, columns => columns,actions => ['edit', 'checkout'], redirect_if_one_result => 1, redirect_url => redirect_url, sticky_header => "searchheader", sticky_to => "searchresults", default_sort_column => 'name-address', display_search_description => 1, remember_selections => 1 %]
 370
 371 [% END %]
 372
 373 [% INCLUDE 'intranet-bottom.inc' %]