').html(ui.item.label).text();
+ $('#label_$sFieldName').val(labelValue);
+ $('#label_$sFieldName').data('selected_value', labelValue);
+ $('#label_$sFieldName').attr('title',labelValue);
+ return false;
+ },
+ open: function (event, ui) {
+ // dialog tries to move above every .ui-front with _moveToTop(), we want to be above our parent dialog
+ var dialog = $(this).closest('.ui-dialog');
+ if (dialog.length > 0) {
+ $('.ui-autocomplete.ui-front').css('z-index', parseInt(dialog.css("z-index"))+1);
+ }
+ // UpdateDropdownPosition = function (oControlElem, oDropdownElem) {
+ // First fix width to ensure it's not too long
+ const fControlWidth = $(this).outerWidth();
+ $('.ui-autocomplete.selectize-dropdown:visible').css('width', fControlWidth);
+
+ // Then, fix height / position to ensure it's within the viewport
+ const fWindowHeight = window.innerHeight;
+
+ const fControlTopY = $(this).offset().top;
+ const fControlHeight = $(this).outerHeight();
+
+ const fDropdownTopY = $('.ui-autocomplete.selectize-dropdown:visible').offset().top;
+ // This one is "let" as it might be updated if necessary
+ let fDropdownHeight = $('.ui-autocomplete.selectize-dropdown:visible').outerHeight();
+ const fDropdownBottomY = fDropdownTopY + fDropdownHeight;
+
+ if (fDropdownBottomY > fWindowHeight) {
+ // Set dropdown max-height to 1/3 of the screen, this way we are sure the dropdown will fit in either the top / bottom half of the screen
+ $('.ui-autocomplete.selectize-dropdown:visible').css('max-height', '30vh');
+ fDropdownHeight = $('.ui-autocomplete.selectize-dropdown:visible').outerHeight();
+
+ // Position dropdown above input if not enough space on the bottom part of the screen
+ if ((fDropdownTopY / fWindowHeight) > 0.6) {
+ $('.ui-autocomplete.selectize-dropdown:visible').css('top', fDropdownTopY - fDropdownHeight - fControlHeight);
+ }
+ }
+ // this.ManageScroll = function () {
+ if ($('#label_$sFieldName').scrollParent()[0].tagName != 'HTML') {
+ $('#label_$sFieldName').scrollParent().on(['scroll.$sFieldName', 'resize.$sFieldName'].join(" "), function () {
+ setTimeout(function () {
+ me.ManageScrollInElement();
+ }, 50);
+ });
+ if ($('#label_$sFieldName').scrollParent().scrollParent()[0].tagName != 'HTML') {
+ $('#label_$sFieldName').scrollParent().scrollParent().on(['scroll.$sFieldName', 'resize.$sFieldName'].join(" "), function () {
+ setTimeout(function () {
+ me.ManageScrollInElement();
+ }, 50);
+ });
+ }
+ }
+ },
+ close: function (event, ui) {
+ if ($('#label_$sFieldName').scrollParent()[0].tagName != 'HTML') {
+ $('#label_$sFieldName').scrollParent().off('scroll.$sFieldName');
+ $('#label_$sFieldName').scrollParent().off('resize.$sFieldName');
+ if ($('#label_$sFieldName').scrollParent().scrollParent()[0].tagName != 'HTML') {
+ $('#label_$sFieldName').scrollParent().scrollParent().off('scroll.$sFieldName');
+ $('#label_$sFieldName').scrollParent().scrollParent().off('resize.$sFieldName');
+ }
+ }
+ }
+ })
+ .autocomplete("instance")._renderItem = function (ul, item) {
+ $(ul).addClass('selectize-dropdown');
+ let term = this.term.replace("/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi", "\\$1");
+ let val = '';
+ if (item.initials != undefined) {
+ if (item.picture_url != undefined) {
+ val = '
'+item.initials+'';
+ } else {
+ val = '
'+item.initials+'';
+ }
+ }
+ val = val+'
';
+ if (item.obsolescence_flag == '1') {
+ val = val+' ';
+ }
+ let labelValue = item.label.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)("+term+")(?![^<>]*>)(?![^&;]+;)", "gi"), "$1");
+ val = val+labelValue;
+ if (item.additional_field != undefined) {
+ val = val+'
'+item.additional_field+'';
+ }
+ val = val+'
';
+ return $("
")
+ .append(""+val+"
")
+ .appendTo(ul);
+ };
+
+ $('#label_$sFieldName').on('focus', function () {
+ // track whether the field has focus, we shouldn't process any
+ // results if the field no longer has focus
+ hasFocus++;
+ }).on('blur', function () {
+ hasFocus = 0;
+ if ($('#label_$sFieldName').val().length == 0) {
+ $('#$sFieldName').val('');
+ $('#label_$sFieldName').val('');
+ $('#label_$sFieldName').data('selected_value', '');
+ } else {
+ $('#label_$sFieldName').val($('#label_$sFieldName').data('selected_value'));
+ }
+ }).on('click',
+ function () {
+ hasFocus++;
+ $('#label_$sFieldName').autocomplete("search");
+ }).on('keyup',function () {
+ if ($('#label_$sFieldName').val().length == 0) {
+ if (!$('#label_$sFieldName').parent().find('.ibo-input-select--action-button--clear').hasClass('ibo-is-hidden')) {
+ $('#label_$sFieldName').parent().find('.ibo-input-select--action-button--clear').addClass('ibo-is-hidden');
+ }
+ } else {
+ if ($('#label_$sFieldName').parent().find('.ibo-input-select--action-button--clear').hasClass('ibo-is-hidden')) {
+ $('#label_$sFieldName').parent().find('.ibo-input-select--action-button--clear').removeClass('ibo-is-hidden');
+ }
+ }
+ });
+
+ var iPaddingRight = $('#$sFieldName').parent().find('.ibo-input-select--action-buttons')[0].childElementCount * 20+15;
+ $('#$sFieldName').parent().find('.ibo-input-select').css('padding-right', iPaddingRight);
+
+
+
+ if ($('#ac_dlg_{$sFieldName}').length == 0)
+ {
+ $('body').append('');
+ }
+JS
+ );
+ $sHTMLValue .= "');
+ }
+JS
+ );
+ }
+ if ($oAllowedValues->CountExceeds($iMaxComboLength)) {
+ $sHTMLValue .= " iId}\" onClick=\"oACWidget_{$this->iId}.Search();\" data-tooltip-content='".Dict::S('UI:Button:Search')."'>";
+ }*/
+ $sHTMLValue .= "