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 |
}); |