Lines 507-549
Link Here
|
507 |
<h1>View ILL requests</h1> |
507 |
<h1>View ILL requests</h1> |
508 |
<div id="results"> |
508 |
<div id="results"> |
509 |
<h3>Details for all requests</h3> |
509 |
<h3>Details for all requests</h3> |
|
|
510 |
[% INCLUDE 'ill-list-table.inc' %] |
510 |
|
511 |
|
511 |
<table id="ill-requests"> |
|
|
512 |
<thead> |
513 |
<tr id="illview-header"> |
514 |
<th scope="col">Request ID</th> |
515 |
<th scope="col">Author</th> |
516 |
<th scope="col">Title</th> |
517 |
<th scope="col">Article title</th> |
518 |
<th scope="col">Issue</th> |
519 |
<th scope="col">Volume</th> |
520 |
<th scope="col">Year</th> |
521 |
<th scope="col">Pages</th> |
522 |
<th scope="col">Type</th> |
523 |
<th scope="col">Order ID</th> |
524 |
<th scope="col">Patron</th> |
525 |
<th scope="col">Bibliographic record</th> |
526 |
<th scope="col">Branch</th> |
527 |
<th scope="col">Status</th> |
528 |
<th scope="col" class="placed"> </th> |
529 |
<th scope="col" class="placed_formatted">Placed on</th> |
530 |
<th scope="col" class="updated"> </th> |
531 |
<th scope="col" class="updated_formatted">Updated on</th> |
532 |
<th scope="col">Replied</th> |
533 |
<th scope="col" class="completed"> </th> |
534 |
<th scope="col" class="completed_formatted">Completed on</th> |
535 |
<th scope="col">Access URL</th> |
536 |
<th scope="col">Cost</th> |
537 |
<th scope="col">Comments</th> |
538 |
<th scope="col">OPAC notes</th> |
539 |
<th scope="col">Staff notes</th> |
540 |
<th scope="col">Backend</th> |
541 |
<th scope="col" class="actions"></th> |
542 |
</tr> |
543 |
</thead> |
544 |
<tbody id="illview-body"> |
545 |
</tbody> |
546 |
</table> |
547 |
</div> |
512 |
</div> |
548 |
[% ELSE %] |
513 |
[% ELSE %] |
549 |
<!-- Custom Backend Action --> |
514 |
<!-- Custom Backend Action --> |
Lines 555-1102
Link Here
|
555 |
</div> |
520 |
</div> |
556 |
</div> |
521 |
</div> |
557 |
|
522 |
|
558 |
[% TRY %] |
|
|
559 |
[% PROCESS backend_jsinclude %] |
560 |
[% CATCH %] |
561 |
[% END %] |
562 |
|
563 |
[% MACRO jsinclude BLOCK %] |
523 |
[% MACRO jsinclude BLOCK %] |
564 |
[% INCLUDE 'datatables.inc' %] |
524 |
[% INCLUDE 'datatables.inc' %] |
565 |
[% INCLUDE 'columns_settings.inc' %] |
525 |
[% INCLUDE 'columns_settings.inc' %] |
566 |
[% INCLUDE 'calendar.inc' %] |
526 |
[% INCLUDE 'calendar.inc' %] |
567 |
[% Asset.js("lib/jquery/plugins/jquery.checkboxes.min.js") | $raw %] |
527 |
[% Asset.js("lib/jquery/plugins/jquery.checkboxes.min.js") | $raw %] |
568 |
<script> |
528 |
<script> |
569 |
$(document).ready(function() { |
529 |
// Date format for datepickers |
570 |
|
530 |
var dateMap = { |
571 |
// Illview Datatable setup |
531 |
dmydot: 'dd.mm.yy', |
572 |
|
532 |
iso: 'yy-mm-dd', |
573 |
var columns_settings = [% ColumnsSettings.GetColumns( 'illrequests', 'ill-requests', 'ill-requests', 'json' ) %]; |
533 |
metric: 'dd/mm/yy', |
574 |
|
534 |
us: 'mm/dd/yy' |
575 |
var table; |
535 |
}; |
576 |
|
536 |
var dateFormat = dateMap['[% Koha.Preference('dateformat') | html %]']; |
577 |
// Filters that are active |
537 |
var prefilters = '[% prefilters | html %]'; |
578 |
var activeFilters = {}; |
538 |
// Set column settings |
579 |
|
539 |
var columns_settings = [% ColumnsSettings.GetColumns( 'illrequests', 'ill-requests', 'ill-requests', 'json' ) %]; |
580 |
// Fields we need to expand (flatten) |
|
|
581 |
var expand = [ |
582 |
'metadata', |
583 |
'patron', |
584 |
'library' |
585 |
]; |
586 |
|
587 |
// Expanded fields |
588 |
// This is auto populated |
589 |
var expanded = {}; |
590 |
|
591 |
// Filterable columns |
592 |
var filterable = { |
593 |
status: { |
594 |
prep: function(tableData, oData) { |
595 |
var uniques = {}; |
596 |
tableData.forEach(function(row) { |
597 |
var resolvedName; |
598 |
if (row.status_alias) { |
599 |
resolvedName = row.status_alias.lib; |
600 |
} else { |
601 |
resolvedName = getStatusName( |
602 |
oData[0].capabilities[row.status].name |
603 |
); |
604 |
} |
605 |
uniques[resolvedName] = 1 |
606 |
}); |
607 |
Object.keys(uniques).sort().forEach(function(unique) { |
608 |
$('#illfilter_status').append( |
609 |
'<option value="' + unique + |
610 |
'">' + unique + '</option>' |
611 |
); |
612 |
}); |
613 |
}, |
614 |
listener: function() { |
615 |
var me = 'status'; |
616 |
$('#illfilter_status').change(function() { |
617 |
var sel = $('#illfilter_status option:selected').val(); |
618 |
if (sel && sel.length > 0) { |
619 |
activeFilters[me] = function() { |
620 |
table.api().column(13).search(sel); |
621 |
} |
622 |
} else { |
623 |
if (activeFilters.hasOwnProperty(me)) { |
624 |
delete activeFilters[me]; |
625 |
} |
626 |
} |
627 |
}); |
628 |
}, |
629 |
clear: function() { |
630 |
$('#illfilter_status').val(''); |
631 |
} |
632 |
}, |
633 |
pickupBranch: { |
634 |
prep: function(tableData, oData) { |
635 |
var uniques = {}; |
636 |
tableData.forEach(function(row) { |
637 |
uniques[row.library_branchname] = 1 |
638 |
}); |
639 |
Object.keys(uniques).sort().forEach(function(unique) { |
640 |
$('#illfilter_branchname').append( |
641 |
'<option value="' + unique + |
642 |
'">' + unique + '</option>' |
643 |
); |
644 |
}); |
645 |
}, |
646 |
listener: function() { |
647 |
var me = 'pickupBranch'; |
648 |
$('#illfilter_branchname').change(function() { |
649 |
var sel = $('#illfilter_branchname option:selected').val(); |
650 |
if (sel && sel.length > 0) { |
651 |
activeFilters[me] = function() { |
652 |
table.api().column(12).search(sel); |
653 |
} |
654 |
} else { |
655 |
if (activeFilters.hasOwnProperty(me)) { |
656 |
delete activeFilters[me]; |
657 |
} |
658 |
} |
659 |
}); |
660 |
}, |
661 |
clear: function() { |
662 |
$('#illfilter_branchname').val(''); |
663 |
} |
664 |
}, |
665 |
patron: { |
666 |
listener: function() { |
667 |
var me = 'patron'; |
668 |
$('#illfilter_patron').change(function() { |
669 |
var val = $('#illfilter_patron').val(); |
670 |
if (val && val.length > 0) { |
671 |
activeFilters[me] = function() { |
672 |
table.api().column(10).search(val); |
673 |
} |
674 |
} else { |
675 |
if (activeFilters.hasOwnProperty(me)) { |
676 |
delete activeFilters[me]; |
677 |
} |
678 |
} |
679 |
}); |
680 |
}, |
681 |
clear: function() { |
682 |
$('#illfilter_patron').val(''); |
683 |
} |
684 |
}, |
685 |
dateModified: { |
686 |
clear: function() { |
687 |
$('#illfilter_datemodified_start, #illfilter_datemodified_end').val(''); |
688 |
} |
689 |
}, |
690 |
datePlaced: { |
691 |
clear: function() { |
692 |
$('#illfilter_dateplaced_start, #illfilter_dateplaced_end').val(''); |
693 |
} |
694 |
} |
695 |
}; |
696 |
|
697 |
// Expand any fields we're expanding |
698 |
var expandExpand = function(row) { |
699 |
expand.forEach(function(thisExpand) { |
700 |
if (row.hasOwnProperty(thisExpand)) { |
701 |
if (!expanded.hasOwnProperty(thisExpand)) { |
702 |
expanded[thisExpand] = []; |
703 |
} |
704 |
var expandObj = row[thisExpand]; |
705 |
Object.keys(expandObj).forEach( |
706 |
function(thisExpandCol) { |
707 |
var expColName = thisExpand + '_' + thisExpandCol.replace(/\s/g,'_'); |
708 |
// Keep a list of fields that have been expanded |
709 |
// so we can create toggle links for them |
710 |
if (expanded[thisExpand].indexOf(expColName) == -1) { |
711 |
expanded[thisExpand].push(expColName); |
712 |
} |
713 |
expandObj[expColName] = |
714 |
expandObj[thisExpandCol]; |
715 |
delete expandObj[thisExpandCol]; |
716 |
} |
717 |
); |
718 |
$.extend(true, row, expandObj); |
719 |
delete row[thisExpand]; |
720 |
} |
721 |
}); |
722 |
}; |
723 |
|
724 |
// Strip the expand prefix if it exists, we do this for display |
725 |
var stripPrefix = function(value) { |
726 |
expand.forEach(function(thisExpand) { |
727 |
var regex = new RegExp(thisExpand + '_', 'g'); |
728 |
value = value.replace(regex, ''); |
729 |
}); |
730 |
return value; |
731 |
}; |
732 |
|
733 |
// Our 'render' function for borrowerlink |
734 |
var createPatronLink = function(data, type, row) { |
735 |
var patronLink = '<a title="' + _("View borrower details") + '" ' + |
736 |
'href="/cgi-bin/koha/members/moremember.pl?' + |
737 |
'borrowernumber='+row.borrowernumber+'">'; |
738 |
if ( row.patron_firstname ) { |
739 |
patronLink = patronLink + row.patron_firstname + ' '; |
740 |
} |
741 |
patronLink = patronLink + row.patron_surname + |
742 |
' (' + row.patron_cardnumber + ')' + '</a>'; |
743 |
return patronLink; |
744 |
}; |
745 |
|
746 |
// Our 'render' function for biblio_id |
747 |
var createBiblioLink = function(data, type, row) { |
748 |
return (row.biblio_id) ? |
749 |
'<a title="' + _("View biblio details") + '" ' + |
750 |
'href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=' + |
751 |
row.biblio_id + '">' + |
752 |
row.biblio_id + |
753 |
'</a>' : ''; |
754 |
}; |
755 |
|
756 |
// Our 'render' function for title |
757 |
var createTitle = function(data, type, row) { |
758 |
return ( |
759 |
row.hasOwnProperty('metadata_container_title') && |
760 |
row.metadata_container_title |
761 |
) ? row.metadata_container_title : row.metadata_title; |
762 |
}; |
763 |
|
764 |
// Render function for request ID |
765 |
var createRequestId = function(data, type, row) { |
766 |
return row.id_prefix + row.illrequest_id; |
767 |
}; |
768 |
|
769 |
// Render function for type |
770 |
var createType = function(data, type, row) { |
771 |
if (!row.hasOwnProperty('metadata_Type') || !row.metadata_Type) { |
772 |
if (row.hasOwnProperty('medium') && row.medium) { |
773 |
row.metadata_Type = row.medium; |
774 |
} else { |
775 |
row.metadata_Type = null; |
776 |
} |
777 |
} |
778 |
return row.metadata_Type; |
779 |
}; |
780 |
|
781 |
// Render function for request status |
782 |
var createStatus = function(data, type, row, meta) { |
783 |
if (row.status_alias) { |
784 |
return row.status_alias.lib |
785 |
? row.status_alias.lib |
786 |
: row.status_alias.authorised_value; |
787 |
} else { |
788 |
var origData = meta.settings.oInit.originalData; |
789 |
if (origData.length > 0) { |
790 |
var status_name = meta.settings.oInit.originalData[0].capabilities[ |
791 |
row.status |
792 |
].name; |
793 |
return getStatusName(status_name, row); |
794 |
} else { |
795 |
return ''; |
796 |
} |
797 |
} |
798 |
}; |
799 |
|
800 |
var getStatusName = function(origName, row) { |
801 |
switch( origName ) { |
802 |
case "New request": |
803 |
return _("New request"); |
804 |
case "Requested": |
805 |
return _("Requested"); |
806 |
case "Requested from partners": |
807 |
var statStr = _("Requested from partners"); |
808 |
if ( |
809 |
row.hasOwnProperty('requested_partners') && |
810 |
row.requested_partners && |
811 |
row.requested_partners.length > 0 |
812 |
) { |
813 |
statStr += ' (' + row.requested_partners + ')'; |
814 |
} |
815 |
return statStr; |
816 |
case "Request reverted": |
817 |
return _("Request reverted"); |
818 |
case "Queued request": |
819 |
return _("Queued request"); |
820 |
case "Cancellation requested": |
821 |
return _("Cancellation requested"); |
822 |
case "Completed": |
823 |
return _("Completed"); |
824 |
case "Delete request": |
825 |
return _("Delete request"); |
826 |
default: |
827 |
return origName; |
828 |
} |
829 |
}; |
830 |
|
831 |
// Render function for creating a row's action link |
832 |
var createActionLink = function(data, type, row) { |
833 |
return '<a class="btn btn-default btn-sm" ' + |
834 |
'href="/cgi-bin/koha/ill/ill-requests.pl?' + |
835 |
'method=illview&illrequest_id=' + |
836 |
row.illrequest_id + |
837 |
'">' + _("Manage request") + '</a>'; |
838 |
}; |
839 |
|
840 |
// Columns that require special treatment |
841 |
var specialCols = { |
842 |
action: { |
843 |
func: createActionLink, |
844 |
skipSanitize: true |
845 |
}, |
846 |
illrequest_id: { |
847 |
func: createRequestId |
848 |
}, |
849 |
status: { |
850 |
func: createStatus |
851 |
}, |
852 |
biblio_id: { |
853 |
name: _("Bibliograpic record ID"), |
854 |
func: createBiblioLink, |
855 |
skipSanitize: true |
856 |
}, |
857 |
metadata_title: { |
858 |
func: createTitle |
859 |
}, |
860 |
metadata_Type: { |
861 |
func: createType |
862 |
}, |
863 |
updated: { |
864 |
name: _("Updated on"), |
865 |
}, |
866 |
patron: { |
867 |
skipSanitize: true, |
868 |
func: createPatronLink |
869 |
} |
870 |
}; |
871 |
|
872 |
// Display the modal containing request supplier metadata |
873 |
$('#ill-request-display-log').on('click', function(e) { |
874 |
e.preventDefault(); |
875 |
$('#requestLog').modal({show:true}); |
876 |
}); |
877 |
|
878 |
// Toggle request attributes in Illview |
879 |
$('#toggle_requestattributes').on('click', function(e) { |
880 |
e.preventDefault(); |
881 |
$('#requestattributes').toggleClass('content_hidden'); |
882 |
}); |
883 |
|
884 |
// Toggle new comment form in Illview |
885 |
$('#toggle_addcomment').on('click', function(e) { |
886 |
e.preventDefault(); |
887 |
$('#addcomment').toggleClass('content_hidden'); |
888 |
}); |
889 |
|
890 |
// Filter partner list |
891 |
$('#partner_filter').keyup(function() { |
892 |
var needle = $('#partner_filter').val(); |
893 |
$('#partners > option').each(function() { |
894 |
var regex = new RegExp(needle, 'i'); |
895 |
if ( |
896 |
needle.length == 0 || |
897 |
$(this).is(':selected') || |
898 |
$(this).text().match(regex) |
899 |
) { |
900 |
$(this).show(); |
901 |
} else { |
902 |
$(this).hide(); |
903 |
} |
904 |
}); |
905 |
}); |
906 |
|
907 |
// Display the modal containing request supplier metadata |
908 |
$('#ill-request-display-metadata').on('click', function(e) { |
909 |
e.preventDefault(); |
910 |
$('#dataPreview').modal({show:true}); |
911 |
}); |
912 |
|
913 |
// Allow us to chain Datatable render helpers together, so we |
914 |
// can use our custom functions and render.text(), which |
915 |
// provides us with data sanitization |
916 |
$.fn.dataTable.render.multi = function(renderArray) { |
917 |
return function(d, type, row, meta) { |
918 |
for(var r = 0; r < renderArray.length; r++) { |
919 |
var toCall = renderArray[r].hasOwnProperty('display') ? |
920 |
renderArray[r].display : |
921 |
renderArray[r]; |
922 |
d = toCall(d, type, row, meta); |
923 |
} |
924 |
return d; |
925 |
} |
926 |
} |
927 |
|
928 |
// Get our data from the API and process it prior to passing |
929 |
// it to datatables |
930 |
var ajax = $.ajax( |
931 |
'/api/v1/illrequests?embed=metadata,patron,capabilities,library,status_alias,comments,requested_partners' |
932 |
).done(function() { |
933 |
var data = JSON.parse(ajax.responseText); |
934 |
// Make a copy, we'll be removing columns next and need |
935 |
// to be able to refer to data that has been removed |
936 |
var dataCopy = $.extend(true, [], data); |
937 |
// Expand columns that need it and create an array |
938 |
// of all column names |
939 |
$.each(dataCopy, function(k, row) { |
940 |
expandExpand(row); |
941 |
}); |
942 |
|
943 |
// Assemble an array of column definitions for passing |
944 |
// to datatables |
945 |
var colData = []; |
946 |
columns_settings.forEach(function(thisCol) { |
947 |
var colName = thisCol.columnname; |
948 |
// Create the base column object |
949 |
var colObj = $.extend({}, thisCol); |
950 |
colObj.name = colName; |
951 |
colObj.className = colName; |
952 |
colObj.defaultContent = ''; |
953 |
|
954 |
// We may need to process the data going in this |
955 |
// column, so do it if necessary |
956 |
if ( |
957 |
specialCols.hasOwnProperty(colName) && |
958 |
specialCols[colName].hasOwnProperty('func') |
959 |
) { |
960 |
var renderArray = [ |
961 |
specialCols[colName].func |
962 |
]; |
963 |
if (!specialCols[colName].skipSanitize) { |
964 |
renderArray.push( |
965 |
$.fn.dataTable.render.text() |
966 |
); |
967 |
} |
968 |
|
969 |
colObj.render = $.fn.dataTable.render.multi( |
970 |
renderArray |
971 |
); |
972 |
} else { |
973 |
colObj.data = colName; |
974 |
colObj.render = $.fn.dataTable.render.text() |
975 |
} |
976 |
// Make sure properties that aren't present in the API |
977 |
// response are populated with null to avoid Datatables |
978 |
// choking on their absence |
979 |
dataCopy.forEach(function(thisData) { |
980 |
if (!thisData.hasOwnProperty(colName)) { |
981 |
thisData[colName] = null; |
982 |
} |
983 |
}); |
984 |
colData.push(colObj); |
985 |
}); |
986 |
|
987 |
// Initialise the datatable |
988 |
table = KohaTable("ill-requests", { |
989 |
'aoColumnDefs': [ |
990 |
{ // Last column shouldn't be sortable or searchable |
991 |
'aTargets': [ 'actions' ], |
992 |
'bSortable': false, |
993 |
'bSearchable': false |
994 |
}, |
995 |
{ // When sorting 'placed', we want to use the |
996 |
// unformatted column |
997 |
'aTargets': [ 'placed_formatted'], |
998 |
'iDataSort': 14 |
999 |
}, |
1000 |
{ // When sorting 'updated', we want to use the |
1001 |
// unformatted column |
1002 |
'aTargets': [ 'updated_formatted'], |
1003 |
'iDataSort': 16 |
1004 |
}, |
1005 |
{ // When sorting 'completed', we want to use the |
1006 |
// unformatted column |
1007 |
'aTargets': [ 'completed_formatted'], |
1008 |
'iDataSort': 19 |
1009 |
} |
1010 |
], |
1011 |
'aaSorting': [[ 16, 'desc' ]], // Default sort, updated descending |
1012 |
'processing': true, // Display a message when manipulating |
1013 |
'sPaginationType': "full_numbers", // Pagination display |
1014 |
'deferRender': true, // Improve performance on big datasets |
1015 |
'data': dataCopy, |
1016 |
'columns': colData, |
1017 |
'originalData': data, // Enable render functions to access |
1018 |
// our original data |
1019 |
'initComplete': function() { |
1020 |
|
1021 |
// Prepare any filter elements that need it |
1022 |
for (var el in filterable) { |
1023 |
if (filterable.hasOwnProperty(el)) { |
1024 |
if (filterable[el].hasOwnProperty('prep')) { |
1025 |
filterable[el].prep(dataCopy, data); |
1026 |
} |
1027 |
if (filterable[el].hasOwnProperty('listener')) { |
1028 |
filterable[el].listener(); |
1029 |
} |
1030 |
} |
1031 |
} |
1032 |
|
1033 |
} |
1034 |
}, columns_settings); |
1035 |
|
1036 |
// Custom date range filtering |
1037 |
$.fn.dataTable.ext.search.push(function(settings, data, dataIndex) { |
1038 |
var placedStart = $('#illfilter_dateplaced_start').datepicker('getDate'); |
1039 |
var placedEnd = $('#illfilter_dateplaced_end').datepicker('getDate'); |
1040 |
var modifiedStart = $('#illfilter_datemodified_start').datepicker('getDate'); |
1041 |
var modifiedEnd = $('#illfilter_datemodified_end').datepicker('getDate'); |
1042 |
var rowPlaced = data[14] ? new Date(data[14]) : null; |
1043 |
var rowModified = data[16] ? new Date(data[16]) : null; |
1044 |
var placedPassed = true; |
1045 |
var modifiedPassed = true; |
1046 |
if (placedStart && rowPlaced && rowPlaced < placedStart) { |
1047 |
placedPassed = false |
1048 |
}; |
1049 |
if (placedEnd && rowPlaced && rowPlaced > placedEnd) { |
1050 |
placedPassed = false; |
1051 |
} |
1052 |
if (modifiedStart && rowModified && rowModified < modifiedStart) { |
1053 |
modifiedPassed = false |
1054 |
}; |
1055 |
if (modifiedEnd && rowModified && rowModified > modifiedEnd) { |
1056 |
modifiedPassed = false; |
1057 |
} |
1058 |
|
1059 |
return placedPassed && modifiedPassed; |
1060 |
|
1061 |
}); |
1062 |
|
1063 |
} |
1064 |
); |
1065 |
|
1066 |
var clearSearch = function() { |
1067 |
table.api().search('').columns().search(''); |
1068 |
activeFilters = {}; |
1069 |
for (var filter in filterable) { |
1070 |
if ( |
1071 |
filterable.hasOwnProperty(filter) && |
1072 |
filterable[filter].hasOwnProperty('clear') |
1073 |
) { |
1074 |
filterable[filter].clear(); |
1075 |
} |
1076 |
} |
1077 |
table.api().draw(); |
1078 |
}; |
1079 |
|
1080 |
// Apply any search filters, or clear any previous |
1081 |
// ones |
1082 |
$('#illfilter_form').submit(function(event) { |
1083 |
event.preventDefault(); |
1084 |
table.api().search('').columns().search(''); |
1085 |
for (var active in activeFilters) { |
1086 |
if (activeFilters.hasOwnProperty(active)) { |
1087 |
activeFilters[active](); |
1088 |
} |
1089 |
} |
1090 |
table.api().draw(); |
1091 |
}); |
1092 |
|
1093 |
// Clear all filters |
1094 |
$('#clear_search').click(function() { |
1095 |
clearSearch(); |
1096 |
}); |
1097 |
|
1098 |
}); |
1099 |
</script> |
540 |
</script> |
|
|
541 |
[% INCLUDE 'ill-list-table-strings.inc' %] |
542 |
[% Asset.js("js/ill-list-table.js") | $raw %] |
543 |
[% END %] |
544 |
|
545 |
[% TRY %] |
546 |
[% PROCESS backend_jsinclude %] |
547 |
[% CATCH %] |
1100 |
[% END %] |
548 |
[% END %] |
1101 |
|
549 |
|
1102 |
[% INCLUDE 'intranet-bottom.inc' %] |
550 |
[% INCLUDE 'intranet-bottom.inc' %] |