Bug 12904: Force browser to load new javascript files after upgrade
[koha_ffzg] / koha-tmpl / intranet-tmpl / prog / en / modules / acqui / edifactmsgs.tt
index 168b12a..fccd57f 100644 (file)
@@ -1,25 +1,21 @@
+[% USE KohaDates %]
+[% SET footerjs = 1 %]
 [% INCLUDE 'doc-head-open.inc' %]
-<title>Koha &rsaquo; Acquisitions</title>
-<link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />
+<title>Koha &rsaquo; Acquisitions &rsaquo; EDIFACT messages</title>
+<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/datatables_[% KOHA_VERSION %].css" />
 [% INCLUDE 'doc-head-close.inc' %]
-[% INCLUDE 'datatables.inc' %]
-<script type="text/javascript">
-$(document).ready(function() {
-    $('#edi_msgs').dataTable($.extend(true, {}, dataTablesDefaults, {
-        'aaSorting': [[1, "desc" ]],
-        'sPaginationType': "four_button"
-        }));
-});
-</script>
-
+<style type="text/css">
+#EDI_modal { width : 80%; } @media (max-width: 767px) { #EDI_modal { margin: 0; width : auto; } }
+</style>
 </head>
+
 <body id="acq_edifactmsgs" class="acq">
 [% INCLUDE 'header.inc' %]
 [% INCLUDE 'acquisitions-search.inc' %]
 <div id="breadcrumbs">
 <a href="/cgi-bin/koha/mainpage.pl">Home</a>
 &rsaquo; <a href="/cgi-bin/koha/acqui/acqui-home.pl">Acquisitions</a>
-&rsaquo; <a href="/cgi-bin/koha/acqui/edifactmsgs.pl">Edifact Messages</a>
+&rsaquo; <a href="/cgi-bin/koha/acqui/edifactmsgs.pl">EDIFACT messages</a>
 </div>
 
 <div id="doc3" class="yui-t2">
@@ -29,30 +25,32 @@ $(document).ready(function() {
     <div class="yui-b">
 
 
-<h1>Edifact Messages</h1>
+<h1>EDIFACT messages</h1>
 <div id="acqui_edifactmsgs">
 
-
+[% IF ( messages ) %]
 <table id="edi_msgs">
 <thead>
+<tr>
 <th>Type</th>
-<th>Transferred</th>
+<th class="title-string">Transferred</th>
 <th>Status</th>
 <th>Vendor</th>
 <th>Details</th>
 <th>Filename</th>
-<th> </th>
-<th>Action</th>
+<th>Actions</th>
+</tr>
 </thead>
 <tbody>
 [% FOREACH msg IN messages %]
 <tr>
 <td>[% msg.message_type %]</td>
-<td>[% msg.transfer_date %]</td>
+<td><span title="[% msg.transfer_date %]">[% msg.transfer_date | $KohaDates %]</span></td>
 <td>[% msg.status %]</td>
 <td>
-<a href="/cgi-bin/koha/acqui/supplier.pl?booksellerid=[% msg.vendor_id %]"</a>
-[% msg.vendor.name %]
+    <a href="/cgi-bin/koha/acqui/supplier.pl?booksellerid=[% msg.vendor_id %]">
+        [% msg.vendor.name %]
+    </a>
 </td>
 <td>
 [% IF msg.message_type == 'QUOTE' || msg.message_type == 'ORDERS' %]
@@ -68,11 +66,11 @@ $(document).ready(function() {
      </a>
 [% END %]
 </td>
-</td>
 <td>[% msg.filename %]</td>
-<td><a class="popup" target="_blank" title="View Message" href="/cgi-bin/koha/acqui/edimsg.pl?id=[% msg.id %]"</a>View Message</td>
-<td>
-<a href="/cgi-bin/koha/acqui/edifactmsgs.pl?op=delete&amp;message_id=[% msg.id %]">Delete</a>
+
+<td class="actions">
+    <a class="btn btn-default btn-xs view_message" target="_blank" href="/cgi-bin/koha/acqui/edimsg.pl?id=[% msg.id %]"><i class="fa fa-search"></i> View message</a>
+    <a class="btn btn-default btn-xs delete_msg" href="/cgi-bin/koha/acqui/edifactmsgs.pl?op=delete&amp;message_id=[% msg.id %]"><i class="fa fa-trash"></i> Delete</a>
 </td>
 </tr>
 [% END %]
@@ -80,6 +78,29 @@ $(document).ready(function() {
 </tbody>
 </table>
 
+<!-- Modal to display EDIFACT messages -->
+<div class="modal" id="EDI_modal" tabindex="-1" role="dialog" aria-labelledby="EDI_modal_label" aria-hidden="true">
+    <div class="modal-dialog">
+    <div class="modal-content">
+    <div class="modal-header">
+        <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <h3 id="EDI_modal_label">EDIFACT message</h3>
+    </div>
+    <div class="modal-body">
+        <div id="loading"> <img src="[% interface %]/[% theme %]/img/spinner-small.gif" alt="" /> Loading </div>
+    </div>
+    <div class="modal-footer">
+        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
+    </div>
+    </div>
+    </div>
+</div>
+
+
+[% ELSE %]
+    <div class="dialog message">There are no EDIFACT messages.</div>
+[% END %]
+
 </div>
 </div>
 </div>
@@ -87,4 +108,42 @@ $(document).ready(function() {
 [% INCLUDE 'acquisitions-menu.inc' %]
 </div>
 </div>
+
+[% MACRO jsinclude BLOCK %]
+    <script type="text/javascript" src="[% interface %]/[% theme %]/js/acquisitions-menu_[% KOHA_VERSION %].js"></script>
+    [% INCLUDE 'datatables.inc' %]
+    <script type="text/javascript">
+        $(document).ready(function() {
+            $('#edi_msgs').dataTable($.extend(true, {}, dataTablesDefaults, {
+                'aaSorting': [[1, "desc" ]],
+                'sPaginationType': "four_button",
+                "aoColumnDefs": [
+                    { "aTargets": [ -1 ], "bSortable": false, "bSearchable": false },
+                    { "sType": "title-string", "aTargets" : [ "title-string" ] }
+                ]
+            }));
+
+            var EDIModal = $("#EDI_modal");
+            var EDIModalBody = $("#EDI_modal .modal-body");
+
+            $(".view_message").on("click", function(e){
+                e.preventDefault();
+                var page = $(this).attr("href");
+                EDIModalBody.load(page + " #edimsg");
+                EDIModal.modal("show");
+            });
+            EDIModal.on("click",".closebtn",function(e){
+                e.preventDefault();
+                EDIModal.modal("hide");
+            });
+            EDIModal.on("hidden", function(){
+                EDIModalBody.html("<div id=\"loading\"><img src=\"[% interface %]/[% theme %]/img/spinner-small.gif\" alt=\"\" /> "+_("Loading")+"</div>");
+            });
+            $(".delete_msg").on("click",function(){
+                return confirm(_("Are you sure you want to delete this message?"));
+            });
+        });
+    </script>
+[% END %]
+
 [% INCLUDE 'intranet-bottom.inc' %]