|
Lines 37-232
Link Here
|
| 37 |
</div> |
37 |
</div> |
| 38 |
<!-- /#acqui_edifactmsgs --> |
38 |
<!-- /#acqui_edifactmsgs --> |
| 39 |
|
39 |
|
| 40 |
<!-- Modal to display EDIFACT messages --> |
40 |
[% INCLUDE 'modals/edifact-modal.inc' %] |
| 41 |
<div class="modal" id="EDI_modal" tabindex="-1" role="dialog" aria-labelledby="EDI_modal_label" aria-hidden="true"> |
|
|
| 42 |
<div class="modal-dialog modal-lg"> |
| 43 |
<div class="modal-content"> |
| 44 |
<div class="modal-header"> |
| 45 |
<h1 class="modal-title" id="EDI_modal_label">EDIFACT message</h1> |
| 46 |
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
| 47 |
</div> |
| 48 |
<div class="modal-body"> </div> |
| 49 |
<div class="modal-footer"> |
| 50 |
<button class="btn btn-default" data-bs-dismiss="modal">Close</button> |
| 51 |
</div> |
| 52 |
</div> |
| 53 |
</div> |
| 54 |
</div> |
| 55 |
|
| 56 |
<!-- Modal to display EDIFACT errors --> |
| 57 |
<div class="modal" id="EDI_errors_modal" tabindex="-1" role="dialog" aria-labelledby="EDI_errors_modal_label" aria-hidden="true"> |
| 58 |
<div class="modal-dialog modal-lg"> |
| 59 |
<div class="modal-content"> |
| 60 |
<div class="modal-header"> |
| 61 |
<h1 class="modal-title" id="EDI_errors_modal_label">EDIFACT processing errors for <span id="EDI_errors_filename"></span></h1> |
| 62 |
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
| 63 |
</div> |
| 64 |
<div class="modal-body"> |
| 65 |
<div id="loading"> <img src="[% interface | html %]/[% theme | html %]/img/spinner-small.gif" alt="" /> Loading </div> |
| 66 |
</div> |
| 67 |
<div class="modal-footer"> |
| 68 |
<button class="btn btn-default" data-bs-dismiss="modal">Close</button> |
| 69 |
</div> |
| 70 |
</div> |
| 71 |
</div> |
| 72 |
</div> |
| 73 |
[% END %] |
41 |
[% END %] |
| 74 |
|
42 |
|
| 75 |
[% MACRO jsinclude BLOCK %] |
43 |
[% MACRO jsinclude BLOCK %] |
| 76 |
[% Asset.js("js/acquisitions-menu.js") | $raw %] |
44 |
[% Asset.js("js/acquisitions-menu.js") | $raw %] |
| 77 |
[% INCLUDE 'datatables.inc' %] |
45 |
[% INCLUDE 'datatables.inc' %] |
|
|
46 |
[% Asset.js("js/modals/edifact-modal.js") | $raw %] |
| 78 |
<script> |
47 |
<script> |
| 79 |
$(document).ready(function() { |
48 |
$(document).ready(function () { |
| 80 |
let edi_msgs_table_url = '/api/v1/acquisitions/edifiles?'; |
49 |
let edi_msgs_table_url = "/api/v1/acquisitions/edifiles?"; |
| 81 |
|
50 |
|
| 82 |
var edi_msgs_table = $("#edi_msgs").kohaTable({ |
51 |
var edi_msgs_table = $("#edi_msgs").kohaTable( |
| 83 |
"ajax": { |
52 |
{ |
| 84 |
"url": edi_msgs_table_url |
53 |
ajax: { |
| 85 |
}, |
54 |
url: edi_msgs_table_url, |
| 86 |
"embed": [ |
|
|
| 87 |
"vendor", |
| 88 |
"basket", |
| 89 |
"errors" |
| 90 |
], |
| 91 |
"order": [[ 1, "desc" ]], |
| 92 |
"columns": [ |
| 93 |
{ |
| 94 |
"data": "type", |
| 95 |
"title": _("Type"), |
| 96 |
"searchable": true, |
| 97 |
"orderable": true |
| 98 |
}, |
| 99 |
{ |
| 100 |
"data": "transfer_date", |
| 101 |
"title": _("Transferred"), |
| 102 |
"searchable": true, |
| 103 |
"orderable": true, |
| 104 |
"render": function(data, type, row, meta) { |
| 105 |
return $date(row.transfer_date); |
| 106 |
} |
| 107 |
}, |
55 |
}, |
| 108 |
{ |
56 |
embed: ["vendor", "basket", "errors"], |
| 109 |
"data": "status", |
57 |
order: [[1, "desc"]], |
| 110 |
"title": _("Status"), |
58 |
columns: [ |
| 111 |
"searchable": true, |
59 |
{ |
| 112 |
"orderable": true, |
60 |
data: "type", |
| 113 |
"render": function(daya, type, row, meta) { |
61 |
title: _("Type"), |
| 114 |
let rendered = ''; |
62 |
searchable: true, |
| 115 |
if ( row.errors.length > 0 ) { |
63 |
orderable: true, |
| 116 |
let errorsList = '<ul>'; |
64 |
}, |
| 117 |
row.errors.forEach(error => { |
65 |
{ |
| 118 |
if (error.details) { |
66 |
data: "transfer_date", |
| 119 |
errorsList += '<li>' |
67 |
title: _("Transferred"), |
| 120 |
errorsList += error.details |
68 |
searchable: true, |
| 121 |
if (error.section) { |
69 |
orderable: true, |
| 122 |
errorsList += '</br><pre>' + error.section + '</pre>'; |
70 |
render: function (data, type, row, meta) { |
|
|
71 |
return $date(row.transfer_date); |
| 72 |
}, |
| 73 |
}, |
| 74 |
{ |
| 75 |
data: "status", |
| 76 |
title: _("Status"), |
| 77 |
searchable: true, |
| 78 |
orderable: true, |
| 79 |
render: function (daya, type, row, meta) { |
| 80 |
let rendered = ""; |
| 81 |
if (row.errors.length > 0) { |
| 82 |
let errorsList = "<ul>"; |
| 83 |
row.errors.forEach(error => { |
| 84 |
if (error.details) { |
| 85 |
errorsList += "<li>"; |
| 86 |
errorsList += "<strong>" + error.details + "</strong>"; |
| 87 |
if (error.section) { |
| 88 |
errorsList += "<br/><pre>" + error.section + "</pre>"; |
| 89 |
} |
| 90 |
errorsList += "</li>"; |
| 123 |
} |
91 |
} |
| 124 |
errorsList += '</li>'; |
92 |
}); |
|
|
93 |
errorsList += "</ul>"; |
| 94 |
rendered = row.status + ' (<a href="#" data-bs-toggle="modal" data-bs-target="#EDI_errors_modal" data-bs-errors="' + errorsList + '" data-bs-filename="' + row.filename + '">' + _("with errors") + "</a>)"; |
| 95 |
} else { |
| 96 |
rendered = row.status; |
| 97 |
} |
| 98 |
return rendered; |
| 99 |
}, |
| 100 |
}, |
| 101 |
{ |
| 102 |
data: "vendor.name", |
| 103 |
title: _("Vendor"), |
| 104 |
searchable: true, |
| 105 |
orderable: true, |
| 106 |
render: function (data, type, row, meta) { |
| 107 |
let link; |
| 108 |
if (row.vendor) { |
| 109 |
link = '<a href="/cgi-bin/koha/acquisition/vendors/' + row.vendor_id + '">' + row.vendor.name + "</a>"; |
| 110 |
} else { |
| 111 |
link = '<a href="/cgi-bin/koha/acquisition/vendors/' + row.vendor_id + '">' + row.vendor_id + "</a>"; |
| 112 |
} |
| 113 |
return link; |
| 114 |
}, |
| 115 |
}, |
| 116 |
{ |
| 117 |
data: "basket_id:type", |
| 118 |
title: _("Details"), |
| 119 |
searchable: false, |
| 120 |
orderable: true, |
| 121 |
render: function (data, type, row, meta) { |
| 122 |
let rendered = ""; |
| 123 |
if (row.type == "QUOTE" || row.type == "ORDERS") { |
| 124 |
if (row.basket_id) { |
| 125 |
rendered = '<a href="/cgi-bin/koha/acqui/basket.pl?basketno=' + row.basket_id + '">' + _("Basket") + ": " + row.basket_id + "</a>"; |
| 125 |
} |
126 |
} |
| 126 |
}); |
127 |
} else { |
| 127 |
errorsList += '</ul>'; |
128 |
rendered = '<a href="/cgi-bin/koha/acqui/invoices.pl?message_id=' + row.id + '&op=do_search">' + _("Invoices") + "</a>"; |
| 128 |
rendered = row.status + ' (<a href="#" data-bs-toggle="modal" data-bs-target="#EDI_errors_modal" data-bs-errors="'+ errorsList + '" data-bs-filename="' + row.filename + '">' + _("with errors") + '</a>)'; |
|
|
| 129 |
} else { |
| 130 |
rendered = row.status; |
| 131 |
} |
| 132 |
return rendered; |
| 133 |
} |
| 134 |
}, |
| 135 |
{ |
| 136 |
"data": "vendor.name", |
| 137 |
"title": _("Vendor"), |
| 138 |
"searchable": true, |
| 139 |
"orderable": true, |
| 140 |
"render": function(data, type, row, meta) { |
| 141 |
let link; |
| 142 |
if ( row.vendor ) { |
| 143 |
link = '<a href="/cgi-bin/koha/acquisition/vendors/'+row.vendor_id+'">'+row.vendor.name+'</a>'; |
| 144 |
} else { |
| 145 |
link = '<a href="/cgi-bin/koha/acquisition/vendors/'+row.vendor_id+'">'+row.vendor_id+'</a>'; |
| 146 |
} |
| 147 |
return link; |
| 148 |
} |
| 149 |
}, |
| 150 |
{ |
| 151 |
"data": "basket_id:type", |
| 152 |
"title": _("Details"), |
| 153 |
"searchable": false, |
| 154 |
"orderable": true, |
| 155 |
"render": function(data, type, row, meta) { |
| 156 |
let rendered = ''; |
| 157 |
if ( row.type == 'QUOTE' || row.type == 'ORDERS' ) { |
| 158 |
if ( row.basket_id ) { |
| 159 |
rendered = '<a href="/cgi-bin/koha/acqui/basket.pl?basketno='+row.basket_id+'">'+_("Basket")+': '+row.basket_id+'</a>'; |
| 160 |
} |
129 |
} |
| 161 |
} else { |
130 |
return rendered; |
| 162 |
rendered = '<a href="/cgi-bin/koha/acqui/invoices.pl?message_id='+row.id+'&op=do_search">'+_("Invoices")+'</a>'; |
131 |
}, |
| 163 |
} |
132 |
}, |
| 164 |
return rendered; |
133 |
{ |
| 165 |
} |
134 |
data: "filename", |
| 166 |
}, |
135 |
title: _("Filename"), |
| 167 |
{ |
136 |
searchable: true, |
| 168 |
"data": "filename", |
137 |
orderable: true, |
| 169 |
"title": _("Filename"), |
138 |
}, |
| 170 |
"searchable": true, |
139 |
{ |
| 171 |
"orderable": true |
140 |
title: _("Actions"), |
| 172 |
}, |
141 |
className: "actions", |
| 173 |
{ |
142 |
searchable: false, |
| 174 |
"title": _("Actions"), |
143 |
orderable: false, |
| 175 |
"className": "actions", |
144 |
render: function (data, type, row, meta) { |
| 176 |
"searchable": false, |
145 |
var result = |
| 177 |
"orderable": false, |
146 |
'<a class="btn btn-default btn-xs view_message" target="_blank" href="/cgi-bin/koha/acqui/edimsg.pl?id=' + encodeURIComponent(row.id) + '"><i class="fa fa-search"></i> ' + _("View message") + "</a> "; |
| 178 |
"render": function(data, type, row, meta) { |
147 |
result += '<form action="/cgi-bin/koha/acqui/edifactmsgs.pl" method="post"><input type="hidden" name="message_id" value="' + encodeURIComponent(row.id) + '" />'; |
| 179 |
var result = '<a class="btn btn-default btn-xs view_message" target="_blank" href="/cgi-bin/koha/acqui/edimsg.pl?id='+encodeURIComponent(row.id)+'"><i class="fa fa-search"></i> '+_("View message")+'</a> '; |
148 |
result += '<input type="hidden" name="csrf_token" value="' + $('meta[name="csrf-token"]').attr("content").trim() + '" />'; |
| 180 |
result += '<form action="/cgi-bin/koha/acqui/edifactmsgs.pl" method="post"><input type="hidden" name="message_id" value="'+encodeURIComponent(row.id)+'" />'; |
149 |
result += '<input type="hidden" name="op" value="cud-delete" /><button type="submit" class="btn btn-default btn-xs delete_msg"><i class="fa fa-trash-can"></i> ' + _("Delete") + "</button> "; |
| 181 |
result += '<input type="hidden" name="csrf_token" value="' + $('meta[name="csrf-token"]').attr('content').trim() + '" />'; |
150 |
if (row.status == "new") { |
| 182 |
result += '<input type="hidden" name="op" value="cud-delete" /><button type="submit" class="btn btn-default btn-xs delete_msg"><i class="fa fa-trash-can"></i> '+_("Delete")+'</button> '; |
151 |
result += |
| 183 |
if ( row.status == 'new' ) { |
152 |
'<a class="btn btn-default btn-xs import_msg" href="/cgi-bin/koha/acqui/edifactmsgs.pl?op=import&message_id=' + encodeURIComponent(row.id) + '"><i class="fa fa-cog"></i> ' + _("Import") + "</a> "; |
| 184 |
result += '<a class="btn btn-default btn-xs import_msg" href="/cgi-bin/koha/acqui/edifactmsgs.pl?op=import&message_id='+encodeURIComponent(row.id)+'"><i class="fa fa-cog"></i> '+_("Import")+'</a> '; |
153 |
} |
| 185 |
} |
154 |
return result; |
| 186 |
return result; |
155 |
}, |
| 187 |
} |
156 |
}, |
| 188 |
} |
157 |
], |
| 189 |
] |
158 |
}, |
| 190 |
}, 0, 0); |
159 |
0, |
| 191 |
|
160 |
0 |
| 192 |
var EDIModal = $("#EDI_modal"); |
161 |
); |
| 193 |
var EDIModalBody = $("#EDI_modal .modal-body"); |
|
|
| 194 |
|
| 195 |
$("body").on("click", ".view_message", function(e){ |
| 196 |
e.preventDefault(); |
| 197 |
var page = $(this).attr("href"); |
| 198 |
EDIModalBody.load(page + " #edimsg"); |
| 199 |
EDIModal.modal("show"); |
| 200 |
}); |
| 201 |
EDIModal.on("click",".btn-close",function(e){ |
| 202 |
e.preventDefault(); |
| 203 |
EDIModal.modal("hide"); |
| 204 |
}); |
| 205 |
EDIModal.on("hidden.bs.modal", function(){ |
| 206 |
EDIModalBody.html("<div id=\"loading\"><img src=\"[% interface | html %]/[% theme | html %]/img/spinner-small.gif\" alt=\"\" /> "+_("Loading")+"</div>"); |
| 207 |
}); |
| 208 |
|
| 209 |
const errorsModal = document.getElementById('EDI_errors_modal') |
| 210 |
if (errorsModal) { |
| 211 |
errorsModal.addEventListener('show.bs.modal', event => { |
| 212 |
// Link that triggered the modal |
| 213 |
const link = event.relatedTarget |
| 214 |
|
| 215 |
// Extract info from data-bs-* attributes |
| 216 |
const filename = link.getAttribute('data-bs-filename') |
| 217 |
const errors = link.getAttribute('data-bs-errors') |
| 218 |
|
| 219 |
// Update the modal's title. |
| 220 |
const modalTitleSpan = errorsModal.querySelector('.modal-title #EDI_errors_filename') |
| 221 |
modalTitleSpan.textContent = filename; |
| 222 |
|
| 223 |
// Update the modal's content. |
| 224 |
const modalBody = errorsModal.querySelector('.modal-body') |
| 225 |
modalBody.innerHTML = errors; |
| 226 |
}) |
| 227 |
} |
| 228 |
|
162 |
|
| 229 |
$("body").on("click", ".delete_msg" ,function(){ |
163 |
$("body").on("click", ".delete_msg", function () { |
| 230 |
return confirm(_("Are you sure you want to delete this message?")); |
164 |
return confirm(_("Are you sure you want to delete this message?")); |
| 231 |
}); |
165 |
}); |
| 232 |
}); |
166 |
}); |