Bug 30952: Staff interface redesign (header)
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / members / merge-patrons.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% USE Branches %]
4 [% USE Categories %]
5 [% USE KohaDates %]
6 [% SET footerjs = 1 %]
7 [% INCLUDE 'doc-head-open.inc' %]
8 <title>Merge patron records &rsaquo; Patrons &rsaquo; Koha</title>
9 [% INCLUDE 'doc-head-close.inc' %]
10 [% FILTER collapse %]
11     <style>
12         ins {
13             background-color: #e6ffe6;
14         }
15         del {
16             background-color: #ffe6e6;
17         }
18         .col0,
19         .col1 {
20             display: none;
21         }
22         .col3 ins,
23         .col2 del {
24             display: none;
25         }
26         #col-label,
27         .col2,
28         .col3 {
29             border-right: 1px solid #EEE;
30             flex-grow: 1;
31             margin-right:1em;
32         }
33         #col-label {
34             font-family: monospace;
35         }
36         #col-label div {
37             white-space: none;
38         }
39         .compare {
40             display: flex;
41         }
42         .modal-lg {
43             width: 90%;
44         }
45     </style>
46 [% END %]
47 </head>
48 <body id="pat_merge" class="pat">
49 [% WRAPPER 'header.inc' %]
50     [% INCLUDE 'patron-search-header.inc' %]
51 [% END %]
52
53 [% BLOCK display_names %]
54     [% SWITCH rs %]
55         [% CASE 'Accountline'           %]<span>account lines</span>
56         [% CASE 'ArticleRequest'        %]<span>article requests</span>
57         [% CASE 'BorrowerAttribute'     %]<span>extended patron attributes</span>
58         [% CASE 'BorrowerDebarment'     %]<span>patron restrictions</span>
59         [% CASE 'BorrowerFile'          %]<span>patrons files</span>
60         [% CASE 'BorrowerModification'  %]<span>patron modification requests</span>
61         [% CASE 'ClubEnrollment'        %]<span>club enrollments</span>
62         [% CASE 'Issue'                 %]<span>checkouts</span>
63         [% CASE 'ItemsLastBorrower'     %]<span>marks as last borrower of item</span>
64         [% CASE 'Linktracker'           %]<span>tracked link clicks</span>
65         [% CASE 'Message'               %]<span>patron messages</span>
66         [% CASE 'MessageQueue'          %]<span>patron notices</span>
67         [% CASE 'OldIssue'              %]<span>previous checkouts</span>
68         [% CASE 'OldReserve'            %]<span>filled holds</span>
69         [% CASE 'Rating'                %]<span>ratings</span>
70         [% CASE 'Reserve'               %]<span>current holds</span>
71         [% CASE 'Review'                %]<span>reviews</span>
72         [% CASE 'Statistic'             %]<span>statistics</span>
73         [% CASE 'SearchHistory'         %]<span>historical searches</span>
74         [% CASE 'Suggestion'            %]<span>purchase suggestions</span>
75         [% CASE 'TagAll'                %]<span>tags</span>
76         [% CASE 'Virtualshelfcontent'   %]<span>list items</span>
77         [% CASE 'Virtualshelfshare'     %]<span>list shares</span>
78         [% CASE 'Virtualshelve'         %]<span>lists</span>
79         [% CASE %][% rs | html %]
80     [% END %]
81 [% END %]
82
83 [% WRAPPER 'sub-header.inc' %]
84 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
85     <ol>
86         <li>
87             <a href="/cgi-bin/koha/mainpage.pl"><i class="fa fa-home"></i></a>
88         </li>
89         <li>
90             <a href="/cgi-bin/koha/members/members-home.pl">Patrons</a>
91         </li>
92         <li>
93             <a href="#" aria-current="page">Merge patron records</a>
94         </li>
95     </ol>
96 </nav>
97 [% END %]
98
99 <div class="main container-fluid">
100     <div class="row">
101         <div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
102             <h1>Merge patron records</h1>
103
104             [% IF action == 'show' %]
105                 [% IF patrons.count > 1 %]
106                     [% IF ( patrons.count == 2 ) %]
107                         <div id="toolbar" class="btn-toolbar">
108                             <div class="btn-group">
109                                 <button class="btn btn-default" id="compare_patrons">
110                                     <i class="fa fa-arrows-h"></i> Compare patrons
111                                 </button>
112                             </div>
113                         </div>
114                     [% END %]
115
116                     <p>Select patron to keep. Data from the other patrons will be transferred to this patron record and the remaining patron records will be deleted.</p>
117
118                     <form type="post" action="merge-patrons.pl" id="patron-merge-form">
119                         <table id="patron-merge-table" class="datatable">
120                             <thead>
121                                 <tr>
122                                     <th>&nbsp;</th>
123                                     <th>Card</th>
124                                     <th>Name</th>
125                                     <th>Date of birth</th>
126                                     <th>Category</th>
127                                     <th>Library</th>
128                                     <th>Expires on</th>
129                                 </tr>
130                             </thead>
131
132                             <tbody>
133                                 [% FOREACH p IN patrons %]
134                                     <tr>
135                                         <td><input class="keeper" type="radio" name="keeper" value="[% p.id | html %]" data-borrowernumber="[% p.id | html %]" id="keeper_[% p.id | html %]" /></td>
136                                         <td>
137                                             <label for="keeper_[% p.id | html %]">
138                                                 <strong>[% p.cardnumber | html %]</strong>
139                                             </label>
140                                         </td>
141                                         <td>
142                                             <a target="_blank" href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% p.borrowernumber | uri %]">
143                                                 [% INCLUDE 'patron-title.inc' patron = p %]
144                                                 <i class="fa fa-window-restore"></i>
145                                             </a>
146                                         </td>
147                                         <td>[% p.dateofbirth | $KohaDates %]</td>
148                                         <td>[% Categories.GetName( p.categorycode ) | html %] ([% p.categorycode | html %])</td>
149                                         <td>[% Branches.GetName( p.branchcode ) | html %]</td>
150                                         <td>[% p.dateexpiry | $KohaDates %]</td>
151                                 [% END %]
152                             </tbody>
153                         </table>
154
155                         <fieldset class="action">
156                             [% FOREACH p IN patrons %]
157                                 <input type="hidden" name="id" value="[% p.id | html %]" />
158                             [% END %]
159                             <input type="hidden" name="action" value="merge" />
160                             <input id="merge-patrons" type="submit" value="Merge patrons" />
161                         </fieldset>
162
163                     [% ELSE %]
164                         <div class="dialog alert">Error: Two or more patrons need to be selected for merging</div>
165                     [% END %]
166                 </form>
167             [% ELSIF action == 'merge' %]
168                 <h4>Results</h4>
169                 [% IF error %]
170                     [% IF error == 'INVALID_KEEPER' %]
171                         <div class="dialog alert">Merge failed! The patron to keep was invalid.</div>
172                     [% ELSE %]
173                         <div class="dialog alert">Merge failed! The following error was reported: [% error | html %].</div>
174                     [% END %]
175                 [% ELSIF !results.merged.keys.size %]
176                     <div class="dialog alert">No valid patrons to merge were found.</div>
177                 [% ELSE %]
178                     <p>
179                         Patron records merged into <a href="moremember.pl?borrowernumber=[% keeper.id | uri %]">[% INCLUDE 'patron-title.inc' patron = keeper %]</a>
180                     </p>
181
182                     [% FOREACH pair IN results.merged.pairs %]
183                         [% SET patron = pair.value.patron %]
184
185                         <h5>[% INCLUDE 'patron-title.inc' %]</h5>
186
187                         [% FOREACH r IN pair.value.updated.pairs %]
188                             [% SET name = r.key %]
189                             [% SET count = r.value %]
190                             [% IF count %]
191                                 <p>
192                                     <span>[% count | html %] [% PROCESS display_names rs = name %] transferred.</span>
193                                     [% IF name == 'Reserve' %]
194                                         <strong>It is advisable to check for and resolve duplicate holds due to merging.</strong>
195                                     [% END %]
196                                 </p>
197                             [% END %]
198                         [% END %]
199                     [% END %]
200                 [% END %]
201
202                 [% UNLESS error %]
203                     <a class="btn btn-default" href="moremember.pl?borrowernumber=[% keeper.id | html %]">View patron record</a>
204                 [% END %]
205             [% END %]
206         </div>
207     </div>
208
209     <!-- Modal -->
210     <div class="modal" id="compareModal" tabindex="-1" role="dialog" aria-labelledby="compareModalLabel">
211         <div class="modal-dialog modal-lg" role="document">
212             <div class="modal-content">
213                 <div class="modal-header">
214                     <button type="button" class="closebtn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
215                     <h4 class="modal-title" id="compareModalLabel">Compare patrons for merging</h4>
216                 </div>
217                 <div class="modal-body">
218                     <div class="compare">
219                         <div id="col-label">
220                             <div><strong>Name:</strong></div>
221                             <div><strong>Initials:</strong></div>
222                             <div><strong>Other name:</strong></div>
223                             <div><strong>Library:</strong></div>
224                             <div><strong>Card number:</strong></div>
225                             <div><strong>Category:</strong></div>
226                             <br />
227                             <div><strong>Address line 1:</strong></div>
228                             <div><strong>Address line 2:</strong></div>
229                             <div><strong>City:</strong></div>
230                             <div><strong>State:</strong></div>
231                             <div><strong>ZIP/Postal code:</strong></div>
232                             <div><strong>Country:</strong></div>
233                             <br />
234                             <div><strong>Registration date:</strong></div>
235                             <div><strong>Renewal date:</strong></div>
236                             <div><strong>Expiration date:</strong></div>
237                             <div><strong>Date of birth:</strong></div>
238                             <div><strong>Restricted:</strong></div>
239                             <div><strong>Primary email:</strong></div>
240                             <div><strong>Secondary email:</strong></div>
241                             <div><strong>Primary phone:</strong></div>
242                             <div><strong>Secondary phone:</strong></div>
243                             <div><strong>Other phone:</strong></div>
244                             <div><strong>Gender:</strong></div>
245                             <div><strong>Updated on:</strong></div>
246                             <div><strong>Username:</strong></div>
247                         </div>
248
249                         [% FOREACH p IN patrons %]
250                             <div id="col-[% p.borrowernumber | html %]-orig"class="col[% loop.index | html %]">
251 <!-- <pre> block is unindented to avoid unwanted whitespace -->
252 <pre>
253 [% IF ( p.surname ) %][% p.surname | html %], [% p.firstname | html %][% ELSE %]-[% END %]
254 [% IF ( p.initials ) %][% p.initials | html %][% ELSE %]-[% END %]
255 [% IF ( p.othernames ) %][% p.othernames | html %][% ELSE %]-[% END %]
256 [% IF ( p.branchcode ) %][% p.branchcode | html %][% ELSE %]-[% END %]
257 [% IF ( p.cardnumber ) %][% p.cardnumber | html %][% ELSE %]-[% END %]
258 [% IF ( p.categorycode ) %][% p.categorycode | html %][% ELSE %]-[% END %]
259
260 [% IF ( p.address ) %][% p.address | html %][% ELSE %]-[% END %]
261 [% IF ( p.address2 ) %][% p.address2 | html %][% ELSE %]-[% END %]
262 [% IF ( p.city ) %][% p.city | html %][% ELSE %]-[% END %]
263 [% IF ( p.state ) %][% p.state | html %][% ELSE %]-[% END %]
264 [% IF ( p.zipcode ) %][% p.zipcode | html %][% ELSE %]-[% END %]
265 [% IF ( p.country ) %][% p.country | html %][% ELSE %]-[% END %]
266
267 [% IF ( p.dateenrolled ) %][% p.dateenrolled | html %][% ELSE %]-[% END %]
268 [% IF ( p.date_renewed ) %][% p.date_renewed | html %][% ELSE %]-[% END %]
269 [% IF ( p.dateexpiry ) %][% p.dateexpiry | html %][% ELSE %]-[% END %]
270 [% IF ( p.dateofbirth ) %][% p.dateofbirth | html %][% ELSE %]-[% END %]
271 [% IF ( p.debarred ) %][% p.debarred | html %][% ELSE %]-[% END %]
272 [% IF ( p.email ) %][% p.email | html %][% ELSE %]-[% END %]
273 [% IF ( p.emailpro ) %][% p.emailpro | html %][% ELSE %]-[% END %]
274 [% IF ( p.phone ) %][% p.phone | html %][% ELSE %]-[% END %]
275 [% IF ( p.phonepro ) %][% p.phonepro | html %][% ELSE %]-[% END %]
276 [% IF ( p.mobile ) %][% p.mobile | html %][% ELSE %]-[% END %]
277 [% IF ( p.sex ) %][% p.sex | html %][% ELSE %]-[% END %]
278 [% IF ( p.updated_on ) %][% p.updated_on | html %][% ELSE %]-[% END %]
279 [% IF ( p.userid ) %][% p.userid | html %][% ELSE %]-[% END %]
280 </pre>
281                             </div>
282                         [% END %]
283                         [% FOREACH p IN patrons %]
284                             <div id="col-[% p.borrowernumber | html %]-diff" class="col[% ( loop.index + 2 ) | html %]"><pre></pre></div>
285                         [% END %]
286                     </div>
287                 </div>
288                 <div class="modal-footer">
289                     <button type="button" class="btn btn-default" id="submit-merge-form"><i class="fa fa-compress" aria-hidden="true"></i> Merge patrons</button>
290                     <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-remove" aria-hidden="true"></i> Close</button>
291                 </div>
292             </div> <!-- /.modal-content -->
293         </div> <!-- /.modal-dialog -->
294     </div> <!-- /#compareModal -->
295
296 [% MACRO jsinclude BLOCK %]
297     [% INCLUDE 'str/members-menu.inc' %]
298     [% Asset.js("js/members-menu.js") | $raw %]
299     [% Asset.js("lib/jsdiff/jsdiff.min.js") | $raw %]
300     <script>
301     $(document).ready(function() {
302         var controls = $("#merge-patrons, #compare_patrons");
303         controls.prop('disabled', true);
304         $('#patron-merge-table').on('change', 'input', function() {
305             if ( $('.keeper:checked').length > 0 ) {
306                 controls.prop('disabled', false);
307             } else {
308                 controls.prop('disabled', true);
309             }
310         });
311
312         $("#compare_patrons").on("click", function(e){
313             e.preventDefault();
314             $("#compareModal").modal("show");
315         });
316
317         $("#compareModal").on("shown.bs.modal", function(){
318             /* Find which column is the basis for merging */
319             var col0 = $(".keeper:checked").data("borrowernumber");
320             var col1 = $(".keeper:not(:checked)").data("borrowernumber");
321             /* Get the original patron data for comparison */
322             var diff1 = $("#col-" + col0 + "-orig pre").text();
323             var diff2 = $("#col-" + col1 + "-orig pre").text();
324
325             var diffs = diffString(diff2, diff1);
326             /* Load the diff HTML in the empty columns */
327             $(".col2 pre, .col3 pre").html(diffs);
328         });
329
330         $("#submit-merge-form").on("click", function(){
331             $("#patron-merge-form").submit();
332         });
333     });
334
335     </script>
336 [% END %]
337
338 [% INCLUDE 'intranet-bottom.inc' %]