//******************************************************************************************************//  gsf.web.primeui.js - Gbtc////  Copyright © 2016, Grid Protection Alliance.  All Rights Reserved.////  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See//  the NOTICE file distributed with this work for additional information regarding copyright ownership.//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this//  file except in compliance with the License. You may obtain a copy of the License at:////      http://opensource.org/licenses/MIT////  Unless agreed to in writing, the subject software distributed under the License is distributed on an//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the//  License for the specific language governing permissions and limitations.////  Code Modification History://  ----------------------------------------------------------------------------------------------------//  04/08/2016 - J. Ritchie Carroll//       Generated original version of source code.////******************************************************************************************************// ReSharper disable UndeclaredGlobalVariableUsing // Grid Solutions Framework Core Web PrimeUI Extension Script Functions"use strict"; // Get access to PrimeUI widget, e.g.: var autoCompletePanel = getPrimeUIWidget($("#myInputText"), "puiautocomplete").panelfunction getPrimeUIWidget(jqueryElement, widgetType) {    return jqueryElement.data("primeui-" + widgetType);} // Adds auto-complete lookup functionality to an input field element associated with a paged-view model function initializeAutoCompleteLookupField(fieldName, loadRecordsHubFunction, isObservable, addInputGroup, addShowAllDropDown, limit) {    if (isObservable === undefined)        isObservable = true;     if (addInputGroup === undefined)        addInputGroup = true;     if (addShowAllDropDown === undefined)        addShowAllDropDown = true;     if (limit === undefined)        limit = 50;     const inputFieldID = "input" + fieldName;    const inputField = $("#" + inputFieldID);     // Turn off browser remembered field values when doing auto-complete lookups    inputField.attr("autocomplete", "off");     if (addInputGroup)        inputField.wrap("<div class=\"input-group\"></div>");     if (addShowAllDropDown && viewModel.canEdit()) {        // Insert drop-down button after input field        inputField.after("<span id=\"" + inputFieldID + "ShowAll\" class=\"input-group-addon\" data-bind=\"style: {'cursor': ($root.recordMode()===RecordMode.View ? 'not-allowed' : 'pointer')}, visible: $root.recordMode()!==RecordMode.View\"><i class=\"glyphicon glyphicon-triangle-bottom\"></i></span>");         const inputFieldDropDown = $("#" + inputFieldID + "ShowAll");         // Set on-click handler for drop-down button        inputFieldDropDown.click(function() {            // Search all records when user clicks drop-down button            if (viewModel.dataHubIsConnected() && viewModel.recordMode() !== RecordMode.View)                inputField.puiautocomplete("search", "");        });         // Apply data bindings to newly added drop-down button        ko.applyBindings(viewModel, inputFieldDropDown[0]);    }     inputField.puiautocomplete({        effect: "fade",        effectSpeed: "fast",        forceSelection: true,        completeSource: function(request, response) {            const self = this;             if (viewModel.dataHubIsConnected()) {                loadRecordsHubFunction(request.query, limit).done(function(records) {                    if (limit > 0 && records.length >= limit) {                        records.push({ id: null, label: "Search results truncated..." });                    }                     response.call(self, records);                     // Set z-index of panel to be above pop-up dialog                    self.panel.css("z-index", $("#addNewEditDialog").css("z-index") + 1);                     // Auto-size panel to full width of input field area (including input group buttons)                    setTimeout(function() { self.panel.width(inputField.parent().parent().width()); }, 25);                });            }        }    });     if (isObservable) {        inputField.puiautocomplete({            select: function(event, item) {                // Make sure knockout sees any selection - it can't always pickup non-user initiated changes                if (item)                    viewModel.currentRecord()[fieldName](item.text());            }        });    }     // Override jQuery UI display style added by puiautocomplete (messes with bootstrap form-element formatting)    inputField.parent().css("display", "inline");}