\");\r\n\r\n $(list).append(div);\r\n $(list).scrollTop($(list).scrollTop() + $(div).position().top);\r\n\r\n // attach the on-delete behavior\r\n $(\"img.deletelistitem\", div).on(\"click\", function () {\r\n $(this).closest(\"div.listitem\").remove();\r\n });\r\n}\r\n\r\nfunction removeMultiSelectItem(key, list?) {\r\n if (list === undefined || list == null)\r\n list = _currentMultiSelectList;\r\n\r\n if (list == null){\r\n var idx = _simpleMultiSelectList.indexOf(key);\r\n if (idx >= 0){\r\n _simpleMultiSelectList.splice(idx, 1);\r\n _selectedDescriptions.splice(idx, 1);\r\n }\r\n return;\r\n }\r\n\r\n var item = null;\r\n $(\"div.listitem\", list).each(function () {\r\n if ($(this).data(\"value\") == key)\r\n item = $(this);\r\n });\r\n\r\n if (item != null)\r\n $(item).remove();\r\n}\r\n\r\nfunction clearBulkActionSelections() {\r\n var url = window.frames[0].location.href\r\n if (url.includes(\"BulkAction\")) {\r\n _simpleMultiSelectList = [];\r\n _selectedDescriptions = [];\r\n }\r\n}\r\n\r\nfunction initGridCollapseColumns(subset)\r\n{\r\n var showMore = function (e) {\r\n $(e.currentTarget).parent().addClass('hidden');\r\n $(e.currentTarget).parent().next().removeClass('hidden').find('a.showLessGridColumn').attr(\"aria-expanded\", \"true\").focus();\r\n e.preventDefault();\r\n }\r\n\r\n var showLess = function (e) {\r\n $(e.currentTarget).parent().addClass('hidden');\r\n $(e.currentTarget).parent().prev().removeClass('hidden').find('a.showMoreGridColumn').attr(\"aria-expanded\", \"false\").focus();\r\n e.preventDefault();\r\n }\r\n\r\n //listening keydown on space bar is necessary for accessibility\r\n $(subset).find('a.showMoreGridColumn').click(showMore).keydown(function (e) { if (e.which == 32) showMore(e) });\r\n $(subset).find('a.showLessGridColumn').click(showLess).keydown(function (e) { if (e.which == 32) showLess(e) });\r\n}\r\n\r\nfunction initMultiSelects(subset) {\r\n $(\"div.multiselectlookuplist\", subset).each(function () {\r\n var initial = $(this).data(\"initialvalues\");\r\n\r\n if (initial != null && initial.length > 0) {\r\n var keys = eval(initial);\r\n for (var i in keys) {\r\n var code = keys[i];\r\n addMultiSelectItem(code.Key, code.Description, this);\r\n }\r\n }\r\n });\r\n\r\n $(\"div.multiselectlookuplist div.listitem img.deletelistitem\", subset).on(\"click\", function () {\r\n $(this).closest(\"div.listitem\").remove();\r\n });\r\n\r\n $(\"input.multiselectadderid:hidden\", subset).on(\"change\", function () {\r\n\r\n var input = $(\"input.inputLookup\", $(this).closest(\"div.adder\"));\r\n\r\n var key = $(this).val();\r\n if (key == null || key.trim().length == 0) {\r\n return;\r\n }\r\n\r\n var text = $(input).val();\r\n\r\n var list = $(\"div.multiselectlookuplist\", $(this).closest(\"div.multiselectlookup\"));\r\n addMultiSelectItem(key, text, list);\r\n\r\n $(this).val(\"\");\r\n $(input).val(\"\");\r\n\r\n $(input).trigger(\"focus\");\r\n });\r\n}\r\n\r\nfunction doSearch(trigger, url) {\r\n\r\n console.log('Search URL: ' + url);\r\n\r\n if (trigger) {\r\n var inline = $(trigger).closest(\"div.inlineExternal\");\r\n if (inline.length > 0) {\r\n\r\n inline.data(\"origamiurl\", url);\r\n ajaxLoadPanel(inline, false);\r\n return;\r\n\r\n }\r\n }\r\n\r\n window.location = url;\r\n}\r\n\r\n//#endregion\r\n\r\nvar csrfHrefCalled = false;\r\n\r\nfunction handlePostActionLinks(subset) {\r\n $(\".postAction[onclick]\", subset).each(function (k, t) {\r\n var onclickAttr = $(this).attr(\"onclick\");\r\n $(t).attr(\"onclick\", null);\r\n $(t).attr(\"data-onclick\", onclickAttr);\r\n });\r\n\r\n $(\".postAction\", subset).on('click',function (event) {\r\n event.stopImmediatePropagation();\r\n event.preventDefault();\r\n event.stopPropagation();\r\n var onclickAttr = $(this).attr(\"data-onclick\");\r\n if (typeof onclickAttr != 'undefined' && onclickAttr != '') {\r\n var onclickFunc = new Function(onclickAttr);\r\n if (onclickFunc.call(this) === false)\r\n return false;\r\n }\r\n\r\n if (!csrfHrefCalled)\r\n postCRSFHref($(this).attr(\"href\"));\r\n return false;\r\n });\r\n}\r\n\r\nfunction postCRSFHref(href) {\r\n csrfHrefCalled = true;\r\n var cloneInput = $(\"#_csrfPostForm > input[name='__AjaxRequestVerificationToken']\").clone();\r\n\r\n $(cloneInput).attr(\"name\", \"__RequestVerificationToken\");\r\n\r\n var form;\r\n form = $('
', {\r\n action: href,\r\n method: \"post\",\r\n style: 'display: none;'\r\n });\r\n\r\n $(cloneInput).appendTo(form);\r\n form.appendTo('body').trigger(\"submit\");\r\n}\r\n\r\nfunction initializeAll(subset) {\r\n\r\n try {\r\n\r\n handlePostActionLinks(subset);\r\n\r\n handleTextAreaCarriageReturns();\r\n\r\n handleTextAreaMaxLength();\r\n\r\n initMultiSelects(subset);\r\n\r\n initGridCollapseColumns(subset);\r\n\r\n $(\"div.origamiformidentifier[data-formrepoids]\", subset).each(function () {\r\n var repoids = $(this).attr(\"data-formrepoids\");\r\n var allids = repoids.split(\",\");\r\n if (allids == null || allids.length == 0)\r\n return;\r\n\r\n var baseUrl = window.location.origin + getServerAppRoot();\r\n var formsUrl = baseUrl + \"Forms/ViewByRepoID?repoID=\";\r\n\r\n if (allids.length == 1) {\r\n console.log(\"Form Definition RepoID: \" + allids[0] + \" -> \" + formsUrl + encodeURIComponent(allids[0]));\r\n }\r\n else if (allids.length > 1) {\r\n console.log(\"Form Definition RepoIDs:\");\r\n for (var i in allids) {\r\n console.log(\" \" + allids[i] + \" -> \" + formsUrl + encodeURIComponent(allids[i]));\r\n }\r\n }\r\n });\r\n\r\n $(\"input.formCheckbox\", subset).on(\"change\", function () {\r\n\r\n $(this).next().val($(this).prop(\"checked\") ? \"True\" : \"False\").trigger(\"change\");\r\n\r\n });\r\n\r\n $(\"a.thumbnail-preview, span.thumbnail-preview\", subset).each(function () {\r\n var myThis: any = $(this)[0];\r\n var ThumbnailHoverConfig =\r\n {\r\n sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)\r\n interval: 500, // number = milliseconds for onMouseOver polling interval\r\n timeout: 0, // number = milliseconds delay before onMouseOut\r\n over: function (e) {\r\n myThis.t = myThis.title;\r\n myThis.title = \"\";\r\n var xOffset = 30;\r\n var yOffset = 30;\r\n var maxWidth = 400;\r\n var xInitial;\r\n var caption = (myThis.t != \"\") ? \"
\" + myThis.t : \"\";\r\n $(\"body\").append(\"
![Image preview]()
\" + caption + \"
\");\r\n\r\n if (e.pageX > ($(window).width() / 2))\r\n xInitial = e.pageX - $(\"#thumbpreview\").width() - xOffset;\r\n else\r\n xInitial = e.pageX + xOffset;\r\n\r\n $(\"#thumbpreview\")\r\n .css(\"top\", (e.pageY - yOffset) + \"px\")\r\n .css(\"left\", (xInitial) + \"px\")\r\n .fadeIn(\"slow\");\r\n\r\n $(\"#thumbpreview img\").attr('src', $(myThis).data('src'));\r\n\r\n //attach event handler\r\n $(\"#thumbpreview img\").on('load', function () {\r\n var windowBottom = $(window).scrollTop() + $(window).height();\r\n var windowRight = $(window).width();\r\n var imgHeight = $(this).height();\r\n var imgWidth = $(this).width();\r\n var imgTop = $(this).offset().top;\r\n var imgLeft = $(this).offset().left;\r\n\r\n if ((imgTop + imgHeight) > windowBottom - 75) {\r\n $(\"#thumbpreview\")\r\n .css(\"top\", (windowBottom - imgHeight - 75) + \"px\");\r\n }\r\n if ((imgLeft + imgWidth) > windowRight - 300) {\r\n $(\"#thumbpreview\")\r\n .css(\"left\", (e.pageX - imgWidth - xOffset) + \"px\");\r\n }\r\n });\r\n\r\n },\r\n out: function () {\r\n myThis.title = myThis.t;\r\n $(\"#thumbpreview\").remove();\r\n }\r\n }\r\n\r\n $(this).hoverIntent(ThumbnailHoverConfig);\r\n });\r\n\r\n const measureSpan = $(\"
\", { \"class\": \"pageNumber-measure\" }).appendTo($(\"div.pager\"));\r\n const pageNumberInput = $(\"div.pager input.pageNumber\", subset);\r\n const syncWidth = () => {\r\n $(measureSpan).html(pageNumberInput.val());\r\n pageNumberInput.width(`${measureSpan.width()}px`);\r\n };\r\n syncWidth(); // make sure the width is adjusted when page is loaded\r\n pageNumberInput.on('keyup', function (event) {\r\n\r\n if (event.keyCode == 13) {\r\n var newPage = $(this).val();\r\n var pageCount = $(this).data(\"pagecount\");\r\n if ((pageCount > 0 && newPage > pageCount) || newPage <= 0) {\r\n alert(\"Invalid Page entry.\");\r\n return false;\r\n }\r\n var url = $(this).data(\"src\").replace(\"page={pageN}\", \"page=\" + newPage);\r\n window.location = url;\r\n }\r\n else { // allow the width of the pageNumber input field to dynamically adjust\r\n syncWidth();\r\n }\r\n });\r\n\r\n if (jQuery().qtip) {\r\n $(\"a.jTipAjax\", subset).each(function () {\r\n $(this).qtip({\r\n content: {\r\n text: 'Loading...',\r\n ajax: {\r\n url: $(this).attr('rel')\r\n },\r\n title: {\r\n text: $(this).attr('name')\r\n }\r\n },\r\n position: {\r\n my: 'left center',\r\n at: 'right center',\r\n viewport: $(window),\r\n effect: false\r\n },\r\n style: {\r\n classes: 'qtip-origami ' + $(this).data('tooltipstyle')\r\n }\r\n })\r\n });\r\n\r\n $(\"a.jTipInline\", subset).each(function () {\r\n var style = $(this).data('tooltipstyle');\r\n if (style != '' && style != null && style != undefined)\r\n style = ' ' + style;\r\n else\r\n style = '';\r\n\r\n $(this).qtip({\r\n content: {\r\n text: $(\"div.tooltipcontent\", this).text(),\r\n title: {\r\n text: $(this).attr('name')\r\n }\r\n },\r\n position: {\r\n my: 'left center',\r\n at: 'right center',\r\n viewport: $(window),\r\n effect: false\r\n },\r\n style: {\r\n classes: 'qtip-origami' + style\r\n }\r\n })\r\n });\r\n }\r\n\r\n $(\"a.cancelPopup\", subset).on('click', function () {\r\n var searchParams = new URLSearchParams(window.location.search);\r\n\r\n TryHideParentPopup();\r\n });\r\n\r\n $(\".linkIcon\").on('click',function () {\r\n var href: any = $(this).attr(\"href\");\r\n if (href != null && href.length > 0) {\r\n if ($(this).hasClass(\"thickbox\")) {\r\n openThickboxPopup(href);\r\n } else {\r\n window.location = href;\r\n }\r\n }\r\n });\r\n\r\n $('button.search', subset).each(function () {\r\n var divId = $(this).data('divid');\r\n if (divId == undefined || divId == null)\r\n return;\r\n\r\n var button = $(this);\r\n\r\n $(this).closest(\"#\" + divId).find(\":input\").on(\"keydown\", function (event) {\r\n if (event.keyCode == 13) {\r\n event.preventDefault();\r\n button.trigger(\"click\");\r\n }\r\n });\r\n });\r\n\r\n $('button.clearSearch', subset).on('click',function () {\r\n\r\n var divId = $(this).data('divid');\r\n if (divId == undefined || divId == null)\r\n return;\r\n\r\n // Clear the hidden inputs for the multi-select searches\r\n $('input[type=hidden][name^=__multiselectsearch_]').each(function () {\r\n $(this).val('');\r\n });\r\n\r\n // Clear the checkboxes for the multi-select searches\r\n $('input[type=checkbox][name^=__multiselectsearch_]').each(function () {\r\n $(this).prop(\"checked\", false);\r\n });\r\n\r\n // reset all values\r\n $(this).closest(\"#\" + divId).find(\":input:not(.constant,:button)\").val(\"\");\r\n\r\n $(this).closest(\"#\" + divId).find(\".chosen-select\").val('').trigger(\"chosen:updated\");\r\n });\r\n\r\n // popup menu\r\n $('button.menu', subset).one('click', openMenu);\r\n\r\n $('td.money', subset).each(function () {\r\n if (parseFloat(GetRawInvariantNumber($(this).text())) < 0) {\r\n $(this).addClass('red');\r\n }\r\n });\r\n\r\n $('td.link', subset).on(\"mouseenter\", function () {\r\n $(this).addClass('highlight');\r\n }).on(\"mouseleave\",\r\n function () {\r\n $(this).removeClass('highlight');\r\n }\r\n );\r\n\r\n //Search Control - Date Fields:\r\n $('input.searchInputDate:not(.inputDate)', subset).each(function () {\r\n applyDateInputMasking($(this));\r\n });\r\n\r\n $(\"input[type='text']\", subset).addClass('textInput');\r\n\r\n $(\"input.socialsecurity\", subset).maskedInput({ mask: \"ssn\" });\r\n\r\n $(\"input.socialsecurity_partial\", subset).maskedInput({ mask: \"ssn_partial\" });\r\n $(\"input.socialsecurity_partial\", subset).attr(\"placeholder\", \"9999\");\r\n\r\n $(\"input.fein\", subset).maskedInput({ mask: \"fein\" });\r\n\r\n $(\"span.passwordInputShow\", subset).on('click',function () {\r\n var textField = $(this).closest(\"span.value\").find('input[name]')[0];\r\n if (typeof textField == 'undefined')\r\n return;\r\n\r\n var showText = $(this).hasClass(\"faded\");\r\n\r\n if (showText)\r\n $(textField).attr('type', 'text');\r\n else\r\n $(textField).attr('type', 'password');\r\n\r\n $(this).toggleClass(\"faded\");\r\n });\r\n\r\n $('input.inputDate', subset).each(function () {\r\n //Don't add a date lookup button if the input field is read-only. ORDEV-10718\r\n if (!$(this).attr(\"readOnly\")) {\r\n initializeDateControl(this);\r\n }\r\n });\r\n\r\n $('input.integerPicker', subset).each(function () {\r\n initializeIntegerSpinnerControl(this);\r\n });\r\n\r\n $(\".ui-datepicker-trigger\").each(function () {\r\n $(this).attr('aria-label', 'Click to select date from calendar');\r\n $(this).attr('title', 'Click to select date from calendar');\r\n });\r\n\r\n $('input.relativeDatePicker', subset).each(function () {\r\n initializeRelativeDatePicker(this);\r\n });\r\n\r\n // ensure that maskedInput function is loaded\r\n if (typeof initMaskedInput == 'function') {\r\n $('input.masked', subset).maskedInput();\r\n $('input.maskedDecimal', subset).each(function () { initializeDecimalControl(this) });\r\n $('input.maskedInteger', subset).each(function () { initializeIntegerControl(this) });\r\n $('input.maskedDigitsOnly', subset).each(function () { initializeDigitsOnlyControl(this) });\r\n }\r\n\r\n\t\t// Disable inputs (including buttons) in disabled li, but still allow unmasking of sensitive fields\r\n $(\"li.disabled :input:not(.sensitiveFieldButton)\").attr(\"disabled\", \"disabled\").addClass(\"locked\");\r\n $(\"li.disabled .lookupImage\").hide();\r\n $(\"li.disabled .ui-datepicker-trigger\").hide();\r\n\r\n $('input.inputTime', subset).each(function () {\r\n initializeTimeControl(this);\r\n });\r\n\r\n $('input.inputTime24', subset).each(function () {\r\n initializeTime24Control(this);\r\n });\r\n\r\n $('input.inputLookup', subset).each(function () {\r\n initializeInputLookup(this);\r\n });\r\n\r\n $('#relativeDatePicker a', subset).on('click',function () {\r\n $(pickerCurrentInput).val($(this).attr(\"alt\"));\r\n $(pickerCurrentInput).trigger(\"change\");\r\n closePopup($(\"#relativeDatePicker\"), null);\r\n });\r\n\r\n if ($.datepicker) {\r\n $('#relativeDatePicker_staticDate', subset).datepicker({\r\n changeMonth: true,\r\n changeYear: true,\r\n showOtherMonths: true,\r\n selectOtherMonths: true,\r\n beforeShowDay: isDateAvailable,\r\n yearRange: '-100:+30',\r\n onSelect: function (dateText) {\r\n $(pickerCurrentInput).val(dateText);\r\n $(pickerCurrentInput).trigger(\"change\");\r\n closePopup($(\"#relativeDatePicker\"), null);\r\n }\r\n });\r\n }\r\n\r\n $('div.fieldPicker a', subset).on('click',function () {\r\n $(pickerCurrentInput).val($(this).attr(\"alt\"));\r\n });\r\n\r\n $('div.inlineExternal', subset).each(function () {\r\n\r\n if ($(this).is('.hidden-saveAndContinue'))\r\n return;\r\n\r\n ajaxLoadPanel($(this), true);\r\n });\r\n\r\n $(\".inlineAnchor\", subset).on('click',function () {\r\n\r\n var url = $(this).data(\"origamiurl\");\r\n if (url == null || url.trim().length == 0)\r\n return;\r\n\r\n var parent = $(this).closest(\"div.inlineExternal\");\r\n if (parent.length == 0)\r\n return;\r\n\r\n parent.data(\"origamiurl\", url);\r\n ajaxLoadPanel(parent, false);\r\n });\r\n\r\n $('div.collapseDetails div.collapseMarker:first', subset).each(function () { collapseDetails(this); });\r\n\r\n initializeExpanders(subset);\r\n\r\n initializeConfigurablePanels();\r\n\r\n //OUT OF OFFICE\r\n $('a.turnoffoutofficebanner', subset).on('click',function () {\r\n var url = getServerAppRoot() + \"OutOfOfficeDetails/CloseOutOfOfficeFromBanner\";\r\n $.get(url, function (data) {\r\n if (data.status == \"fail\") {\r\n statusErrorMessage(data.message);\r\n } else {\r\n $('div.outofoffice.message').hide();\r\n }\r\n });\r\n });\r\n\r\n //Save and Continue Button on Grid Panels\r\n $(\"button.saveAndContinueGridPanel\", subset).on('click', function () {\r\n var autoAddDomain = null;\r\n var validateRequired = ($(this).hasClass(\"validateRequired\"));\r\n var applyValidations = ($(this).hasClass(\"applyValidations\"));\r\n if ($(this).hasClass(\"autoAdd\")) {\r\n autoAddDomain = $(this).data(\"domain\");\r\n }\r\n\r\n if ($(this).hasClass(\"inlineSave\"))\r\n saveAndContinueInline($(this), 'entryForm', validateRequired, applyValidations);\r\n else\r\n submitSaveAndContinue('entryForm', autoAddDomain, validateRequired, applyValidations);\r\n });\r\n\r\n $(\"ul.buttonGroup:not(.viewonly)\", subset).each(function () {\r\n var fieldname = $(this).data(\"fieldname\");\r\n if (fieldname == null)\r\n return;\r\n\r\n var inputctl = $(\":hidden[name='\" + fieldname + \"']\");\r\n var startval = inputctl.val();\r\n if (startval != \"\") {\r\n $('li[data-value=\"' + startval + '\"]', this).addClass(\"selected\");\r\n }\r\n\r\n $(\"li\", this).on('click',function () {\r\n if ($(this).hasClass(\"selected\")) {\r\n $(this).removeClass(\"selected\");\r\n $(inputctl).val(\"\").trigger(\"change\");\r\n return;\r\n }\r\n\r\n var ul = $(this).closest(\"ul\");\r\n $(\"li\", ul).removeClass(\"selected\");\r\n\r\n $(this).addClass(\"selected\");\r\n $(inputctl).val($(this).data(\"value\")).trigger(\"change\");\r\n });\r\n });\r\n\r\n $(\"div.image-slideshow\", subset).each(function () {\r\n var images = $(\".slide-image\", this);\r\n if (images.length == 0)\r\n return;\r\n\r\n $(images).eq(0).addClass(\"active\").show();\r\n\r\n var fadeInSeconds = $(this).data(\"fadeInSeconds\");\r\n var retainSeconds = $(this).data(\"retainSeconds\");\r\n\r\n if (fadeInSeconds == null)\r\n fadeInSeconds = 3;\r\n\r\n if (retainSeconds == null)\r\n retainSeconds = 5;\r\n\r\n var div = $(this);\r\n\r\n setInterval(function () { cycleSlideShow(div, fadeInSeconds * 1000) }, retainSeconds * 1000);\r\n });\r\n\r\n initSensitiveFields(subset);\r\n\r\n initializeToolTips(subset);\r\n\r\n initializeSignalRProxies();\r\n }\r\n catch (err) {\r\n console.error(err);\r\n }\r\n finally {\r\n notifyInitLoaded(subset);\r\n }\r\n}\r\n\r\nfunction cycleSlideShow(div, fadeIn) {\r\n\r\n var $active = $('.slide-image.active', div);\r\n var $next = ($active.next('.slide-image').length > 0) ? $active.next('.slide-image') : $('.slide-image', div).first();\r\n\r\n $next.css('z-index', 2).show();\r\n $active.fadeOut(fadeIn, function () {\r\n $active.css('z-index', 1).show().removeClass('active');\r\n $next.css('z-index', 3).addClass('active');\r\n });\r\n\r\n}\r\n\r\nfunction ieOrOldEdge() {\r\n return (document.documentMode || /Edge/.test(navigator.userAgent));\r\n}\r\n\r\nfunction initializeToolTips(subset) {\r\n\r\n var tippyDefaultOptions = {\r\n theme: (typeof getToolTipTheme === 'function' ? getToolTipTheme() : 'dark'),\r\n animateFill: false,\r\n interactive: true,\r\n placement: \"top-start\",\r\n a11y: (typeof getCurrentUserUsesAssistiveTechnology === 'function' ? getCurrentUserUsesAssistiveTechnology() : 0) == 1\r\n };\r\n\r\n var tippyAjaxDefaultOptions = {\r\n content: 'Loading...',\r\n animateFill: false,\r\n animation: 'fade',\r\n flipOnUpdate: true,\r\n a11y: (typeof getCurrentUserUsesAssistiveTechnology === 'function' ? getCurrentUserUsesAssistiveTechnology() : 0) == 1\r\n };\r\n\r\n $(\"[data-tippy-content]\", subset).each(function () {\r\n var useOptions: any = tippyDefaultOptions;\r\n if (typeof $(this).attr('data-tippy-max-width') != 'undefined')\r\n useOptions.maxWidth = $(this).attr('data-tippy-max-width');\r\n\r\n if (ieOrOldEdge()) {\r\n if ($(this).parent('label[title]').length > 0)\r\n useOptions.placement = \"right-start\";\r\n }\r\n\r\n var thisTippy = tippy(this, useOptions);\r\n\r\n if (thisTippy) {\r\n thisTippy.props.onMount = function (instance) {\r\n shrinkTooltipIfNecessary(instance);\r\n }\r\n }\r\n });\r\n\r\n $(\"[data-tippy-image]\", subset).each(function () {\r\n var useOptions: any = tippyDefaultOptions;\r\n var srcUrl = $(this).attr('data-tippy-image');\r\n var title = $(this).attr('data-title') || \"\";\r\n var maxWidth = $(this).attr('data-tippy-max-width') || \"400px\";\r\n var lightbox = $(this).is(\"[data-uselightbox]\");\r\n\r\n useOptions.maxWidth = maxWidth;\r\n useOptions.placement = \"left-end\";\r\n useOptions.theme = \"dark\";\r\n useOptions.interactive = true;\r\n useOptions.delay = [500,0];\r\n\r\n var thisTippy = tippy(this, useOptions);\r\n if (thisTippy === undefined)\r\n return;\r\n\r\n thisTippy.props.onShow = function (instance) {\r\n if (instance.state.ajax === undefined) {\r\n instance.state.ajax = {\r\n isFetching: false,\r\n canFetch: true\r\n };\r\n }\r\n\r\n if (instance.state.ajax.isFetching || !instance.state.ajax.canFetch) {\r\n return;\r\n }\r\n\r\n const divThumbnail = document.createElement(\"div\");\r\n divThumbnail.classList.add(\"tippy-image\");\r\n divThumbnail.style.display = \"block\";\r\n\r\n const spanContainer = document.createElement(\"div\");\r\n spanContainer.classList.add(\"tippy-filename-icon\");\r\n spanContainer.innerHTML = \"
\" + title;\r\n spanContainer.style[\"padding-bottom\"] = \"4px\";\r\n spanContainer.style[\"text-align\"] = \"center\";\r\n spanContainer.style.display = \"block\";\r\n\r\n const imgContainer = document.createElement(\"div\");\r\n imgContainer.style.display = 'block';\r\n\r\n const image = new Image()\r\n image.style[\"max-width\"] = maxWidth;\r\n image.src = srcUrl;\r\n image.style[\"text-align\"] = \"center\";\r\n image.style.display = \"none\";\r\n \r\n if(lightbox)\r\n image.title = \"Click to show full screen\";\r\n\r\n imgContainer.appendChild(image);\r\n\r\n divThumbnail.appendChild(spanContainer);\r\n divThumbnail.appendChild(imgContainer);\r\n\r\n instance.setContent(divThumbnail)\r\n\r\n $(image).on('load', function(){\r\n instance.state.ajax.isFetching = false;\r\n $(image).parent().siblings().find(\"i\").remove();\r\n\r\n if(lightbox)\r\n {\r\n $(image).addClass(\"clickable\");\r\n $(image).on('click',function() {\r\n if(typeof instance.reference != 'undefined')\r\n {\r\n $(instance.reference).siblings(\"a[data-lightbox]\").trigger(\"click\");\r\n instance.hide(300);\r\n }\r\n });\r\n }\r\n\r\n $(image).fadeIn(300);\r\n });\r\n };\r\n\r\n thisTippy.props.onHidden = function (instance) {\r\n instance.setContent('Loading...');\r\n instance.state.ajax.canFetch = true;\r\n };\r\n });\r\n\r\n $(\"[data-tippy-ajax-file]\", subset).each(function () {\r\n\r\n var useOptions: any = tippyDefaultOptions;\r\n for (var attrname in tippyAjaxDefaultOptions) { useOptions[attrname] = tippyAjaxDefaultOptions[attrname]; }\r\n\r\n if (typeof $(this).attr('data-tippy-max-width') != 'undefined')\r\n useOptions.maxWidth = $(this).attr('data-tippy-max-width');\r\n\r\n var thisTippy = tippy(this, useOptions);\r\n\r\n\r\n try {\r\n\r\n thisTippy.props.onShow = function (instance) {\r\n if (instance.state.ajax === undefined) {\r\n instance.state.ajax = {\r\n isFetching: false,\r\n canFetch: true\r\n };\r\n }\r\n\r\n if (instance.state.ajax.isFetching || !instance.state.ajax.canFetch) {\r\n return;\r\n }\r\n\r\n $.get($(instance.reference).attr('data-tippy-ajax-file'), function (data) {\r\n instance.setContent(data);\r\n\r\n if (data != null && data.includes(\"googleMap\")) {\r\n $(\"div.googleMap\", instance.popper).each(function () {\r\n initializeMap(this);\r\n });\r\n }\r\n\r\n if (data != null && !data.includes(\"googleMap\")) {\r\n shrinkTooltipIfNecessary(instance);\r\n }\r\n })\r\n .always(function () {\r\n instance.state.ajax.isFetching = false;\r\n });\r\n };\r\n\r\n thisTippy.props.onHidden = function (instance) {\r\n instance.setContent('Loading...');\r\n instance.state.ajax.canFetch = true;\r\n };\r\n\r\n } catch (error) {\r\n //console.error(error);\r\n // expected output: ReferenceError: nonExistentFunction is not defined\r\n // Note - error messages will vary depending on browser\r\n }\r\n });\r\n}\r\n\r\nfunction initializeExpanders(subset) {\r\n\r\n $(subset).find('.expander.expanded img').not('.white').attr('src', '/Content/images/expanded-arrow-down.png');\r\n\r\n $(subset).find('.expander.expanded img.white').attr('src', '/Content/images/expanded-arrow-down-white.png');\r\n\r\n $(subset).find('.expander.collapsed img').not('.white').attr('src', '/Content/images/collapsed-arrow-right.png');\r\n\r\n $(subset).find('.expander.collapsed img.white').attr('src', '/Content/images/collapsed-arrow-right-white.png');\r\n\r\n $(subset).find('.expander.collapsed').each(function () {\r\n $(this).closest('.expand-section').siblings('.expand-content').hide();\r\n });\r\n\r\n $(subset).find('.expander').on('click',function () {\r\n var hide = false;\r\n //If we're clicking somewhere in the div other than the element with the expanded/collapsed class on it, we don't trigger the expand/collapse.\r\n if (!$(this).hasClass(\"expanded\") && !$(this).hasClass(\"collapsed\")) {\r\n return;\r\n }\r\n if ($(this).hasClass('expanded'))\r\n hide = true;\r\n\r\n if (hide == true) {\r\n $(this).closest('.expand-section').siblings('.expand-content').slideUp('fast');\r\n $(this).find('img').not('.white, .inlineIcon').attr('src', '/Content/images/collapsed-arrow-right.png');\r\n $(this).find('img.white').attr('src', '/Content/images/collapsed-arrow-right-white.png');\r\n screenReaderMessage('Section collapsed', false);\r\n }\r\n else {\r\n $(this).closest('.expand-section').siblings('.expand-content').slideDown('fast');\r\n $(this).find('img').not('.white, .inlineIcon').attr('src', '/Content/images/expanded-arrow-down.png');\r\n $(this).find('img.white').attr('src', '/Content/images/expanded-arrow-down-white.png');\r\n screenReaderMessage('Section expanded', false);\r\n }\r\n $(this).toggleClass('expanded');\r\n $(this).toggleClass('collapsed');\r\n return true;\r\n });\r\n}\r\n\r\nfunction onPanelExpanderClick() {\r\n var hide = false;\r\n if ($(this).hasClass('expanded'))\r\n hide = true;\r\n\r\n var header = $(this).parent();\r\n var content = $(header).siblings();\r\n\r\n if (hide == true) {\r\n $(content).each(function () {\r\n $(this).slideUp('fast');\r\n });\r\n $(this).removeClass('expanded');\r\n $(this).addClass('collapsed');\r\n $(this).find('img').not('.white').attr('src', '/Content/images/collapsed-arrow-right.png');\r\n $(this).find('img.white').attr('src', '/Content/images/collapsed-arrow-right-white.png');\r\n }\r\n else {\r\n $(content).each(function () {\r\n $(this).slideDown('fast');\r\n });\r\n $(this).addClass('expanded');\r\n $(this).removeClass('collapsed');\r\n $(this).find('img').not('.white').attr('src', '/Content/images/expanded-arrow-down.png');\r\n $(this).find('img.white').attr('src', '/Content/images/expanded-arrow-down-white.png');\r\n }\r\n\r\n return true;\r\n}\r\n\r\nfunction initializeConfigurablePanels() {\r\n\r\n $(document).find('.expandable-panel').each(function () {\r\n if (!$(this).data(\"initialized\") === true) {\r\n // get expandable panel header (assuming that the expandable-panel contains div.panel with an h3 as the title of the panel)\r\n var header = $(this).find('div.panel-contents > div.panel > h3').first();\r\n if (header.length === 0) {\r\n // check for lazy loading panel\r\n var lazyLoadedPanel = $(this).find('div.panel-contents > div.inlineExternal');\r\n if (lazyLoadedPanel.data(\"loadStatus\") === \"success\") {\r\n // if the panel has been loaded get the expandable panel header from the new contents\r\n header = $(lazyLoadedPanel).find('div.panel > h3').first();\r\n }\r\n\r\n if (header.length === 0) return;\r\n }\r\n\r\n // prepare the header by adding an expander button next to it\r\n var initialState = $(this).data(\"initialState\");\r\n\r\n var initialImgSrc = initialState === \"collapsed\" ? \"/Content/images/collapsed-arrow-right.png\" : \"/Content/images/expanded-arrow-down.png\";\r\n\r\n //Only add an expander if one doesn't already exist. Some panels, like the BasicGridPanel may add their own expander based on panel-specific form definitions (ex: The GridPanel panelSortOrder Collapse attribute). If it already exists, initialize the image and state, if necessary.\r\n var existingExpander = $(header).find(\"a.expander\");\r\n if ($(existingExpander).length) {\r\n //If the existing expander has a different initial state than what it should have, change it here\r\n if (!$(existingExpander).hasClass(initialState)) {\r\n $(existingExpander).removeClass(\"expanded\");\r\n $(existingExpander).removeClass(\"collapsed\");\r\n $(existingExpander).addClass(initialState);\r\n }\r\n $(existingExpander).find(\"img\").attr(\"src\", initialImgSrc)\r\n }\r\n else {\r\n var expanderButtonHtml = '
![\"Click](\"')
';\r\n header.prepend(expanderButtonHtml).find('.expander').on('click',onPanelExpanderClick);\r\n }\r\n\r\n // if the initial state of the expandable-panel is 'collapsed' then collapse each sibling to the header. Otherwise, ensure they are shown.\r\n if (initialState === \"collapsed\") {\r\n var content = $(header).siblings();\r\n $(content).each(function () {\r\n $(this).hide();\r\n });\r\n }\r\n else {\r\n var content = $(header).siblings();\r\n $(content).each(function () {\r\n $(this).show();\r\n });\r\n }\r\n\r\n // identify the expandable-panel as initialized so it's not initialized again\r\n $(this).data(\"initialized\", true);\r\n }\r\n });\r\n}\r\n\r\nfunction expandCollapsedPanelsWithRequiredFields(formID) {\r\n if ((formID === null) || (formID === undefined) || (formID === ''))\r\n return;\r\n\r\n $('#' + formID + ' a.expander.collapsed').each(function() {\r\n if ($(this).closest('.expand-section').siblings('.expand-content').find('li.required').length > 0) {\r\n $(this).find('img').not('.white').attr('src', '/Content/images/expanded-arrow-down.png');\r\n $(this).find('img.white').attr('src', '/Content/images/expanded-arrow-down-white.png');\r\n $(this).closest('.expand-section').siblings('.expand-content').show();\r\n $(this).toggleClass('expanded');\r\n }\r\n });\r\n}\r\n\r\nfunction expandTopLevelCollapsedPanels(formID) {\r\n if ((formID === null) || (formID === undefined) || (formID === ''))\r\n return;\r\n\r\n $('#' + formID + ' a.expander.collapsed.toplevel').each(function () {\r\n $(this).find('img').not('.white').attr('src', '/Content/images/expanded-arrow-down.png');\r\n $(this).find('img.white').attr('src', '/Content/images/expanded-arrow-down-white.png');\r\n $(this).closest('.expand-section').siblings('.expand-content').show();\r\n $(this).toggleClass('expanded');\r\n });\r\n}\r\n\r\nfunction resizeIframeIfNecessary() {\r\n\r\n if (window == window.top)\r\n return;\r\n\r\n if ($(\"div.jqmWindow\").length == 0)\r\n return;\r\n\r\n $(\"div.jqmWindow\").addClass(\"innerWindow\");\r\n}\r\n\r\n// #region origami namespace \r\nvar origami = origami = origami || {};\r\n\r\norigami._pageCompletes = [];\r\norigami._panelCompletes = [];\r\norigami._delayLoadRefCount = 0;\r\n\r\norigami.pageComplete = function(callback) {\r\n origami._pageCompletes.push(callback);\r\n}\r\n\r\norigami.panelComplete = function (callback) {\r\n origami._panelCompletes.push(callback);\r\n}\r\n\r\norigami.runPageCompletes = function () {\r\n for (var i in origami._pageCompletes)\r\n origami._pageCompletes[i]();\r\n}\r\n\r\norigami.runPanelCompletes = function (panel) {\r\n for (var i in origami._panelCompletes)\r\n origami._panelCompletes[i](panel);\r\n}\r\n\r\norigami.startDelayLoad = function() {\r\n origami._delayLoadRefCount++;\r\n}\r\n\r\norigami.completeDelayLoad = function () {\r\n origami._delayLoadRefCount--;\r\n if (origami._delayLoadRefCount <= 0)\r\n origami.runPageCompletes();\r\n}\r\n\r\norigami.createItemsArrayFromGridPanelTable = function (gridPanel) {\r\n return createItemsArrayFromGridPanelTable(gridPanel);\r\n};\r\n// #endregion \r\n\r\nfunction receiveMessage(event) {\r\n switch (event.data.type) {\r\n case \"hidePopup\":\r\n hidePopup();\r\n break;\r\n case \"refreshAjaxGridByClassName\":\r\n refreshAjaxGridByClassName(event.data.className);\r\n break;\r\n case \"setLocation\":\r\n window.location = event.data.location;\r\n break;\r\n case \"reload\":\r\n window.location.reload();\r\n break;\r\n case \"setLookupValueForControl\":\r\n setLookupValueForControl(event.data.controlID, event.data.id, event.data.description);\r\n break;\r\n case \"setLookupValue\":\r\n setLookupValue(event.data.id, event.data.description);\r\n break;\r\n case \"statusMessage\":\r\n statusMessage(event.data.statustype, event.data.message);\r\n break;\r\n case \"refreshSidePanels\":\r\n refreshSidePanels();\r\n break;\r\n default:\r\n // to enable logging to console, run this in your browser's console: origami.debug = true\r\n if (origami.debug)\r\n console.log(\"Unhandled message type received.\"); \r\n var evntLog = {};\r\n evntLog[\"isTrusted\"] = event.isTrusted;\r\n evntLog[\"origin\"] = event.origin;\r\n evntLog[\"data\"] = event.data;\r\n if (origami.debug)\r\n console.log(evntLog);\r\n break;\r\n }\r\n}\r\n\r\nfunction TryMessageEventListener() {\r\n try\r\n {\r\n window.addEventListener(\"message\", receiveMessage, false);\r\n }\r\n catch (e) {\r\n console.log('Unable to Add Event Listener: ' + e.Message);\r\n }\r\n}\r\n\r\nfunction modalVisible() {\r\n return $(\"#jqmContent\").is(\":visible\");\r\n}\r\n\r\nfunction hideJqmModalClose() {\r\n $('#dialogclosebutton').addClass('hidden');\r\n}\r\n\r\nfunction showJqmModalClose() {\r\n $('#dialogclosebutton').removeClass('hidden');\r\n}\r\n\r\nvar pageFullyInitialized = false;\r\n\r\n$(function () {\r\n TryMessageEventListener();\r\n\r\n //adding this to map the css function to the depricated and removed jquery function curCSS that is used by other libraries\r\n jQuery.curCSS = jQuery.css;\r\n\r\n if ($(\"#_csrfPostForm input[name=__RequestVerificationToken]\").length > 0) {\r\n $(\"#_csrfPostForm input[name=__RequestVerificationToken]\").attr('name', '__AjaxRequestVerificationToken');\r\n }\r\n\r\n // do this first in case user clicks on links quickly\r\n updateBreadCrumbsWithIndexRequestLog();\r\n\r\n addInitLoadedListener(updateLinksWithSearchList);\r\n\r\n if ($.datepicker)\r\n $.datepicker.setDefaults({ shortYearCutoff: '+29' });\r\n\r\n resizeIframeIfNecessary();\r\n\r\n initGlobalSearch();\r\n\r\n origami.runPanelCompletes(window.document);\r\n initializeAll(this);\r\n\r\n if ($(\"#entryForm\").length)\r\n setFormFocus(\"#entryForm\", true);\r\n else if (!getCurrentUserUsesAssistiveTechnology())\r\n setFormFocus(\"#secondaryContent\");\r\n //else\r\n // setViewFocus(\"#hd\");\r\n\r\n $('a.fullDetails').on(\"click\", function () {\r\n var form = $(this).closest(\"div.collapseDetails\");\r\n var marker = $(\"div.collapseMarker\", form).first();\r\n var text = $(this).text();\r\n\r\n if (text == \"Full Details\") {\r\n if (!isCompatibleBrowser()) {\r\n $(marker).nextAll(\"div.panel\").show();\r\n }\r\n else {\r\n $(marker).nextAll(\"div.panel\").slideDown(\"fast\");\r\n }\r\n\r\n $('#full-details-expader').removeClass('fa-chevron-circle-down').addClass('fa-chevron-circle-up');\r\n $(this).text(\"Hide Details\");\r\n }\r\n else if (text == \"Hide Details\") {\r\n if (!isCompatibleBrowser()) {\r\n $(marker).nextAll(\"div.panel\").hide();\r\n }\r\n else {\r\n $(marker).nextAll(\"div.panel\").slideUp(\"fast\");\r\n }\r\n\r\n $('#full-details-expader').removeClass('fa-chevron-circle-up').addClass('fa-chevron-circle-down');\r\n $(this).text(\"Full Details\");\r\n }\r\n });\r\n\r\n $(\"#jqmParams\").on(\"change\", function () {\r\n _currentMultiSelectList = null;\r\n\r\n var id = $(this).val();\r\n if (id == null || id.trim().length == 0)\r\n return;\r\n\r\n var control = $(\"#\" + id);\r\n if (!control.hasClass(\"multiselectadder\"))\r\n return;\r\n\r\n _currentMultiSelectList = $(\"div.multiselectlookuplist\", control.closest(\"div.multiselectlookup\"));\r\n });\r\n\r\n lockTitleArea();\r\n lockPagerBar();\r\n InitFavoriteRecord();\r\n highlightTitleTab();\r\n\r\n decorateValidationErrorLinks();\r\n\r\n // if no ajax loading\r\n if ($(\"div.inlineExternal\").length == 0)\r\n origami.runPageCompletes();\r\n\r\n $(function() {\r\n //This is the only script file we have with a nested ready function\r\n //This function will run after all other ready functions\r\n pageFullyInitialized = true;\r\n });\r\n});\r\n\r\nvar globalSearchTimer;\r\nvar globalSearchMinKeyStrokes = 3;\r\nvar globalSearchSearchDelay = 750;\r\nvar globalSearchLoaderTag = \"#globalSearchInputWrapper\";\r\nvar globalSearchActiveDomains: Array
= [];\r\n\r\nfunction initGlobalSearch() {\r\n if ($(\"#globalSearchWrapper\").length == 0)\r\n return;\r\n\r\n document.addEventListener('click', function (e) {\r\n var isGlobalSearch = (e.target as Element).closest(\"#globalSearchWrapper\") != null;\r\n if (isGlobalSearch) {\r\n if (!(e.target as Element).closest(\"#globalSearchWrapper\").classList.contains(\"active\")) {\r\n activateGlobalSearch();\r\n }\r\n }\r\n else {\r\n deactivateGlobalSearch();\r\n }\r\n });\r\n\r\n document.addEventListener(\"keyup\", e => {\r\n if (isResponsiveMobileMode())\r\n return;\r\n\r\n if (e.key !== \"/\" || e.shiftKey || e.ctrlKey || e.metaKey) return;\r\n if (/^(?:input|textarea|select|button)$/i.test((e.target as HTMLInputElement).tagName)) return;\r\n\r\n if ($(e.target).hasClass(\"fr-element\"))\r\n return;\r\n\r\n e.preventDefault();\r\n activateGlobalSearch();\r\n });\r\n\r\n document.addEventListener('keydown', function (e) {\r\n if (isResponsiveMobileMode())\r\n return;\r\n\r\n if (e.keyCode === 27) { // ESC\r\n deactivateGlobalSearch();\r\n }\r\n });\r\n\r\n $(\"#header_globalSearchInput\").on(\"focus\", function () {\r\n fetchGlobalSearchRecentDocs();\r\n activateGlobalSearch();\r\n });\r\n\r\n $('#header_globalSearchInput').on(\"keyup\", function () {\r\n if (isResponsiveMobileMode())\r\n return;\r\n\r\n var searchValue = this.value;\r\n\r\n if (searchValue !== \"\") {\r\n showHideGlobalSearchAreaByID(\"recentdocs\", true);\r\n showHideGlobalSearchAreaByID(\"searchall\", false);\r\n }\r\n else {\r\n showHideGlobalSearchAreaByID(\"recentdocs\", false);\r\n showHideGlobalSearchAreaByID(\"searchall\", true);\r\n showHideGlobalSearchAreaByID(\"topmatches\", true);\r\n showHideGlobalSearchAreaByID(\"nomatchfound\", true);\r\n }\r\n\r\n if (searchValue.length >= globalSearchMinKeyStrokes) {\r\n\r\n if ($(\"#header_globalSearchInput\").data(\"last-search-text\") === searchValue) {\r\n return;\r\n }\r\n\r\n if (globalSearchTimer) {\r\n clearTimeout(globalSearchTimer);\r\n }\r\n globalSearchTimer = setTimeout(function () {\r\n $(\"#header_globalSearchInput\").data(\"last-search-text\", searchValue);\r\n showHideGlobalSearchAreaByID(\"topmatches\", true);\r\n showHideGlobalSearchAreaByID(\"nomatchfound\", true);\r\n\r\n var target = $(\"#globalSearch_quickresults #globalSearch_topmatches\");\r\n markLoaderRunning($(globalSearchLoaderTag), \"ld-ring\", \"ld-spin\", \"ld-ext-left\");\r\n\r\n var quickSearchDomainNames = [];\r\n if ($(\"#header_globalSearchDomains\").val() === \"*\") {\r\n $(\"#header_globalSearchDomains option\").each(function (k, elem) {\r\n if ($(elem).attr(\"value\") === \"*\")\r\n return;\r\n\r\n quickSearchDomainNames.push($(elem).val());\r\n });\r\n }\r\n else\r\n quickSearchDomainNames.push($(\"#header_globalSearchDomains\").val());\r\n\r\n $(\"#globalSearchWrapper #globalSearch_quickresults #globalSearch_topmatches div.globalSearch_results[data-domain]\").each(function (i, e) {\r\n if (quickSearchDomainNames.indexOf($(e).attr(\"data-domain\")) < 0)\r\n $(e).remove();\r\n });\r\n\r\n globalSearchActiveDomains = quickSearchDomainNames;\r\n\r\n for (var i = 0; i < quickSearchDomainNames.length; i++) {\r\n fetchGlobalQuickSearch(quickSearchDomainNames[i], quickSearchDomainNames.length);\r\n }\r\n\r\n }, globalSearchSearchDelay);\r\n }\r\n });\r\n}\r\n\r\nfunction showHideGlobalSearchAreaByID(idName: string, hide: boolean) {\r\n var selector = \"#globalSearchWrapper #globalSearch_quickresults #globalSearch_\" + idName;\r\n if (hide)\r\n $(selector).removeClass(\"active\");\r\n else\r\n $(selector).addClass(\"active\");\r\n}\r\n\r\nfunction deactivateGlobalSearch() {\r\n if ($(\"#globalSearchWrapper\").length == 0)\r\n return;\r\n\r\n $(\"#header_globalSearchDomains\").hide();\r\n document.getElementById(\"globalSearchWrapper\").classList.remove(\"active\");\r\n $(\"#globalSearchWrapper #globalSearch_quickresults\").removeClass(\"active\");\r\n $(\"#globalSearchWrapper #globalSearch_quickresults\").attr('aria-expanded', 'false');\r\n $(\"#globalSearchWrapper #globalSearch_quickresults\").attr('tabIndex', '-1');\r\n $(\".quickresultlink\").attr('tabIndex', '-1');\r\n $(\"#header_globalSearchDomains\").attr('tabIndex', '-1'); \r\n\r\n $(\"#header_globalSearchInput\").val(\"\");\r\n $(\"#header_globalSearchInput\").removeData();\r\n if ($(\"#header_globalSearchInput\").is(\":focus\"))\r\n $(\"#header_globalSearchInput\").trigger(\"blur\");\r\n showHideGlobalSearchAreaByID(\"searchall\", true);\r\n showHideGlobalSearchAreaByID(\"recentdocs\", true);\r\n showHideGlobalSearchAreaByID(\"nomatchfound\", true);\r\n showHideGlobalSearchAreaByID(\"topmatches\", true);\r\n markLoaderStopped($(globalSearchLoaderTag));\r\n}\r\n\r\nfunction removeFromGlobalSearchActiveDomains(domainName: string) {\r\n globalSearchActiveDomains = globalSearchActiveDomains.filter(function (item) {\r\n return item !== domainName;\r\n });\r\n\r\n if (globalSearchActiveDomains.length == 0)\r\n markLoaderStopped($(globalSearchLoaderTag));\r\n\r\n if ($(\"#globalSearch_quickresults #globalSearch_topmatches div.globalSearch_results[data-domain]\").length > 0) {\r\n showHideGlobalSearchAreaByID(\"topmatches\", false);\r\n showHideGlobalSearchAreaByID(\"nomatchfound\", true);\r\n }\r\n else {\r\n showHideGlobalSearchAreaByID(\"topmatches\", true);\r\n showHideGlobalSearchAreaByID(\"nomatchfound\", false);\r\n }\r\n}\r\n\r\nfunction activateGlobalSearch() {\r\n if ($(\"#globalSearchWrapper\").length == 0)\r\n return;\r\n\r\n $(\"#header_globalSearchDomains\").show();\r\n $(\"#globalSearchWrapper\").addClass(\"active\");\r\n $('#globalSearch_quickresults').attr('aria-expanded', 'true');\r\n $(\"#globalSearch_quickresults\").attr('tabIndex', '0');\r\n $(\".quickresultlink\").attr('tabIndex', '0');\r\n $(\"#header_globalSearchDomains\").attr('tabIndex', '0');\r\n document.getElementById(\"header_globalSearchInput\").focus();\r\n}\r\n\r\nfunction fetchGlobalQuickSearch(domainName: string, numDomains: number) {\r\n var searchInput = $(\"#header_globalSearchInput\").val();\r\n if (searchInput.length < globalSearchMinKeyStrokes) {\r\n removeFromGlobalSearchActiveDomains(domainName);\r\n return;\r\n }\r\n\r\n var quickSearchUrl = appendTPAClientID(getServerAppRoot() + \"Search/QuickSearch\");\r\n\r\n var reqData = {};\r\n reqData[\"domainName\"] = domainName;\r\n reqData[\"filter\"] = searchInput;\r\n reqData[\"numDomains\"] = numDomains;\r\n\r\n $.ajax({\r\n type: 'GET',\r\n url: quickSearchUrl,\r\n dataType: 'json',\r\n data: reqData,\r\n async: true,\r\n success: function (result) {\r\n refreshGlobalSearchDomainResults(domainName, result);\r\n },\r\n error: function (xhr: any, status, error) {\r\n try {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n console.log(err);\r\n }\r\n catch {\r\n console.log(xhr.responseText);\r\n }\r\n removeFromGlobalSearchActiveDomains(domainName);\r\n }\r\n });\r\n}\r\n\r\nfunction refreshGlobalSearchDomainResults(domainName, result) {\r\n var mainTarget = $(\"#globalSearch_quickresults #globalSearch_topmatches\");\r\n\r\n var domainSectionSelector = \"#globalSearch_quickresults #globalSearch_topmatches div.globalSearch_results[data-domain='\" + result.domainName + \"']\";\r\n\r\n var exists = $(domainSectionSelector).length > 0;\r\n\r\n if (exists && result.data.length == 0)\r\n $(domainSectionSelector).remove();\r\n\r\n if (result.data.length == 0) {\r\n removeFromGlobalSearchActiveDomains(domainName);\r\n return;\r\n }\r\n\r\n var topMatches = `${result.domainDescription.escapeHTML()}
\";\r\n\r\n if (exists)\r\n $(domainSectionSelector).html(topMatches);\r\n else {\r\n mainTarget.append(`${topMatches}
`);\r\n }\r\n removeFromGlobalSearchActiveDomains(domainName);\r\n}\r\n\r\nfunction fetchGlobalSearchRecentDocs() {\r\n if (isResponsiveMobileMode())\r\n return;\r\n\r\n if ($(\"#header_globalSearchInput\").length == 0 || $(\"#header_globalSearchInput\").val() !== \"\") {\r\n $(\"#globalSearchWrapper #globalSearch_quickresults #globalSearch_recentdocs\").removeClass(\"active\");\r\n return;\r\n }\r\n\r\n var recentDocsUrl = appendTPAClientID(getServerAppRoot() + \"Search/GetRecentDocumentsAcrossDomains\");\r\n var reqData = {};\r\n reqData[\"currURL\"] = window.location.href;\r\n\r\n if (!$(\"#globalSearch_quickresults\").hasClass(\"active\"))\r\n $(\"#globalSearch_quickresults\").addClass(\"active\");\r\n\r\n if (!$(\"#globalSearch_recentdocs\").hasClass(\"active\"))\r\n $(\"#globalSearch_recentdocs\").addClass(\"active\");\r\n\r\n if ($(\"#globalSearch_recentdocs\").hasClass(\"loaded\"))\r\n return;\r\n\r\n $(\"#globalSearchWrapper #globalSearch_quickresults #globalSearch_recentdocs\").prepend(\"Recent Items
\");\r\n $(\"#globalSearch_recentdocs\").addClass(\"loaded\");\r\n\r\n var target = $(\"#globalSearch_quickresults #globalSearch_recentdocs div.globalSearch_results\");\r\n markLoaderRunning($(globalSearchLoaderTag), \"ld-ring\", \"ld-spin\", \"ld-ext-left\");\r\n\r\n $.ajax({\r\n type: 'GET',\r\n url: recentDocsUrl,\r\n dataType: 'json',\r\n data: reqData,\r\n async: true,\r\n success: function (result) {\r\n if (result.status == 'success') {\r\n console.log(result);\r\n var recents = \"\";\r\n for (var i = 0; i < result.data.length; i++) {\r\n var recentObj = result.data[i];\r\n var liItem = $(\"\");\r\n var linkItem = $(``);\r\n $(linkItem).html(`${recentObj.description.escapeHTML()}
${recentObj.domainName.escapeHTML()}
${recentObj.lastAccessed.escapeHTML()}
`);\r\n $(linkItem).attr(\"href\", recentObj.actionLink);\r\n $(liItem).prepend(linkItem);\r\n recents += $(liItem)[0].outerHTML;\r\n }\r\n recents += \"
\";\r\n $(target).prepend(recents);\r\n markLoaderStopped($(globalSearchLoaderTag));\r\n }\r\n else {\r\n console.log(result);\r\n markLoaderStopped($(globalSearchLoaderTag));\r\n }\r\n },\r\n error: function (xhr: any, status, error) {\r\n try {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n console.log(err);\r\n }\r\n catch {\r\n console.log(xhr.responseText);\r\n }\r\n markLoaderStopped($(globalSearchLoaderTag));\r\n }\r\n });\r\n}\r\n\r\nfunction decorateValidationErrorLinks() {\r\n $(\"ul.validationSummary span.fieldName\").each(function (k, t) {\r\n var internalField = $(this).attr(\"for\");\r\n var origLabel = $(this).text();\r\n\r\n var inputElement = null;\r\n\r\n if (typeof internalField !== \"undefined\" && internalField.length > 0)\r\n inputElement = $(\"li[for='\" + internalField + \"'] :input[id]\");\r\n else\r\n inputElement = $(\"li[label='\" + origLabel + \"'] :input[id]\");\r\n\r\n if (typeof inputElement === 'undefined' || inputElement === null || inputElement.length === 0) {\r\n if (typeof internalField !== \"undefined\" && internalField.length > 0) {\r\n var labelOnlyElement = $(\"li[for='\" + internalField + \"']\");\r\n if (typeof labelOnlyElement !== \"undefined\" && labelOnlyElement.length > 0) {\r\n if (labelOnlyElement.attr(\"label\") !== \"\" && labelOnlyElement.attr(\"label\") !== origLabel)\r\n $(this).text(labelOnlyElement.attr(\"label\"));\r\n }\r\n }\r\n return;\r\n }\r\n\r\n if ($(inputElement).is(\":visible\")) {\r\n var parentLi = $(inputElement).closest(\"li[label]\");\r\n\r\n if (typeof parentLi !== \"undefined\" && parentLi.length > 0) {\r\n if (parentLi.attr(\"label\") !== \"\" && parentLi.attr(\"label\") !== origLabel)\r\n $(this).text(parentLi.attr(\"label\"));\r\n }\r\n\r\n if (!$(inputElement).hasClass(\"input-validation-error\"))\r\n $(inputElement).addClass(\"input-validation-error\");\r\n\r\n $(this).addClass(\"clickableunderline\").attr(\"title\", \"Click to navigate to field on form\").attr(\"onclick\", \"goToValidationErrorField(this);\");\r\n }\r\n });\r\n}\r\n\r\nfunction goToValidationErrorField(element) {\r\n var internalField = $(element).attr(\"for\");\r\n var origLabel = $(element).text();\r\n\r\n var inputElement = null;\r\n\r\n if (typeof internalField !== \"undefined\" && internalField.length > 0)\r\n inputElement = $(\"li[for='\" + internalField + \"'] :input[id]\");\r\n else\r\n inputElement = $(\"li[label='\" + origLabel + \"'] :input[id]\");\r\n\r\n if (typeof inputElement === 'undefined' || inputElement === null || inputElement.length === 0)\r\n return;\r\n\r\n if ($(inputElement).is(\":visible\")) {\r\n $(inputElement).trigger(\"focus\");\r\n }\r\n}\r\n\r\nfunction InitFavoriteRecord()\r\n{\r\n $(\".FavoriteRecordStar\").each(\r\n function () {\r\n //Favorite Records Icon Hover Handler\r\n $(this).on(\"mouseenter\",\r\n function () {\r\n if ($(this).data(\"isfavorite\") != \"True\")\r\n {\r\n $(this).addClass('fas');\r\n $(this).removeClass('fal');\r\n $(this).attr('aria-label', 'Click to remove from favorites');\r\n }\r\n }).on(\"mouseleave\",\r\n function () {\r\n if ($(this).data(\"isfavorite\") != \"True\")\r\n {\r\n $(this).addClass('fal');\r\n $(this).removeClass('fas');\r\n $(this).attr('aria-label', 'Click to remove from favorites');\r\n }\r\n }\r\n );\r\n\r\n //Favorite Records Click Handler\r\n $(this).on('click',function () {\r\n toggleFavorite(this);\r\n });\r\n\r\n $(this).on('keypress', function (e) {\r\n if (e.which == 13) {\r\n toggleFavorite(this);\r\n }\r\n });\r\n });\r\n}\r\n\r\nfunction toggleFavorite(source) {\r\n var domainID = $(source).data(\"domainid\");\r\n var recordID = $(source).data(\"recordid\") || \"0\";\r\n var secondaryKey = $(source).data(\"secondarykey\") || \"\";\r\n var isfavorite = $(source).data(\"isfavorite\");\r\n var star = $(source);\r\n const url = getServerAppRoot() + getControllerName() + \"/SetFavorite?domainID=\" + domainID + \"&recordID=\" + recordID + \"&secondaryKey=\" + secondaryKey + \"&isCurrentFavorite=\" + isfavorite;\r\n $(source).prop('disabled', true);\r\n\r\n $.getJSON(url, function (data) {\r\n if (data.status == \"success\") {\r\n if (isfavorite == \"True\") {\r\n $(star).data(\"isfavorite\", \"False\");\r\n $(star).addClass('fal');\r\n $(star).removeClass('fas');\r\n $(star).attr(\"title\", \"Click to add to My Favorites list.\");\r\n screenReaderMessage('Dashboard removed from favorites', false);\r\n }\r\n else {\r\n $(star).data(\"isfavorite\", \"True\");\r\n $(star).addClass('fas');\r\n $(star).removeClass('fal');\r\n $(star).attr(\"title\", \"Click to remove from My Favorites list.\");\r\n screenReaderMessage('Dashboard added to favorites', false);\r\n }\r\n $(this).prop('disabled', false);\r\n $(star).trigger(\"origami.onfavoriterecordchange\", { detail: { priorStatus: isfavorite } });\r\n } else {\r\n statusErrorMessage(data.message);\r\n $(this).prop('disabled', false);\r\n }\r\n });\r\n}\r\n\r\n// http://stackoverflow.com/questions/2830542/prevent-double-submission-of-forms-in-jquery\r\njQuery.fn.preventDoubleSubmission = function() {\r\n $(this).on('submit',function(e){\r\n var $form = $(this);\r\n\r\n if ($form.data('submitted') === true) {\r\n // Previously submitted - don't submit again\r\n e.preventDefault();\r\n } else {\r\n // Mark it so that the next submit can be ignored\r\n $form.data('submitted', true);\r\n }\r\n });\r\n\r\n // Keep chainability\r\n return this;\r\n};\r\n\r\nvar _globalwindowloc = null;\r\nfunction setWindowLocationOnce(url, postAction, includeQueryString = false) {\r\n if (_globalwindowloc == url)\r\n return;\r\n\r\n _globalwindowloc = url;\r\n\r\n if (includeQueryString) {\r\n // Get current query string values\r\n var queryString = window.location.search;\r\n if (queryString) {\r\n // Append query string to the action URL\r\n if (url.indexOf('?') === -1) {\r\n url += queryString;\r\n } else {\r\n url += '&' + queryString.substring(1);\r\n }\r\n }\r\n }\r\n\r\n if (typeof postAction != 'undefined' && postAction == 'true')\r\n postCRSFHref(url);\r\n else\r\n window.location = url;\r\n}\r\n\r\nfunction openChildWindow(windowName, options, url, useCookies) {\r\n var windowOptions;\r\n //explicitly use cookies and not options \r\n if (useCookies && !options){\r\n var cookiePrefix = 'origami.' + windowName; \r\n var left = getCookie(cookiePrefix + '.left');\r\n var top = getCookie(cookiePrefix + '.top');\r\n var width = getCookie(cookiePrefix + '.width');\r\n var height = getCookie(cookiePrefix + '.height');\r\n windowOptions = 'top=' + top + ', left=' + left + ', width=' + width + ', height=' + height;\r\n windowOptions += ', resizable=yes, location=no, scrollbars=yes';\r\n }\r\n else if (!useCookies && options){\r\n windowOptions = options;\r\n }\r\n var win = window.open(url, windowName, windowOptions);\r\n return win;\r\n}\r\n\r\nfunction eraseCookie(name) {\r\n writeCookie(name, \"\", -1);\r\n}\r\n\r\nfunction writeCookie (key, value, days?, isEssential = true) {\r\n var date = new Date();\r\n // Default at 365 days.\r\n days = days || 365;\r\n // Get unix milliseconds at current time plus number of days\r\n date.setTime(+ date + (days * 86400000)); //24 * 60 * 60 * 1000\r\n\r\n //to qualify for the \"strictly necessary exemption\" for essential cookies, we need to set them to be session-only length\r\n var expires = enableEssentialCookiesOnly && isEssential && days > 0 ? \"\" : date.toUTCString();\r\n var shouldSetCookie = !enableEssentialCookiesOnly || isEssential;\r\n\r\n if (shouldSetCookie)\r\n window.document.cookie = key + \"=\" + value + \"; expires=\" + expires + \"; path=/\";\r\n\r\n return value;\r\n};\r\n\r\nfunction getCookie(name) {\r\n var value = \"; \" + document.cookie;\r\n var parts = value.split(\"; \" + name + \"=\");\r\n if (parts.length == 2) return parts.pop().split(\";\").shift();\r\n};\r\n\r\nfunction skipNavigation() {\r\n setViewFocus(\"#page\");\r\n}\r\n\r\nfunction skipToSecondaryContent() {\r\n setViewFocus(\"#secondaryContent\");\r\n}\r\n\r\nfunction makeUntabbable() {\r\n\r\n $(':tabbable').each(function () {\r\n\r\n var tabbableElement = $(this).attr('id');\r\n\r\n if (tabbableElement !== \"dialogclosebutton\") {\r\n\r\n var index: any = $(this).attr('tabindex');\r\n if (index == null)\r\n index = 0;\r\n $(this).data('oldTabIndex', index);\r\n $(this).attr('tabindex', -1);\r\n }\r\n });\r\n}\r\n\r\nfunction restoreTabbable() {\r\n $(':focusable').each(function () {\r\n var index = $(this).data('oldTabIndex');\r\n if (index != null)\r\n $(this).attr('tabindex', index);\r\n });\r\n}\r\n\r\nfunction isCompatibleBrowser() {\r\n var ua = navigator.userAgent; // The use of userAgent is strongly discouraged since some browsers allow users to modify this value.\r\n if (String(ua).indexOf(\"Trident\") != -1 ) { //IE does not support includes so I had to use indexOf. Trident is the unique identifyer of IE in the user Agent.\r\n return false;\r\n }\r\n return true;\r\n}\r\n\r\nfunction browserSupportsDragDrop() {\r\n return 'draggable' in document.createElement('div');\r\n}\r\n\r\nfunction setBetaUICookie(accountID, isEnabled) {\r\n if(isEnabled == true)\r\n writeCookie('origami.usingBetaUI.' + accountID, 'true', null, false);\r\n else\r\n writeCookie('origami.usingBetaUI.' + accountID, 'false', null, false);\r\n window.location.reload();\r\n}\r\n\r\nfunction setUnsupportedBrowserCookie(cookieName) {\r\n var nameOfCookie = cookieName || 'origami.usingOldIE';\r\n var canDragDrop = browserSupportsDragDrop();\r\n\r\n if (!canDragDrop || !isCompatibleBrowser() ) {\r\n writeCookie(nameOfCookie, 'true');\r\n } else {\r\n writeCookie(nameOfCookie, 'false');\r\n }\r\n}\r\n\r\nfunction isValidDate(dateString) {\r\n /// Determines if a date is properly formatted (dd/MM/yyyy) and a valid.\r\n /// The date to validate.\r\n /// The validity of the date string.\r\n if (!/^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/.test(dateString))\r\n return false;\r\n\r\n var parts = dateString.split(\"/\");\r\n var day = parseInt(parts[1], 10);\r\n var month = parseInt(parts[0], 10);\r\n var year = parseInt(parts[2], 10);\r\n\r\n if (year < 1000 || year > 3000 || month == 0 || month > 12)\r\n return false;\r\n\r\n var monthsDaysLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\r\n\r\n if (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0))\r\n monthsDaysLength[1] = 29;\r\n\r\n return day > 0 && day <= monthsDaysLength[month - 1];\r\n};\r\n\r\nfunction formatFileSize(bytes) {\r\n var formattedSize = bytes;\r\n var suffix = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\r\n var i = 0;\r\n\r\n if (formattedSize > 1024.0) {\r\n for (i = 0; Math.floor(formattedSize / 1024) > 0; i++)\r\n formattedSize /= 1024;\r\n }\r\n\r\n if (suffix[i] == \"B\" || suffix[i] == \"KB\")\r\n return Math.trunc(formattedSize) + \" \" + suffix[i];\r\n else\r\n return formattedSize.toFixed(1) + \" \" + suffix[i];\r\n}\r\n\r\n//Helper Functions to Hide/Change Buttons or More Menu Items\r\nfunction hideButtonByID(id) { $('button#' + id).hide(); }\r\nfunction changeButtonTextByID(id,newText){$('button#' + id).text(newText);}\r\nfunction hideMoreMenuItemByID(id){$('a#' + id).hide();}\r\nfunction changeMoreMenuTextByID(id,newText){$('a#' + id).text(newText);}\r\n\r\n//Additional selectors\r\n$.extend($.expr.pseudos, {\r\n data: function (elem, i, match) {\r\n return !!$.data(elem, match[3]);\r\n },\r\n\r\n focusable: function (element) {\r\n var nodeName = element.nodeName.toLowerCase(),\r\n tabIndex = $.attr(element, 'tabindex');\r\n return (/input|select|textarea|button|object/.test(nodeName)\r\n ? !element.disabled\r\n : 'a' == nodeName || 'area' == nodeName\r\n ? element.href || !isNaN(tabIndex)\r\n : !isNaN(tabIndex))\r\n // the element and all of its ancestors must be visible\r\n // the browser may report that the area is hidden\r\n && !$(element)['area' == nodeName ? 'parents' : 'closest'](':hidden').length;\r\n },\r\n\r\n tabbable: function (element) {\r\n var tabIndex = $.attr(element, 'tabindex');\r\n return (isNaN(tabIndex) || tabIndex >= 0) && $(element).is(':focusable');\r\n }\r\n});\r\n\r\nfunction renameFormSet(renameFormSetCall, formSetName) {\r\n var newName = prompt(\"Please enter a new name for this form set.\", formSetName);\r\n if (newName == null || newName.trim().length == 0)\r\n return;\r\n\r\n if (newName == formSetName)\r\n return;\r\n\r\n window.location.href = renameFormSetCall + \"?newName=\" + encodeURIComponent(newName);\r\n}\r\n\r\n\r\nfunction setHighChartsLanguage() {\r\n if (typeof Highcharts == 'undefined')\r\n return;\r\n\r\n Highcharts.setOptions({\r\n lang:\r\n {\r\n thousandsSep: UseGroupSeparator(),\r\n decimalPoint: UseDecimalSeparator()\r\n }\r\n });\r\n}\r\n\r\nfunction DynamicQueryList(domain, select, filter, sort, skip, take)\r\n{\r\n if(take == null || take > 100)\r\n take = 100;\r\n\r\n var url = getServerAppRoot() + \"Dynamic/JsonQuery\";\r\n var retObj = {};\r\n \r\n $.ajax({\r\n type: 'GET',\r\n url: url,\r\n dataType: 'json',\r\n data: {\r\n typeName: domain, \r\n filter: filter,\r\n select: select,\r\n sort: sort,\r\n skip: skip,\r\n take: take\r\n },\r\n async: false,\r\n success: function(data) {\r\n if (data.status==\"success\") {\r\n retObj = data.list;\r\n }\r\n }\r\n });\r\n return retObj;\r\n}\r\n\r\nfunction DynamicSingleRecordQuery(domain, select, filter)\r\n{\r\n var url = getServerAppRoot() + \"Dynamic/JsonQuerySingle\";\r\n var retObj = {};\r\n \r\n $.ajax({\r\n type: 'GET',\r\n url: url,\r\n dataType: 'json',\r\n data: {\r\n typeName: domain, \r\n filter: filter,\r\n select: select\r\n },\r\n async: false,\r\n success: function(data) {\r\n if (data.status==\"success\") {\r\n retObj = data.model;\r\n }\r\n }\r\n });\r\n\r\n return retObj;\r\n\r\n}\r\n\r\n//SECTION - Helper Functions to Call REST and SOAP Web Services\r\n\r\nfunction MakeExternalGetRequest(rootUrl, hostName, extraParams)\r\n{\r\n var useUrl = rootUrl;\r\n if(typeof extraParams != 'undefined' && extraParams != null)\r\n useUrl += '?' + $.param(extraParams);\r\n\r\n var retObj = {};\r\n\r\n $.ajax({\r\n url: '/Origami/Dynamic/ExternalWebGetRequest',\r\n data: { url: useUrl, hostname: hostName },\r\n type: 'GET',\r\n async: false,\r\n dataType: 'json',\r\n success: function (data) {\r\n if (data.status == 'success')\r\n retObj = { status: 'success', data: data.response};\r\n else\r\n {\r\n var errMsg = \"Unable to make external request. \" + data.message;\r\n retObj = { status: 'failed', data: null, errorMessage: errMsg };\r\n }\r\n },\r\n error: function (xhr: any, status, error) {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n var errMsg = \"Unable to make external request. \" + err.Message;\r\n retObj = { status: 'failed', data: null, errorMessage: errMsg };\r\n }\r\n });\r\n\r\n return retObj;\r\n}\r\n\r\nfunction MakeExternalSOAPRequest(soapAction, hostName, parameters)\r\n{\r\n var retObj = {};\r\n var JSONstr = '';\r\n\r\n if (typeof parameters != 'string' && parameters != null)\r\n JSONstr = JSON.stringify(parameters);\r\n else if(typeof parameters == 'string' && parameters != null)\r\n JSONstr = parameters;\r\n\r\n $.ajax({\r\n url: '/Origami/Dynamic/ExternalSOAPRequest',\r\n data: { soapAction: soapAction, hostName: hostName, parameters: JSONstr },\r\n type: 'GET',\r\n async: false,\r\n dataType: 'json',\r\n success: function (data) {\r\n if (data.status == 'success')\r\n retObj = { status: 'success', data: data.response};\r\n else\r\n {\r\n var errMsg = \"Unable to make external request. \" + data.message;\r\n retObj = { status: 'failed', data: null, errorMessage: errMsg, soapException: data.soapException };\r\n }\r\n },\r\n error: function (xhr, status, error) {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n var errMsg = \"Unable to make external request. \" + err.Message;\r\n retObj = { status: 'failed', data: null, errorMessage: errMsg };\r\n }\r\n });\r\n\r\n return retObj;\r\n}\r\n\r\nfunction MakeWebserviceLookupRequest(webserviceLookupID, parameters, headers, runValidateParams, callback) {\r\n var retObj = {};\r\n var JSONParams = '', JSONHeaders = '';\r\n\r\n if (typeof parameters != 'string' && parameters != null)\r\n JSONParams = JSON.stringify(parameters);\r\n else if (typeof parameters == 'string' && parameters != null)\r\n JSONParams = parameters;\r\n\r\n if (typeof headers != 'string' && headers != null)\r\n JSONHeaders = JSON.stringify(headers);\r\n else if (typeof headers == 'string' && headers != null)\r\n JSONHeaders = headers;\r\n\r\n $.ajax({\r\n url: '/Origami/Dynamic/ExternalWebserviceLookupRequest',\r\n data: { webserviceLookupID: webserviceLookupID, parameters: JSONParams, headers: JSONHeaders, runValidateParams: runValidateParams },\r\n type: 'GET',\r\n async: true,\r\n dataType: 'json',\r\n success: function (data) {\r\n var retObj;\r\n if (data.status == 'success')\r\n retObj = { status: 'success', data: data.response };\r\n else {\r\n var errMsg = \"Unable to make external request. \" + data.message;\r\n retObj = { status: 'failed', data: null, message: errMsg, errorMessage: errMsg };\r\n if (typeof data.soapException != 'undefined' && data.soapException != null)\r\n retObj.soapException = data.soapException;\r\n }\r\n if (typeof callback == 'function' && callback != null)\r\n return callback(retObj);\r\n else\r\n return retObj;\r\n },\r\n error: function (xhr: any, status, error) {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n var errMsg = \"Unable to make external request. \" + err.Message;\r\n retObj = { status: 'failed', data: null, errorMessage: errMsg };\r\n if (typeof callback == 'function' && callback != null)\r\n return callback(retObj);\r\n else\r\n return retObj;\r\n }\r\n });\r\n}\r\n\r\nfunction MakeWebserviceLookupRequestWithProcessedResponse(webServiceLookupname, parameters, callback) {\r\n var retObj = {};\r\n var JSONParams = '';\r\n\r\n if (typeof parameters != 'string' && parameters != null)\r\n JSONParams = JSON.stringify(parameters);\r\n else if (typeof parameters == 'string' && parameters != null)\r\n JSONParams = parameters;\r\n\r\n $.ajax({\r\n url: '/Origami/Dynamic/ExternalWebserviceLookupRequestWithProcessedResponse',\r\n data: { webServiceLookupname: webServiceLookupname, parameters: JSONParams },\r\n type: 'GET',\r\n async: true,\r\n dataType: 'json',\r\n success: function (data) {\r\n var retObj;\r\n if (data.status == 'success')\r\n retObj = { status: 'success', data: data.response };\r\n else {\r\n var errMsg = \"Unable to make external request. \" + data.message;\r\n retObj = { status: 'failed', data: null, message: errMsg, errorMessage: errMsg };\r\n if (typeof data.soapException != 'undefined' && data.soapException != null)\r\n retObj.soapException = data.soapException;\r\n }\r\n if (typeof callback == 'function' && callback != null)\r\n return callback(retObj);\r\n else\r\n return retObj;\r\n },\r\n error: function (xhr: any, status, error) {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n var errMsg = \"Unable to make external request. \" + err.Message;\r\n retObj = { status: 'failed', data: null, errorMessage: errMsg };\r\n if (typeof callback == 'function' && callback != null)\r\n return callback(retObj);\r\n else\r\n return retObj;\r\n }\r\n });\r\n}\r\n//END SECTION\r\n\r\nfunction MakeSignalRTest(name, message) {\r\n $.ajax({\r\n url: '/Origami/Dynamic/SendMessageTest',\r\n data: { name: name, message: message },\r\n type: 'GET',\r\n async: true,\r\n dataType: 'json',\r\n success: function (data) {\r\n console.log(data);\r\n },\r\n error: function (xhr: any, status, error) {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n console.log(err);\r\n }\r\n });\r\n}\r\n\r\n//https://github.com/parshap/node-sanitize-filename/blob/master/index.js\r\nfunction SanitizeFileName(input, replacement) {\r\n var illegalRe = /[\\/\\?<>\\\\:\\*\\|\":]/g;\r\n var reservedRe = /^\\.+$/;\r\n var windowsReservedRe = /^(con|prn|aux|nul|com[0-9]|lpt[0-9])(\\..*)?$/i;\r\n var windowsTrailingRe = /[\\. ]+$/;\r\n\r\n var sanitized = input\r\n .replace(illegalRe, replacement)\r\n .replace(reservedRe, replacement)\r\n .replace(windowsReservedRe, replacement)\r\n .replace(windowsTrailingRe, replacement);\r\n return sanitized;\r\n}\r\n\r\nfunction generateUUID() { // Public Domain/MIT\r\n var d = new Date().getTime();\r\n if (typeof performance !== 'undefined' && typeof performance.now === 'function'){\r\n d += performance.now(); //use high-precision timer if available\r\n }\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n var r = (d + Math.random() * 16) % 16 | 0;\r\n d = Math.floor(d / 16);\r\n return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n });\r\n}\r\n\r\n// Checks if navigation type was not back, forward, or reload\r\n// PerformanceNavigationTiming.type is the type of navigation performed and \"navigate\" represents:\r\n// Navigation started by clicking a link, entering the URL in the browser's address bar, form submission,\r\n// or initializing through a script operation other than reload and back_forward.\r\n// https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming/type\r\nfunction isNavigationTypeNavigate() {\r\n if (typeof performance !== \"undefined\" && typeof performance.getEntriesByType === \"function\") {\r\n var entries = performance.getEntriesByType(\"navigation\");\r\n if (entries && entries.length === 1) {\r\n var navigationTimingEntry = entries[0] as PerformanceNavigationTiming;\r\n return navigationTimingEntry.type === \"navigate\";\r\n }\r\n }\r\n\r\n return true;\r\n}\r\n\r\n/*https://stackoverflow.com/a/6713917/6416369*/\r\n(function($,undefined) {\r\n $.fn.cloneSelects = function(withDataAndEvents, deepWithDataAndEvents) {\r\n var $clone = this.clone(withDataAndEvents, deepWithDataAndEvents);\r\n var $origSelects = $('select', this);\r\n var $clonedSelects = $('select', $clone);\r\n $origSelects.each(function(i) {\r\n $clonedSelects.eq(i).val($(this).val());\r\n });\r\n return $clone;\r\n }\r\n})(jQuery);\r\n\r\nfunction stopEventPropagation(e) {\r\n var evt = e ? e:window.event;\r\n if (evt.stopPropagation) \r\n evt.stopPropagation();\r\n if (evt.cancelBubble!=null) \r\n evt.cancelBubble = true;\r\n}\r\n\r\n//session timeout and login\r\nfunction timeoutAlert() {\r\n if (confirm(\"Your session is about to expire. Click OK to keep your session alive.\")) {\r\n $.ajax({\r\n url: getServerAppRoot() + 'Account/Keepalive'\r\n })\r\n .done(function (response) {\r\n var extended = false;\r\n\r\n //if session not yet ended: 200 response is JSON (Object)\r\n //if session has ended: 302->200 response is HTML (String)\r\n if (response != null && response.constructor.name === \"Object\") {\r\n if (response.status === \"success\") {\r\n setTimeout(timeoutAlert, getTimeoutDuration());\r\n extended = true;\r\n }\r\n }\r\n\r\n if (!extended)\r\n alert(\"Your session could not be extended and you will need to login again.\");\r\n })\r\n .fail(function (jqXHR, textStatus, errorThrown) {\r\n alert(\"Your session could not be extended and you will need to login again.\");\r\n });\r\n }\r\n}\r\n\r\nfunction isExpirationCookieValid() {\r\n var expirationString = getCookie('ori.SessionExpiration');\r\n if (typeof expirationString == 'undefined' || expirationString == null || expirationString == '')\r\n return false;\r\n\r\n var jsDate = new Date(expirationString);\r\n var currDate = new Date();\r\n //console.log('jsDate: ' + jsDate + ', currDate: ' + currDate + ', jsDate > currDate: ' + (jsDate > currDate));\r\n return jsDate > currDate;\r\n}\r\n\r\nfunction checkIsTimedOut(forceReathenticate: boolean = false) {\r\n if (!forceReathenticate && isExpirationCookieValid())\r\n return false;\r\n\r\n var checkUrl = getServerAppRoot() + \"Account/CheckCookie\";\r\n var isTimedout = false;\r\n\r\n if (forceReathenticate)\r\n checkUrl += \"?forceReauthenticate=true\";\r\n\r\n $.ajax({\r\n type: 'GET',\r\n url: checkUrl,\r\n dataType: 'json',\r\n data: {},\r\n async: false,\r\n success: function (data) {\r\n\r\n if (data.status == \"success\") {\r\n if (data.authenticated == \"authenticated\") {\r\n\r\n // do nothing\r\n\r\n }\r\n else if (data.authenticated == \"sso\") {\r\n isTimedout = true;\r\n\r\n // open a new browser window instead of a thickbox to use\r\n var relayUrl = getServerAppRoot() + \"Account/TimeoutMessage?clientID=\" + getCurrentClientID();\r\n\r\n if (forceReathenticate) {\r\n relayUrl = relayUrl + \"&_closeAndRefresh=\" + forceReathenticate + \"&popup=true\";\r\n openThickboxPopup(relayUrl);\r\n }\r\n else\r\n window.open(relayUrl, \"Origami.TimeoutReturnPage\", \"toolbar=no, status=no, location=no\");\r\n\r\n }\r\n else if (data.authenticated == \"expired\" && data.issilentlogin == \"true\") {\r\n var relayUrl = getServerAppRoot() + \"Account/Inactive\";\r\n window.open(relayUrl, \"Origami.TimeoutReturnPage\", \"toolbar=no, status=no, location=no\");\r\n }\r\n else {\r\n\r\n isTimedout = true;\r\n var timeoutUrl = getServerAppRoot() + \"Account/TimeoutLogin?account=\" +\r\n encodeURIComponent(getCurrentAccountLogin()) + \"&clientID=\" + getCurrentClientID();\r\n\r\n if (data.issuername != \"\")\r\n timeoutUrl += \"&issuerName=\" + encodeURIComponent(data.issuername);\r\n\r\n openThickboxPopup(timeoutUrl, \"timeoutLogin\");\r\n\r\n }\r\n }\r\n }\r\n });\r\n\r\n return isTimedout;\r\n}\r\n\r\nfunction handleOpenUrlPopup(event) {\r\n var url = $(this).attr('href');\r\n if (url === \"#\") {\r\n // empty anchor is not a valid argument for openUrlPopup\r\n return;\r\n }\r\n event.stopPropagation();\r\n if (url) {\r\n openUrlPopup(url, this, null);\r\n }\r\n return false;\r\n}\r\n\r\n$(document).ready(function () {\r\n\r\n var UNAUTHENTICATED = '_UNAUTHENTICATED_';\r\n\r\n $.ajaxSetup({\r\n dataFilter: function (data, type) {\r\n //if JSON response is HTML from login page make it valid JSON\r\n if (type === 'json' && data.indexOf('') > -1) {\r\n return JSON.stringify({ 'status': UNAUTHENTICATED });\r\n }\r\n return data;\r\n }\r\n });\r\n\r\n $.ajaxPrefilter('json', function (options, originalOptions: any, jqXHR) {\r\n if (options.url !== getServerAppRoot() + 'Account/CheckCookie') {\r\n options.success = function (data) {\r\n //if valid JSON from login page redirect\r\n if (data && data.status === UNAUTHENTICATED) {\r\n checkIsTimedOut();\r\n }\r\n else if (originalOptions.success != null) {\r\n originalOptions.success(data);\r\n }\r\n };\r\n }\r\n });\r\n\r\n if (getCurrentUserUsesAssistiveTechnology() || getEnableTimeoutWarning()) {\r\n setTimeout(timeoutAlert, getTimeoutDuration());\r\n\r\n if (getCurrentUserUsesAssistiveTechnology())\r\n if (!$('#message').hasClass('hidden') && !$('#message').hasClass('notification'))\r\n alert($('#message').text());\r\n }\r\n\r\n $(\"a.downloadLink\").on('click', function () {\r\n return !checkIsTimedOut(); // if timed out, cancel the download so the user can log in first.\r\n });\r\n\r\n if (!window.origami.settings.UseNewModalWindow && typeof $.jqm != 'undefined') {\r\n $('#modalWindow').jqm({\r\n modal: true,\r\n trigger: 'a.thickbox, .lookupImage, img.thickbox, button.thickbox',\r\n target: '#jqmContent',\r\n onShow: loadInIframeModal,\r\n onHide: closeIframeModal,\r\n toTop: true\r\n });\r\n } else { \r\n $(document).on('click', 'a.thickbox, .lookupImage, img.thickbox, button.thickbox', handleOpenUrlPopup); \r\n\r\n $('a.thickbox, .lookupImage, img.thickbox, button.thickbox').on('click', handleOpenUrlPopup);\r\n }\r\n\r\n $('#skipLink').click(function () {\r\n $('#content').find(':focusable').first().focus();\r\n });\r\n\r\n $('.selectnoneall').each(function () {\r\n setSelectAllStatus(this);\r\n });\r\n\r\n verifyAllAriaLabels();\r\n\r\n $('select').each(function () {\r\n addNoneSelected(this);\r\n });\r\n\r\n $('label.required').each(function (index) {\r\n let id = $(this).attr('for');\r\n if (id)\r\n $(`#${id}`).attr(\"aria-required\", \"true\");\r\n });\r\n\r\n $(document).on('focus', '.menu, .signout', function () {\r\n deactivateGlobalSearch();\r\n });\r\n\r\n if (window.origami.settings.AppendColonToFormLabels) {\r\n $('label').each(function (index) {\r\n /* add a colon + space to the end of label text. This is needed by screen readers so they insert an audible gap between \r\n words that appear within and after a label. Without these chars, the words blend together as though they are part of a\r\n contiguous sentence rather than separate caption/value fields. */\r\n try {\r\n let text = $(this).text().trim();\r\n if (text === '')\r\n return;\r\n if (!text)\r\n return;\r\n if (!text.match(/.*\\w$/)) // do not add colon if last char in string is a special char like ?><:\"{)...\r\n return;\r\n if ($(this).parent()[0].localName !== 'li')\r\n return;\r\n if ($(this).children().length > 0)\r\n return;\r\n $(this).html(`${$(this).html()}: `);\r\n } catch {\r\n }\r\n });\r\n } \r\n\r\n $(document).on('focus', ':focusable', function () {\r\n if ($(this).closest('#moreActionsMenu').length === 0)\r\n $('#moreActionsMenu').hide();\r\n });\r\n\r\n let message = $('#message').text();\r\n if (message)\r\n screenReaderMessage(message, false);\r\n\r\n afterResize();\r\n});\r\n\r\nfunction customMenuOnEvent(event, extraParameters) {\r\n try {\r\n var target = $(event.target);\r\n target.off(\"actionMenu.origami\");\r\n event.stopPropagation();\r\n } catch (x) { }\r\n}\r\n\r\nfunction isWithinIframe() {\r\n if (window.parent && window.parent.document)\r\n return (window.parent !== window)\r\n return false;\r\n}\r\n\r\n$(window).resize(function () {\r\n afterResize();\r\n});\r\n\r\nfunction afterResize() {\r\n $('#responsive-spacing').height($('.titleArea').height() + 10);\r\n}\r\n\r\nfunction verifyAllAriaLabels() {\r\n $('input:not([aria-label])').each(function (index) {\r\n verifyAriaLabel(this);\r\n });\r\n\r\n $('select:not([aria-label])').each(function (index) {\r\n verifyAriaLabel(this);\r\n });\r\n\r\n $('textarea:not([aria-label])').each(function (index) {\r\n verifyAriaLabel(this);\r\n });\r\n}\r\n\r\nfunction verifyAriaLabel(element) {\r\n let id = $(element).attr('id');\r\n if (id) {\r\n /* we attempt to pull text from associated label because if the field is required, an asterisk is appended to the label. \r\n * Screen readers read that askerisk. If we extract the text here, it does not pull the asterisk, so the asterisk \r\n * is not read, which is what is expected. */\r\n let label = $(`label[for=\"${id}\"]`);\r\n if (label.length == 1) {\r\n $(element).attr('aria-label', label.text());\r\n return;\r\n }\r\n $(element).attr('aria-label', id.toTitleCase());\r\n return;\r\n }\r\n let name = $(element).attr('name');\r\n if (name) {\r\n $(element).attr('aria-label', name.toTitleCase());\r\n return;\r\n }\r\n}\r\n\r\n\r\nfunction copyToClipBoard(triggerElement: any, content: string) {\r\n if (typeof content == 'undefined') {\r\n if ($(triggerElement).has('[data-clipboard-content]')) {\r\n content = $(triggerElement).attr('data-clipboard-content');\r\n }\r\n }\r\n\r\n var origTip = $(triggerElement).attr('data-tippy-content');\r\n\r\n if (content == null || content === '')\r\n return false;\r\n\r\n if (navigator.clipboard) {\r\n try {\r\n navigator.clipboard.writeText(content);\r\n\r\n if (typeof triggerElement._tippy != 'undefined') {\r\n triggerElement._tippy.setContent('Copied to clipboard!');\r\n setTimeout(function () {\r\n triggerElement._tippy.hide();\r\n }, 1000);\r\n\r\n setTimeout(function () {\r\n triggerElement._tippy.setContent(origTip);\r\n }, 2000);\r\n }\r\n } catch (err) {\r\n console.error('Failed to copy!', err)\r\n }\r\n }\r\n else if (window.clipboardData) { // Internet Explorer\r\n try {\r\n window.clipboardData.setData(\"Text\", content);\r\n if (typeof triggerElement._tippy != 'undefined') {\r\n triggerElement._tippy.setContent('Copied to clipboard!');\r\n setTimeout(function () {\r\n triggerElement._tippy.hide();\r\n }, 1000);\r\n\r\n setTimeout(function () {\r\n triggerElement._tippy.setContent(origTip);\r\n }, 2000);\r\n }\r\n } catch (err) {\r\n console.error('Failed to copy!', err)\r\n }\r\n }\r\n\r\n return false;\r\n}\r\n\r\nfunction AddAntiForgeryToken(data) {\r\n data.__RequestVerificationToken = $(\"#_csrfPostForm > input[name='__AjaxRequestVerificationToken']\").val();\r\n return data;\r\n};\r\n\r\nfunction CreateAndReplaceDocumentServerPostURL(form) {\r\n form[0].action = CreateDocumentServerPostURL(form[0].action);\r\n}\r\n\r\nfunction CreateDocumentServerPostURL(actionUrl) {\r\n if (!actionUrl.includes(\"Documents/DocumentServerAction\"))\r\n return actionUrl;\r\n\r\n actionUrl = actionUrl.replace(/&/g, \"&\");\r\n\r\n var baseUrl = actionUrl + '&postAction=true';\r\n var finalUrl = \"\";\r\n\r\n $.ajax({\r\n url: baseUrl,\r\n type: 'GET',\r\n async: false,\r\n success: function (data) {\r\n finalUrl = data;\r\n },\r\n error: function (xhr: any, status, error) {\r\n var err = eval(\"(\" + xhr.responseText + \")\");\r\n console.log(err);\r\n }\r\n });\r\n\r\n return finalUrl;\r\n};\r\n\r\nfunction smoothScrollToElement(elem: HTMLElement, speed: string, offset: number) {\r\n if (typeof speed == 'undefined' || speed == null || speed === \"\")\r\n speed = \"slow\";\r\n\r\n if (typeof offset || offset == null)\r\n offset = -75;\r\n\r\n if ($(elem).length != 1)\r\n return;\r\n\r\n $(\"html, body\").animate({ scrollTop: $(elem).offset().top + offset }, speed);\r\n}\r\n\r\nfunction logRecentLinkAccessed(selector: string, domainID: number) {\r\n $( selector ).on('click',function() {\r\n $.ajax({\r\n type: 'POST',\r\n url: getControllerName() + '/SaveLinkAccessed',\r\n dataType: 'json',\r\n data: {\r\n domainID: domainID,\r\n linkAddress: $(this).attr('href'),\r\n name: $(this).text(),\r\n },\r\n async: false,\r\n success: function(data) {}\r\n });\r\n });\r\n}\r\n\r\n$(document).on('change', '.selectnoneall', function () {\r\n setSelectAllStatus(this);\r\n});\r\n\r\nfunction setSelectAllStatus(checkbox) {\r\n let optionText = checkbox.checked ? 'None' : 'All Rows';\r\n $(checkbox).attr('aria-label', `Select ${optionText}`);\r\n}\r\n\r\nfunction getCustomFieldNameFromAlias(aliasName) {\r\n try {\r\n if (aliasName == null)\r\n return aliasName;\r\n const fieldAliases = JSON.parse($('[name=\"customFieldAliases\"]').val());\r\n\r\n // remove the Alias_ part, and account for the possibility of a dot operator (e.g. \"Alias_FieldName.DisplayCode\") in a formula tag\r\n var parts = aliasName.split('Alias_').pop().split('.');\r\n var search = parts[0];\r\n\r\n for (var i in fieldAliases) {\r\n var alias = fieldAliases[i];\r\n if (alias.Alias == search) {\r\n var replacement = parts.length > 1 ? alias.Field + '.' + parts[1] : alias.Field;\r\n console.log('ALIAS: Replacing ' + aliasName + ' with ' + replacement);\r\n return replacement;\r\n }\r\n }\r\n\r\n return aliasName;\r\n }\r\n catch {\r\n return 'Custom field name not available.'\r\n }\r\n}\r\n\r\nfunction addNoneSelected(element) {\r\n let options = null;\r\n if ($(element).children().is('option')) {\r\n options = $(element).children();\r\n } else if ($(element).children().is('optgroup')) {\r\n options = $(element).children().children();\r\n }\r\n if (options && options.length > 0 && $(options[0]).text() === '') {\r\n $(options).not(options[0]).css('color', 'initial');\r\n $(options[0]).addClass('faded');\r\n $(options[0]).text(window.origami.settings.EmptyComboBoxText);\r\n $(options[0]).val('');\r\n }\r\n setSelectOption(element);\r\n $(element).change(function () {\r\n setSelectOption(this);\r\n });\r\n}\r\n\r\nfunction setSelectOption(element) {\r\n let opt = $(element).find(':selected');\r\n if ($(opt).hasClass('faded')) {\r\n $(element).addClass('faded');\r\n } else {\r\n $(element).removeClass('faded');\r\n }\r\n}\r\n\r\nfunction shrinkTooltipIfNecessary(instance) {\r\n let maxLines = window.origami.settings.TooltipMaximumLinesVisible;\r\n\r\n if (maxLines <= 0) return;\r\n\r\n let pC = instance.popperChildren;\r\n\r\n const lineHeight = Number.parseFloat($(pC.content).css(\"line-height\"));\r\n const height = Number.parseFloat($(pC.content).css(\"height\"));\r\n\r\n if (height <= maxLines * lineHeight) return;\r\n\r\n $(pC.content).css({ \"height\" : maxLines * lineHeight, \"overflow\": \"hidden\", \"cursor\": \"pointer\", \"mask-image\": `linear-gradient(to top, transparent, ${$(pC.tooltip).css(\"background-color\")})` });\r\n $(pC.tooltip).append($(`(click to expand)
`));\r\n\r\n $(pC.tooltip).click(() => {\r\n openMessagePopup($(instance.popperChildren.content).html(), \"Tooltip Detail\");\r\n })\r\n}\r\n\r\nfunction openMessagePopup(text, title = \"Message\") {\r\n window.origami.data.messageText = text;\r\n let url = getServerAppRoot() + `${getControllerName()}/MessageWithTitle`;\r\n url += \"?message=placeholder&title=\" + encodeURIComponent(title);\r\n openThickboxPopup(url);\r\n}\r\n\r\n\r\n\r\n/**\r\n * sensitive fields:\r\n */\r\n\r\nconst sensitiveFieldMessages = {\r\n confirm: 'Are you sure you want to show the value of this Sensitive Field? Access will be logged.',\r\n tooltips: {\r\n reveal: 'Click to show the value of this Sensitive Field.',\r\n hide: 'Click to hide the value of this Sensitive Field.',\r\n overwrite: 'You do not have access to show the value of this Sensitive Field. Click to overwrite it with a new value.',\r\n undo: 'Click to revert this Sensitive Field to its original value and undo any changes.'\r\n },\r\n}\r\n\r\nfunction initSensitiveFields(subset) {\r\n\r\n if (typeof getControllerAction !== 'function') return;\r\n const action = getControllerAction().toLowerCase();\r\n\r\n // set tooltips based on data-tooltip-key, so we can store all sensitive field tooltip strings in one place\r\n $(\"button.sensitiveFieldButton\", subset).each(function () {\r\n setSensitiveFieldTooltip($(this));\r\n });\r\n\r\n // if we're validating (i.e. action == save) and there are sensitive fields on the page, make sure the sensitive fields are properly filled\r\n if (typeof getSensitiveFieldChanges === 'function' && action == 'save') {\r\n\r\n getSensitiveFieldChanges().forEach(data => {\r\n\r\n const input: JQuery = $(`[name=${data[\"field\"]}]`);\r\n const radioInputs: JQuery = input.siblings('label').find('input[type=\"radio\"]');\r\n const button: JQuery = input.siblings('button.sensitiveFieldButton');\r\n\r\n // all sensitive fields with a value on the model should have this data attribute\r\n if (data[\"hasPreviousValue\"]) {\r\n input.data('sensitive-has-value', true);\r\n }\r\n\r\n if (!input.hasClass('sensitiveFieldChanged')) {\r\n input.addClass('sensitiveFieldChanged');\r\n }\r\n\r\n // radio buttons are weird, do them differently\r\n if (radioInputs.length) {\r\n\r\n // first set the hidden one\r\n input.val(data[\"value\"]);\r\n\r\n // then, if the value isn't empty, make sure the correct radio button is checked\r\n if (data[\"value\"]) {\r\n clearRadio(radioInputs.filter(`[value=\"${data[\"value\"]}\"]`).prop('checked', true));\r\n }\r\n\r\n }\r\n else {\r\n\r\n // first, get input and set value from just submitted form, also set placeholder in case user re-masks the field\r\n input.val(data[\"value\"]).data('placeholder', data['placeholder']);\r\n\r\n // if this is a lookup, it will have a lookupDescription, so set the display input to that description, also set placeholder in case user re-masks the field\r\n if (data[\"lookupDescription\"] && input.attr('type') == 'hidden') {\r\n input.siblings('input').val(data[\"lookupDescription\"]).data('placeholder', data['placeholder']);\r\n }\r\n\r\n }\r\n\r\n // if hasPreviousValue, they are overwriting an old value, so the button should be set to 'undo' state. Otherwise, or if the field is readonly, remove the button\r\n if (data[\"hasPreviousValue\"] && !input.data('sensitive-readonly') && button[0]) {\r\n toggleSensitiveField({ e: button[0], maskingType: input.hasClass('socialsecurity') ? 'SocialSecurity' : 'General', mode: button.data('tooltip-key') == 'reveal' ? 'Edit' : 'Overwrite', noAjax: true });\r\n } else {\r\n button.remove();\r\n }\r\n });\r\n }\r\n\r\n // remove all edit-page sensitive field buttons where the field doesn't yet have a value on the model\r\n $('button.sensitiveFieldButton', subset).not('.sensitiveFieldUndo').filter(function () {\r\n const input: JQuery = $(this).siblings('input, select, textarea');\r\n return input.length && !input.data('sensitive-has-value') && (!input.attr('disabled') || input.data('sensitive-readonly'));\r\n }).remove();\r\n\r\n // if a sensitive field (edit form) is changed through some automatic way, like a datepicker or autofill, make sure the field is set to overwrite mode\r\n $('input.sensitiveField, select.sensitiveField, textarea.sensitiveField', subset).filter(function () {\r\n // make sure radio buttons are not included\r\n return !$(this).is('[type=\"radio\"]') && $(this).siblings('label').children('[type=\"radio\"]').length == 0;\r\n }).on('change', (e) => {\r\n\r\n const button: JQuery = $(e.target).closest('span.value').find('button.sensitiveFieldButton');\r\n if (button.length && !button.hasClass('unmasked')) {\r\n\r\n // recordID and fieldName don't matter because no data is being fetched\r\n toggleSensitiveField({\r\n e: button[0],\r\n maskingType: $(e.target).hasClass('socialsecurity') ? 'SocialSecurity' : 'General',\r\n mode: button.data('tooltip-key') == 'reveal' ? 'Edit' : 'Overwrite',\r\n noAjax: true\r\n });\r\n }\r\n // Need to know if we are intentionally trying to change the value of a field we don't have permission to unmask\r\n else if (!button.length) {\r\n $(e.target).addClass('sensitiveFieldChanged');\r\n }\r\n\r\n });\r\n\r\n // if a sensitive field is initially masked, hide buttons that aren't the unmask button, like datepicker or lookup\r\n $('button.sensitiveFieldButton', subset).not('.sensitiveFieldUndo').siblings('button').not('.sensitiveFieldButton').hide();\r\n}\r\n\r\n/**\r\n * This is the onclick method used for masking/unmasking sensitive fields.\r\n * e: button html node\r\n * recordID: recordID of the record being viewed/edited\r\n * fieldName: fieldname, i.e. 'SocialSecurity' or 'CustomText1'\r\n * maskingType: currently will be 'SocialSecurity' or 'General'\r\n * mode: will be 'Edit' or 'View' or 'Overwrite'\r\n * noAjax: if true, value will not be fetched/populated, similar to overwrite\r\n */\r\nfunction toggleSensitiveField({ e = null, recordID = 0, fieldName = '', maskingType = 'General', mode = 'Overwrite', noAjax = false }) {\r\n const button: JQuery = $(e);\r\n const input: JQuery = button.closest('span.value').find('input.sensitiveField, select.sensitiveField, textarea.sensitiveField');\r\n const unmasking: boolean = !button.hasClass('unmasked');\r\n\r\n // initially store placeholder in data, if not view mode\r\n if (unmasking && mode !== 'View' && input.length && !input.data('placeholder')) {\r\n input.data('placeholder', input.attr('placeholder'));\r\n }\r\n\r\n // this is the no permissions case:\r\n if (mode === 'Overwrite') {\r\n\r\n styleSensitiveFieldInput(input, unmasking);\r\n styleSensitiveFieldButton(button, mode, unmasking);\r\n\r\n // if masking, clear value\r\n if (!unmasking) {\r\n input.val(null);\r\n\r\n // make sure radio buttons are cleared\r\n input.filter('[type=\"radio\"]').filter('[previouslychecked=\"true\"]').each(function () {\r\n clearRadio($(this));\r\n });\r\n }\r\n\r\n // if ssn, toggle input masking\r\n if (unmasking && maskingType == 'SocialSecurity') {\r\n input.maskedInput({ mask: \"ssn\" });\r\n }\r\n\r\n toggleFieldChanged(fieldName, false);\r\n }\r\n\r\n // this is used when we want to style the field like it has been revealed, but don't want to call ajax/populate value\r\n else if (noAjax) {\r\n styleSensitiveFieldButton(button, mode, unmasking);\r\n\r\n if (mode == 'Edit') {\r\n\r\n styleSensitiveFieldInput(input, unmasking);\r\n\r\n if (unmasking && maskingType == 'SocialSecurity') {\r\n input.maskedInput({ mask: \"ssn\" });\r\n }\r\n }\r\n }\r\n\r\n // this is the has permissions case:\r\n else { \r\n\r\n if (unmasking && !confirm(sensitiveFieldMessages.confirm)) {\r\n return;\r\n }\r\n\r\n $.ajax({\r\n data: AddAntiForgeryToken({ recordID, fieldName, maskingType, unmasking }),\r\n type: 'POST',\r\n url: getServerAppRoot() + `${getControllerName()}/UnlockSensitiveField/`,\r\n success: (data) => {\r\n if (data.status == 'success') {\r\n\r\n styleSensitiveFieldButton(button, mode, unmasking);\r\n\r\n if (mode === 'Edit') {\r\n\r\n styleSensitiveFieldInput(input, unmasking);\r\n\r\n if (input.filter('[type=\"radio\"]').length) {\r\n\r\n // for radio inputs\r\n input.filter('.sensitiveFieldHidden').val(unmasking ? data.value : null);\r\n\r\n if (unmasking) {\r\n // when unmasking, clearRadio() for radio that matches data.value\r\n clearRadio(input.filter('[type=\"radio\"]').filter(`[value=\"${data.value}\"]`).prop('checked', true));\r\n }\r\n else {\r\n // when masking, clearRadio() for all radios\r\n input.filter('[type=\"radio\"]').filter('[previouslychecked=\"true\"]').each(function () {\r\n clearRadio($(this));\r\n });\r\n }\r\n }\r\n else if (input.filter('select').length) {\r\n\r\n // for dropdowns\r\n input.val(unmasking ? data.value : null);\r\n }\r\n else {\r\n\r\n // for normal inputs\r\n input.not('.sensitiveFieldHidden').val(unmasking ? data.display : null); // populate display if unmasking\r\n input.filter('.sensitiveFieldHidden').val(unmasking ? data.value : null); // populate associationID if unmasking\r\n }\r\n\r\n // if editing, mask ssn appropriately\r\n if (unmasking && maskingType == 'SocialSecurity') {\r\n input.maskedInput({ mask: \"ssn\" });\r\n }\r\n\r\n toggleFieldChanged(fieldName, false);\r\n }\r\n\r\n else if (mode === 'View') {\r\n const siblingSpan = button.siblings('span.sensitiveField');\r\n\r\n if (unmasking && data.link) {\r\n // if this is an associated record, the ajax will return a link to the record as well, so add that\r\n siblingSpan.html(`${data.display}`);\r\n } else {\r\n // otherwise, just replace with value\r\n if (siblingSpan.length > 0) {\r\n siblingSpan.text(data.display);\r\n }\r\n else {\r\n // Could be a readOnly field on edit screen, in which case value is shown in a disabled input\r\n const siblingInput = button.siblings('input.sensitiveField');\r\n if (siblingInput.length > 0) {\r\n siblingInput.val(data.display);\r\n }\r\n }\r\n }\r\n }\r\n\r\n } else {\r\n\r\n statusErrorMessage('An error occurred while trying to unlock a sensitive field.');\r\n }\r\n }\r\n });\r\n }\r\n\r\n}\r\n\r\nfunction styleSensitiveFieldButton(button: JQuery, mode: string, unmasking: boolean) {\r\n\r\n // function to remove existing icon classes and add the new one\r\n const toggleIcon = (maskedClass: string, unmaskedClass: string) => button.find('i').removeClass('fa-lock').removeClass('fa-undo').removeClass('fa-unlock').removeClass('fa-edit').addClass(`fa-${unmasking ? unmaskedClass : maskedClass}`);\r\n\r\n // function to toggle cancel button style\r\n const toggleUndoStyle = () => button.toggleClass('sensitiveFieldUndo', unmasking);\r\n\r\n // function to toggle tooltip between two keys\r\n const toggleTooltip = (maskedKey: string, unmaskedKey: string) => setSensitiveFieldTooltip(button, unmasking ? unmaskedKey : maskedKey);\r\n\r\n button.toggleClass('unmasked');\r\n\r\n switch (mode) {\r\n case 'Edit':\r\n toggleIcon('lock', 'undo');\r\n toggleTooltip('reveal', 'undo');\r\n toggleUndoStyle();\r\n\r\n break;\r\n case 'View':\r\n toggleIcon('lock', 'unlock');\r\n toggleTooltip('reveal', 'hide');\r\n\r\n break;\r\n case 'Overwrite':\r\n toggleIcon('edit', 'undo');\r\n toggleTooltip('overwrite', 'undo');\r\n toggleUndoStyle();\r\n\r\n break;\r\n }\r\n\r\n // remove focus from button\r\n button.blur();\r\n\r\n // toggle buttons besides the sensitive field button, for example datepicker or lookup buttons\r\n const siblingButtons = button.siblings('button').not('.sensitiveFieldButton');\r\n unmasking ? siblingButtons.show() : siblingButtons.hide();\r\n}\r\n\r\nfunction setSensitiveFieldTooltip(button: JQuery, key: string = null) {\r\n\r\n if (button?.children().length) {\r\n\r\n // get message from messages object, or use default if not available\r\n const message: string = sensitiveFieldMessages.tooltips[key ?? button.data('tooltip-key')] ?? 'This is a sensitive field.';\r\n\r\n // set tippy content\r\n button.children().first()[0]['_tippy']?.setContent(message);\r\n button.children().first().attr('data-tippy-content', message);\r\n }\r\n}\r\n\r\nfunction styleSensitiveFieldInput(input: JQuery, unmasking: boolean) {\r\n\r\n // disable when masking, enable when unmasking\r\n input.prop('disabled', !unmasking);\r\n\r\n // text fields should have placeholder when masked, no placeholder when unmasked\r\n input.filter('input, textarea').attr('placeholder', !unmasking ? input.data('placeholder') : null);\r\n\r\n const select: JQuery = input.filter('select');\r\n if (select.length) {\r\n\r\n // switch the first option's text and value based on the data attributes on the select (set in HtmlHelperExtensions)\r\n // setting the actual value of the select will be done after this code is run\r\n select.find('option').first().text(unmasking ? select.data('first-option-text') : select.data('placeholder'));\r\n select.find('option').first().val(unmasking ? select.data('first-option-value') : null);\r\n\r\n select.toggleClass('faded', !unmasking);\r\n }\r\n}\r\n\r\n// Cached Grids\r\nvar _cachedGridKeys = []\r\n\r\nfunction addCachedGridKey(key) {\r\n _cachedGridKeys.push(key);\r\n $(\"#CachedGridKeys\").val(_cachedGridKeys.join(\",\"));\r\n}\r\n\r\nfunction reloadCachedGrids() {\r\n for (const key of _cachedGridKeys) {\r\n var url = getServerAppRoot() + \"/Dynamic/ReloadCachedGrid/?gridCacheKey=\" + key;\r\n $(\"div[name='cachedGridReloadContainer-\" + key +\"']\").load(url);\r\n }\r\n}\r\n\r\nfunction clearCachedGridKeys() {\r\n for (const key of _cachedGridKeys) {\r\n let isError = false;\r\n $.ajax({\r\n type: 'POST',\r\n url: getServerAppRoot() + getControllerName() + \"/RemoveGridCacheKey/?gridCacheKey=\" + key,\r\n data: AddAntiForgeryToken({\r\n gridCacheKey: key\r\n }),\r\n success: function () {\r\n console.log('Grid Cache Key deleted.');\r\n },\r\n error: (err) => {\r\n console.log('err: ' + err);\r\n isError = true;\r\n }\r\n });\r\n return isError;\r\n }\r\n\r\n _cachedGridKeys = [];\r\n $(\"#CachedGridKeys\").val(\"\");\r\n}\r\n\r\nconst initializeSignalRProxies = () => {\r\n if (!$.connection) { // bail early if the signalr library is not loaded\r\n return;\r\n }\r\n\r\n try {\r\n // Add all the client methods so the signalR connection can be established correctly for all hubs. All client methods for the hubs should be included here, but the actual event handler implementation is done in the hub itself.\r\n initSignalRForTextMessages();\r\n initSignalRForConfigMigration();\r\n\r\n // Close the connection when the page is navigating away\r\n $(window).on('beforeunload', function () {\r\n $.connection.hub.stop();\r\n });\r\n } catch (error) {\r\n console.info('Error initializing SignalR proxies', error);\r\n }\r\n};\r\n\r\nconst initSignalRForTextMessages = () => {\r\n const textMessageHub = $.connection.MessageNotificationsHub = $.connection.hub.createHubProxy('MessageNotificationsHub');\r\n textMessageHub.client = {};\r\n\r\n const textMessageHubClientActions = [\"sendMessageNotification\"];\r\n textMessageHubClientActions.forEach(action => {\r\n textMessageHub.client[action] = (...params) => {\r\n $(document).trigger(action, params);\r\n };\r\n });\r\n};\r\n\r\nconst initSignalRForConfigMigration = () => {\r\n const migrationHub = $.connection.MigrationsHub = $.connection.hub.createHubProxy('MigrationsHub');\r\n migrationHub.client = {};\r\n\r\n const migrationHubClientActions = [\"sendMigrationImportStatusMessage\", \"promptForUserInput\"];\r\n migrationHubClientActions.forEach(action => {\r\n migrationHub.client[action] = (...params) => {\r\n $(document).trigger(action, params);\r\n };\r\n });\r\n};"]}