From 6ce351652a037457e373dceb27bc0b606159e423 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Thu, 2 Mar 2023 14:40:42 +0100
Subject: [PATCH] Bug 33104: Display the VENDOR_INTERFACE_TYPE AVs in the
 dropdown list

---
 .../intranet-tmpl/prog/en/modules/acqui/supplier.tt  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/supplier.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/supplier.tt
index a9cf47f255b..70fe1818ae3 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/supplier.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/acqui/supplier.tt
@@ -373,7 +373,7 @@
                             <legend>[% i.name | html %]</legend>
                             <ul>
                                 [% IF i.type %]
-                                    <li>Type: [% i.type | html %]</li>
+                                    <li>Type: [% AuthorisedValues.GetByCode( 'VENDOR_INTERFACE_TYPE', i.type) | html %]</li>
                                 [% END %]
                                 [% IF i.uri %]
                                     <li>URI: [% i.uri | html %]</li>
@@ -588,6 +588,9 @@
             });
             refresh_interfaces();
         }
+        let av_select = {
+            VENDOR_INTERFACE_TYPE: $("[% PROCESS 'av-build-dropbox.inc', category="VENDOR_INTERFACE_TYPE" empty=1 | replace('\n', '') | replace('"', '\"') %]"),
+        };
         function refresh_interfaces(){
             let nodes = $("<div id='interfaces'></div>");
             interfaces.forEach((interface, i) => {
@@ -597,7 +600,7 @@
                 let ol = $('<ol class="interface-form"></ol>');
                 let attributes = [
                     { label: _("Name"),          name: 'name',          node: 'input' },
-                    { label: _("Type"),          name: 'type',          node: 'input' },
+                    { label: _("Type"),          name: 'type',          node: 'av_select', av_cat: 'VENDOR_INTERFACE_TYPE' },
                     { label: _("URI"),           name: 'uri',           node: 'input' },
                     { label: _("Login"),         name: 'login',         node: 'input' },
                     { label: _("Password"),      name: 'password',      node: 'input' },
@@ -611,6 +614,11 @@
                         li.append(`<input type="text" size="40" id="interface_${attribute.name}_${i}" name="interface_${attribute.name}_${i}" value="${interface[attribute.name]}" />`);
                     } else if ( attribute.node == 'textarea' ) {
                         li.append(`<textarea cols="40" rows="3" id="interface_${attribute.name}_${i}" name="interface_${attribute.name}_${i}">${interface[attribute.name]}</textarea>`);
+                    } else if ( attribute.node == 'av_select' ) {
+                        let select = av_select[attribute.av_cat].clone();
+                        select.attr('name', `interface_${attribute.name}_${i}`);
+                        select.find(`option[value='${interface[attribute.name]}']`).prop("selected", true);
+                        li.append(select);
                     }
                     ol.append(li);
                 });
-- 
2.25.1