');\r\n\r\n // set or re-set the original position value\r\n $('body').attr('data-original-position', originalPosition);\r\n\r\n // only create footer if we have footer content\r\n if (!sm.portal.utility.isNullEmptyOrNothing(footerContent)) {\r\n footerContent = $(')').append(footerContent);\r\n $(modal).find('.smModalContent').after(footerContent);\r\n }\r\n\r\n // freeze the dom\r\n sm.portal.theme.freezeContent();\r\n // Append overlay and grow\r\n overlay.appendTo('body').height($(window).height() + 'px');\r\n // Add the content\r\n modal.find('.smModalContent').html(content);\r\n // Append and set heights\r\n //some cases there can be two divs so calling last picks the correct one\r\n modal.appendTo('.smOverlay').last().addClass('active');\r\n // wire up closing\r\n //if there is an id we need to pass it in, if two lightboxes are up it will close both\r\n sm.portal.ui.closeLightbox(id, closeCallback, originalPosition, focusableElement);\r\n\r\n // execute callback if exists\r\n if (!sm.portal.utility.isNullOrEmpty(callback) && typeof callback === 'function') {\r\n eval(callback());\r\n }\r\n\r\n sm.portal.ui.resizeLightbox();\r\n /*\r\n * Accessibility\r\n * See sm.keyboardnav.js\r\n\r\n * modalNav()\r\n * Give first tabbable element in modal focus and keep tabbing focus within modal.\r\n */\r\n sm.portal.keyboardNav.modalNav();\r\n }\r\n\r\n function sponsorLightBox(title, content, baseClass, callback, hideContentOnClose, footerContent, closeCallback, noModalHeight, noModalContentHeight, id, focusableElement) {\r\n // Portal Responsive Lightbox Custom Code\r\n // Generic Portal Lightbox - Pass in Title/Content\r\n\r\n var originalPosition = $('[data-original-position]').length > 0 ? $('[data-original-position]').attr('data-original-position') : $(window).scrollTop();\r\n var base = baseClass == null ? \"\" : baseClass;\r\n var setModalHeight = (noModalHeight == 'true' || noModalHeight == true) ? 'data-no-auto-height' : '';\r\n var setModalContentHeight = (noModalContentHeight == 'true' || noModalContentHeight == true) ? 'data-no-auto-height' : '';\r\n var overlay = $('
');\r\n //we always want the About Box to be at the top\r\n if (!sm.portal.utility.isNullEmptyOrNothing(id) && id == \"AboutBox\") {\r\n overlay.attr(\"style\", \"z-index: 1000\");\r\n }\r\n\r\n //dummy anchor to get focus\r\n var modal = $('
' + title + ' Dialog ');\r\n\r\n // set or re-set the original position value\r\n $('body').attr('data-original-position', originalPosition);\r\n\r\n // only create footer if we have footer content\r\n if (!sm.portal.utility.isNullEmptyOrNothing(footerContent)) {\r\n footerContent = $(')').append(footerContent);\r\n $(modal).find('.smModalContent').after(footerContent);\r\n }\r\n\r\n\r\n\r\n // freeze the dom\r\n sm.portal.theme.freezeContent();\r\n\r\n // Append overlay and grow\r\n overlay.appendTo('body').height($(window).height() + 'px');\r\n // Add the content\r\n modal.find('.smModalContent').html(content);\r\n // Append and set heights\r\n //some cases there can be two divs so calling last picks the correct one\r\n modal.appendTo('.smOverlay').last().addClass('active');\r\n // wire up closing\r\n //if there is an id we need to pass it in, if two lightboxes are up it will close both\r\n sm.portal.ui.closeSponsorLightbox(id, closeCallback, originalPosition, focusableElement);\r\n\r\n // execute callback if exists\r\n if (!sm.portal.utility.isNullOrEmpty(callback) && typeof callback === 'function') {\r\n eval(callback());\r\n }\r\n\r\n sm.portal.ui.resizeLightbox();\r\n /*\r\n * Accessibility\r\n * See sm.keyboardnav.js\r\n\r\n * modalNav()\r\n * Give first tabbable element in modal focus and keep tabbing focus within modal.\r\n */\r\n sm.portal.keyboardNav.modalNav();\r\n }\r\n\r\n // Lightbox Closing by 'Esc' or 'Close' button within overlay\r\n function closeSponsorLightbox(which, cb, originalPos, focusableElement) {\r\n\r\n which = ($('#' + which).length > 0 && $('#' + which).is('.smModal')) ? $('#' + which) : $('.smModal.active');\r\n\r\n originalPos = (typeof originalPos == 'number') ? originalPos : $('[data-original-position]').attr('data-original-position');\r\n\r\n // with escape key\r\n $(document).one('keyup', function (e) {\r\n if (e.keyCode == 27) {\r\n which.closest('.smOverlay').remove();\r\n\r\n sm.portal.theme.unfreezeContent();\r\n sm.portal.theme.restorePosition(originalPos);\r\n }\r\n\r\n // execute callback if exists\r\n if (cb != null && cb != '' && cb != 'undefined') {\r\n sm.portal.ui.executeFunctionByName(cb, window, null);\r\n }\r\n });\r\n\r\n // with close button\r\n which.find(\".smModalClose,[data-close-lightbox]\").on('click keypress', function (cb) {\r\n\r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13 || event.which == 32))) {\r\n which.closest('.smOverlay').remove();\r\n\r\n sm.portal.theme.unfreezeContent();\r\n sm.portal.theme.restorePosition(originalPos);\r\n\r\n // execute close callback\r\n if (cb != null && cb != '' && cb != 'undefined') {\r\n sm.portal.ui.executeFunctionByName(cb, window, null);\r\n }\r\n \r\n }\r\n });\r\n\r\n }\r\n\r\n // Lightbox reset content\r\n function loadOrCreateLightbox(title, content, baseClass, callback, hideContentOnClose, footerContent, closeCallback, noModalHeight, noModalContentHeight, id) {\r\n\r\n // Check for existing lightbox\r\n var matches = $(\"div.smModal.active\");\r\n if (matches.length == 0) {\r\n\r\n // Generate a new lightbox\r\n return lightBox(title, content, baseClass, callback, hideContentOnClose, footerContent, closeCallback, noModalHeight, noModalContentHeight, id);\r\n }\r\n\r\n // replace the content\r\n $(matches[0]).find(\"div.smModalContent\").html(content);\r\n\r\n // replace the footer\r\n if (!sm.portal.utility.isNullOrEmpty(footerContent)) {\r\n $(matches[0]).find(\"div.smModalFooter\").html(footerContent);\r\n }\r\n }\r\n\r\n // Lightbox resizing\r\n function resizeLightbox() {\r\n $('.smOverlay').height($(window).height() + 'px');\r\n $('.smModal').not('[data-no-auto-height]').height(($(window).height() /* - 60 */) + 'px');\r\n $('.smModalContent').not('[data-no-auto-height]').height($(window).height() - $('.smModalHeader').height() + 'px');\r\n }\r\n\r\n // Lightbox Closing by 'Esc' or 'Close' button within overlay\r\n function closeLightbox(which, cb, originalPos, focusableElement) {\r\n\r\n which = ($('#' + which).length > 0 && $('#' + which).is('.smModal')) ? $('#' + which) : $('.smModal.active');\r\n\r\n originalPos = (typeof originalPos == 'number') ? originalPos : $('[data-original-position]').attr('data-original-position');\r\n\r\n // with escape key\r\n $(document).one('keyup', function (e) {\r\n if (e.keyCode == 27) {\r\n which.closest('.smOverlay').remove();\r\n\r\n sm.portal.theme.unfreezeContent();\r\n sm.portal.theme.restorePosition(originalPos);\r\n }\r\n\r\n // execute callback if exists\r\n if (cb != null && cb != '' && cb != 'undefined') {\r\n sm.portal.ui.executeFunctionByName(cb, window, null);\r\n }\r\n });\r\n\r\n // with close button\r\n which.find(\".smModalClose,[data-close-lightbox]\").on('click keypress', function (cb) {\r\n\r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13 || event.which == 32))) {\r\n which.closest('.smOverlay').remove();\r\n\r\n sm.portal.theme.unfreezeContent();\r\n sm.portal.theme.restorePosition(originalPos);\r\n\r\n // execute close callback\r\n if (cb != null && cb != '' && cb != 'undefined') {\r\n sm.portal.ui.executeFunctionByName(cb, window, null);\r\n }\r\n if (!sm.portal.utility.isNullOrEmpty(focusableElement) && focusableElement.length > 0)\r\n focusableElement.focus();\r\n else\r\n sm.portal.keyboardNav.giveContentFocus('.smContentArea');\r\n }\r\n });\r\n\r\n\r\n\r\n }\r\n\r\n // Remove lightbox completely from the DOM\r\n function removeLightbox(element) {\r\n $('.smOverlay,.smModal').remove();\r\n // Unfreeze the dom for iOS\r\n sm.portal.theme.unfreezeContent();\r\n if (!sm.portal.utility.isNullOrEmpty(element) && element.length > 0)\r\n element.focus();\r\n else\r\n sm.portal.keyboardNav.giveContentFocus('.smContentArea');\r\n }\r\n\r\n\r\n\r\n /*********************************************************************************/\r\n /* Element Decoration Methods */\r\n /*********************************************************************************/\r\n function syntaxHighlight(json) {\r\n json = json.replace(/&/g, '&').replace(//g, '>');\r\n return json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g, function (match) {\r\n var cls = 'number';\r\n if (/^\"/.test(match)) {\r\n if (/:$/.test(match)) {\r\n cls = 'key';\r\n } else {\r\n cls = 'string';\r\n }\r\n } else if (/true|false/.test(match)) {\r\n cls = 'boolean';\r\n } else if (/null/.test(match)) {\r\n cls = 'null';\r\n }\r\n return '
' + match + '';\r\n });\r\n }\r\n\r\n function hideElements() {\r\n if ($('.smContentArea.u4HideNav').length > 0) {\r\n $('.smContentArea.u4HideNav').removeClass('u4HideNav');\r\n $('body').addClass('u4HideNav');\r\n }\r\n\r\n if ($('.smContentArea.u4HideFooter').length > 0) {\r\n $('.smContentArea.u4HideFooter').removeClass('u4HideFooter');\r\n $('body').addClass('u4HideFooter');\r\n }\r\n }\r\n\r\n\r\n\r\n /*********************************************************************************/\r\n /* Standard Record Paging View Model */\r\n /*********************************************************************************/\r\n function RecordPagingViewModel() {\r\n\r\n // Pager Data Points\r\n // Current Page Index\r\n this.Page = ko.observable();\r\n // Current Page Number (Index + 1, handles 0-based indexes)\r\n this.PageNumber = ko.computed(function () {\r\n return (parseInt(this.Page()) + 1);\r\n }, this);\r\n // Total count of pages\r\n this.PageCount = ko.observable();\r\n // Page size\r\n this.PageSize = ko.observable(10);\r\n // Total Records returned\r\n this.RecordCount = ko.observable();\r\n\r\n // Read-Only display for user - \"Showing page X of X, X records total\"\r\n this.CounterDisplay = ko.computed(function () {\r\n return \"Showing page \" + this.PageNumber() + \" of \" + this.PageCount() + \", \" + this.RecordCount() + \" total records.\";\r\n \r\n }, this);\r\n\r\n // The URL used to retrieve the data to be paged \r\n this.DataSourceUrl = ko.observable();\r\n\r\n // The function that fires when data is loaded (i.e. how do we display the data, and the pager)\r\n this.DataResponseFunc = function (container, pagingContent) {\r\n\r\n };\r\n \r\n // Button Enable Calcuated functions - enable/disable navigation buttons according to the rules\r\n this.FirstPageNavDisabled = ko.computed(function () {\r\n if (this.Page() == 0)\r\n return true;\r\n return false;\r\n }, this);\r\n this.LastPageNavDisabled = ko.computed(function () {\r\n if (this.PageNumber() >= this.PageCount())\r\n return true;\r\n return false;\r\n }, this);\r\n this.PreviousPageNavDisabled = ko.computed(function () {\r\n return !(this.Page() > 0);\r\n }, this);\r\n this.NextPageNavDisabled = ko.computed(function () {\r\n return !(this.PageNumber() < this.PageCount());\r\n }, this);\r\n\r\n // Binds the click events to the navigation buttons\r\n this.BindNavigation = function () {\r\n // Bind the Next/Prev/First/Last buttons\r\n $('[data-paging-nav=\"true\"]').not('[data-paging-processed=\"true\"]').each(function () {\r\n var that = $(this);\r\n that.on('click', function () {\r\n\r\n // Update the page based on the Direction the button indicates\r\n // If we wanted to do a \"Select the Page\", we could modify this to accept an integer, and pass that (or another binding)\r\n var dir = that.attr('data-paging-nav-dir');\r\n switch (dir) {\r\n case \"firstPage\":\r\n self.Page(0);\r\n break;\r\n case \"previousPage\":\r\n self.Page(self.Page() - 1);\r\n break;\r\n case \"nextPage\":\r\n self.Page(self.Page() + 1);\r\n break;\r\n case \"lastPage\":\r\n self.Page(self.PageCount() - 1);\r\n break;\r\n }\r\n\r\n var closeButton = jQuery('.smModalClose');\r\n if (!sm.portal.utility.isNullOrEmpty(closeButton))\r\n closeButton.focus();\r\n self.GetData();\r\n });\r\n that.attr('data-paging-processed', true);\r\n });\r\n };\r\n\r\n // Standard PageReady function, calls on page refresh\r\n this.PageReady = function () {\r\n self.BindNavigation();\r\n };\r\n\r\n // Retrieves the data being paged.\r\n this.GetData = function () {\r\n\r\n $.blockUI();\r\n\r\n $.ajax({\r\n url: self.DataSourceUrl() + '&page=' + self.Page() + '&pageSize=' + self.PageSize(),\r\n type: 'GET',\r\n dataType: 'json',\r\n contentType: 'application/json; charset=utf-8',\r\n headers: {\r\n \"x-api-version\": '1' //,\r\n },\r\n processData: false,\r\n crossDomain: true,\r\n\r\n xhrFields: {\r\n withCredentials: true\r\n },\r\n success: function (data, textStatus, jqXHR) {\r\n // Load the container\r\n var container = new smapi.access.ApiContainerModel(data.Status, data.Payload, data.ValidationTitle, data.ValidationMessages);\r\n if (data.Status == 'success') {\r\n\r\n // Set the internal Paging Data points (returned every getdata call)\r\n self.RecordCount(container.Payload.PagingData.RecordCount);\r\n self.PageCount(container.Payload.PagingData.PageCount);\r\n\r\n // Render the Paging Content\r\n var temp = $(\"
\");\r\n ko.applyBindingsToNode(temp[0], { template: { \"name\": \"RecordPagingTemplate\", \"data\": self } });\r\n var html = temp.html();\r\n temp.remove();\r\n\r\n // Call the handler function\r\n if (self.DataResponseFunc != null) {\r\n self.DataResponseFunc(container, html);\r\n }\r\n }\r\n else if (data.Status == 'validationerror') {\r\n self.HandleError(container.ValidationTitle, container.ValidationMessages);\r\n } else if (data.Status == 'error') {\r\n self.HandleError(container.ValidationTitle, container.ValidationMessages);\r\n }\r\n\r\n // Unblock and page-ready for binding\r\n $.unblockUI();\r\n self.PageReady();\r\n },\r\n error: function (jqXHR, exception) {\r\n viewModel.HandleError(exception);\r\n $.unblockUI();\r\n }\r\n });\r\n };\r\n\r\n // Error Handling\r\n this.HandleError = function (title, messages) {\r\n this.IsError(true);\r\n this.ErrorMessages(messages);\r\n if (sm.portal.utility.isNullOrEmpty(title)) {\r\n self.ErrorHeader(sm.portal.utility.getResourceValue('ThereWasAnError'));\r\n } else {\r\n self.ErrorHeader(title);\r\n }\r\n };\r\n this.ErrorHeader = ko.observable();\r\n this.ErrorMessages = ko.observableArray();\r\n this.IsError = ko.observable();\r\n\r\n // Self-Identification\r\n var self = this;\r\n return self;\r\n };\r\n\r\n\r\n\r\n /*********************************************************************************/\r\n /* Miscellaneous UI Methods */\r\n /*********************************************************************************/\r\n // TABLE OVERFLOW DETECTION\r\n // NOT SURE WHERE I INTENDED THIS TO BE USED, BUT WAY TOO INVASIVE - SCOPED MORE NARROWLY (using added class of 'responsiveTable') NOW TO BE APPLIED WHERE NEEDED\r\n function tableOverflow() {\r\n $('table.portalDefault.responsiveTable').each(function () {\r\n var that = $(this);\r\n var mainParent = that.closest('.flexWidget');\r\n var myWidth = that.outerWidth();\r\n var parentWidth = that.closest('.widgetContent').outerWidth();\r\n var phoneView = mainParent.find('.isPhone');\r\n var defaultView = mainParent.find('.notPhone');\r\n\r\n if (myWidth > parentWidth) {\r\n phoneView.show();\r\n defaultView.hide();\r\n }\r\n else {\r\n defaultView.show();\r\n phoneView.hide();\r\n }\r\n });\r\n }\r\n\r\n function optionalFeatureToggle() {\r\n //@TODO - This function will need to be modified once more optional features need to be added to Student Portal.\r\n $.blockUI();\r\n if (sm.portal.utility.isAPASFeatureEnabled()) {\r\n $('.EuOptionalFeatureShow').hide();\r\n $('.EuOptionalFeatureHide').show();\r\n $('.UkOptionalFeatureShow').hide();\r\n $('.UkOptionalFeatureHide').show();\r\n $('.ApasOptionalFeatureShow').show();\r\n $('.ApasOptionalFeatureHide').hide();\r\n\r\n }\r\n else if (sm.portal.utility.isEUFeatureEnabled()) {\r\n $('.UkOptionalFeatureShow').hide();\r\n $('.UkOptionalFeatureHide').show();\r\n $('.EuOptionalFeatureShow').show();\r\n $('.EuOptionalFeatureHide').hide();\r\n $('.ApasOptionalFeatureShow').hide();\r\n $('.ApasOptionalFeatureHide').show();\r\n\r\n }\r\n else if (sm.portal.utility.isUKFeatureEnabled()) {\r\n $('.EuOptionalFeatureShow').hide();\r\n $('.EuOptionalFeatureHide').show();\r\n $('.UkOptionalFeatureShow').show();\r\n $('.UkOptionalFeatureHide').hide();\r\n $('.ApasOptionalFeatureShow').hide();\r\n $('.ApasOptionalFeatureHide').show();\r\n\r\n }\r\n else {\r\n $('.EuOptionalFeatureShow').hide();\r\n $('.EuOptionalFeatureHide').show();\r\n $('.UkOptionalFeatureShow').hide();\r\n $('.UkOptionalFeatureHide').show();\r\n $('.ApasOptionalFeatureShow').hide();\r\n $('.ApasOptionalFeatureHide').show();\r\n }\r\n $.unblockUI();\r\n }\r\n\r\n // Widget Item Menu\r\n function itemMenu() {\r\n $('.flexWidget .itemMenu').not('[data-processed=\"true\"]').each(function () {\r\n var that = $(this);\r\n var myButton = that.find('.menuIcon');\r\n var myMenu = that.find('ul');\r\n\r\n myButton.on('click', function () {\r\n if (myMenu.hasClass('active')) {\r\n myMenu.removeClass('active');\r\n }\r\n else {\r\n myMenu.addClass('active');\r\n }\r\n });\r\n that.attr('data-processed', true);\r\n });\r\n }\r\n\r\n function uploadDocument(event, element) {\r\n event.preventDefault();\r\n\r\n if (!sm.portal.utility.isNullOrEmpty(element)) {\r\n if (event.which == 13) {\r\n jQuery(element).trigger('click');\r\n }\r\n }\r\n }\r\n\r\n // Detailed List - Special for KO Rewire\r\n function detailedList() { // Called in readyPage()\r\n $('ul.detailedList > li').each(function () {\r\n var that = $(this);\r\n\r\n if (!that.is('[data-processed]')) {\r\n sm.portal.ui.renderDetailedListItem(that);\r\n }\r\n\r\n else if (that.is('[data-processed]') && that.is('[data-ko-rewire]')) {\r\n that.removeAttr('data-processed');\r\n sm.portal.ui.renderDetailedListItem(that);\r\n }\r\n });\r\n }\r\n\r\n function subDetailedList() {\r\n $('ul.subDetailedList > li').each(function () {\r\n var that = $(this);\r\n\r\n if (!that.is('[data-processed]')) {\r\n sm.portal.ui.renderDetailedListItem(that);\r\n }\r\n\r\n else if (that.is('[data-processed]') && that.is('[data-ko-rewire]')) {\r\n that.removeAttr('data-processed');\r\n sm.portal.ui.renderDetailedListItem(that);\r\n }\r\n });\r\n }\r\n\r\n function childOfSubDetailedList() {\r\n $('ul.childOfSubDetailedList > li').each(function () {\r\n var that = $(this);\r\n\r\n if (!that.is('[data-processed]')) {\r\n sm.portal.ui.renderDetailedListItem(that);\r\n }\r\n\r\n else if (that.is('[data-processed]') && that.is('[data-ko-rewire]')) {\r\n that.removeAttr('data-processed');\r\n sm.portal.ui.renderDetailedListItem(that);\r\n }\r\n });\r\n }\r\n\r\n // Heavy Lifting for Detailed List Construct\r\n function renderDetailedListItem(that) {\r\n if ($(that).is('li')) {\r\n var myButton = that.find('.detailsIcon');\r\n var myList = that.closest('ul.detailedList');\r\n var itemDetails = that.find('.itemDetails');\r\n var hasDetails = (itemDetails.length > 0);\r\n var childButtons = that.find('button');\r\n var childLinks = that.find('[href]');\r\n var otherClickExclusions = that.find('[data-exclude-click]');\r\n var isSingleOpen = myList.is('[data-singleopen]');\r\n var tabSet = that.find('.tabSet');\r\n var hasTabs = (tabSet.length > 0);\r\n var childCheckbox = that.find('input:checkbox');\r\n\r\n // unbind click just in case something got through\r\n that.off('click');\r\n\r\n // unbind keyboard control to ensure no double wiring\r\n that.off('keydown');\r\n\r\n //keyboard accessibility for document upload \r\n jQuery(that).find('.uploadBox').on('keypress', function (event) {\r\n event.stopImmediatePropagation();\r\n if (event.which == 13) {\r\n jQuery(this).trigger('click');\r\n }\r\n });\r\n\r\n // fix for icons within disabled buttons propagating the click\r\n childButtons.each(function () {\r\n if ($(this)[0].hasAttribute('disabled')) {\r\n $(this).children('.icon').on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n }\r\n });\r\n\r\n // prevents keydown from activating parent\r\n childButtons.on('keydown', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n // Prevent Propagation of Internal Button Clicks\r\n childButtons.on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n childLinks.on('click keydown', function (e) { \r\n e.stopPropagation();\r\n });\r\n\r\n otherClickExclusions.on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n childCheckbox.on('keydown click', function (event) {\r\n if (event.type === \"click\" || (event.type === \"keydown\" && (event.which == 13 || event.which == 32))) {\r\n event.stopPropagation();\r\n }\r\n });\r\n\r\n // If it has details, wire up the click event to show them\r\n if (hasDetails) {\r\n that.css('cursor', 'default').attr('data-hasdetails', true);\r\n myButton.css('cursor', 'pointer');\r\n \r\n // initialize aria expanded state\r\n that.attr('aria-expanded', false);\r\n\r\n //setting aria expanded when list state did not change\r\n if (that.hasClass('detailsShowing') && myButton.hasClass('hide')) {\r\n that.attr('aria-expanded', true);\r\n }\r\n\r\n myButton.off('click keypress');\r\n\r\n $(that).on('keydown', function (e) {\r\n if (e.which === 32) // the space key code\r\n {\r\n myButton.click();\r\n return false;\r\n }\r\n });\r\n\r\n // if only one at a time\r\n if (isSingleOpen) {\r\n\r\n myButton.on('click keypress', function (event) {\r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13 || event.which == 32))) {\r\n // close/revert others\r\n myList.find('[data-hasdetails]').not(myButton.closest('li')).each(function () {\r\n var that = $(this);\r\n var innerButton = that.find('.detailsIcon');\r\n var itemDetails = innerButton.next('.itemDetails');\r\n\r\n // toggle aria state\r\n that.attr('aria-expanded', false);\r\n\r\n innerButton.removeClass('hide').addClass('show');\r\n itemDetails.removeClass('active');\r\n that.removeClass('detailsShowing');\r\n });\r\n\r\n // Hide the item as needed\r\n if (myButton.hasClass('hide')) {\r\n\r\n // toggle aria state\r\n that.attr('aria-expanded', true);\r\n\r\n myButton.removeClass('hide').addClass('show');\r\n itemDetails.removeClass('active');\r\n that.removeClass('detailsShowing');\r\n }\r\n // Show the item as needed\r\n else {\r\n\r\n if (hasTabs) {\r\n tabSet.children('ul:first-child').children('li').first().click();\r\n }\r\n\r\n // toggle aria state\r\n that.attr('aria-expanded', false);\r\n\r\n myButton.removeClass('show').addClass('hide');\r\n itemDetails.addClass('active');\r\n that.addClass('detailsShowing');\r\n }\r\n }\r\n });\r\n }\r\n // open as many as you want\r\n else {\r\n //nested if added for keyboard functionality of span icon\r\n myButton.on('click keypress', function (event) { \r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13 || event.which == 32))) {\r\n if (myButton.hasClass('hide')) {\r\n // toggle aria state\r\n that.attr('aria-expanded', false);\r\n\r\n myButton.removeClass('hide').addClass('show');\r\n itemDetails.removeClass('active');\r\n that.removeClass('detailsShowing');\r\n }\r\n else {\r\n if (hasTabs) {\r\n tabSet.children('ul:first-child').children('li').first().click();\r\n }\r\n\r\n // toggle aria state\r\n that.attr('aria-expanded', true);\r\n\r\n myButton.removeClass('show').addClass('hide');\r\n itemDetails.addClass('active');\r\n that.addClass('detailsShowing');\r\n }\r\n }\r\n });\r\n }\r\n sm.portal.keyboardNav.keyboardControl(that);\r\n }\r\n that.attr('data-processed', true);\r\n }\r\n }\r\n\r\n function detailedTable() {\r\n $('tbody.detailedTable > tr').each(function () {\r\n var that = $(this);\r\n\r\n if (!that.is('[data-processed]')) {\r\n sm.portal.ui.renderDetailedTableItem(that);\r\n }\r\n });\r\n }\r\n\r\n function renderDetailedTableItem(that)\r\n {\r\n if ($(that).is('tr')) {\r\n \r\n $(that).find('td>span.detailsIcon').on('click keypress', function (event) {\r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13))) {\r\n\r\n var detailedTable = that.closest('tbody.detailedTable');\r\n var myDetailsItem = that.next('.itemDetails');\r\n var allButtons = detailedTable.find('.detailsIcon');\r\n var myButton = that.find('.detailsIcon');;\r\n var hideAction = myButton.hasClass('hide');\r\n\r\n allButtons.removeClass('hide').addClass('show');\r\n detailedTable.find('.itemDetails').removeClass('active');\r\n detailedTable.find('.tr:not(.itemDetails)').removeClass('detailsShowing');\r\n\r\n if (hideAction) {\r\n myButton.removeClass('hide').addClass('show');\r\n that.removeClass('detailsShowing');\r\n myButton.attr('aria-expanded', false);\r\n }\r\n else {\r\n myButton.attr('aria-expanded', true);\r\n myDetailsItem.addClass('active');\r\n myButton.removeClass('show').addClass('hide');\r\n detailedTable.find('tr.detailsShowing').removeClass('detailsShowing');\r\n that.addClass('detailsShowing');\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n // Combo-Box Control binding\r\n function comboBox() {\r\n // Combo box Handler\r\n $('[data-combo-box]').not(\"[data-processed=true]\").each(function () {\r\n $(this).attr('data-combobox-base-uri', _baseApiUri);\r\n $(this).combobox().attr('data-processed', true);\r\n });\r\n }\r\n\r\n // Adding our own scrollTo\r\n // Note 'el' must be a valid ID \r\n function scrollTo(el) {\r\n $('html,body').animate({ scrollTop: $('#' + el).offset().top + 'px' }, 50, 'swing');\r\n }\r\n\r\n // unobtrusive scroll to\r\n function unobtrusiveScrollTop() {\r\n $('[data-scroll-top]').not('[data-scroll-top=\"processed\"]').each(function () {\r\n var that = $(this);\r\n var destination = that.attr('data-scroll-top') == '' ? null : that.attr('data-scroll-top');\r\n\r\n if (destination == null) {\r\n destination = 'main_content';\r\n }\r\n\r\n if (destination != null && destination.length > 0) {\r\n // check if valid dom ID\r\n if ($('#' + destination).length > 0) {\r\n destination = destination;\r\n }\r\n else {\r\n //console.warn('SM Portal UI: No valid destination to scrollTo, scrolling to #main_content instead.');\r\n destination = 'main_content';\r\n }\r\n }\r\n\r\n\r\n that.on('click', function () {\r\n if ($('.smStickySlideup.inYourFace').length > 0) {\r\n // migrate this reference to slidepane (when ready)\r\n sm.portal.ui.slidepane.closeAllSlideups(sm.portal.ui.scrollTo, destination);\r\n }\r\n else {\r\n sm.portal.ui.scrollTo(destination);\r\n }\r\n sm.portal.keyboardNav.giveContentFocus('.smContentArea');\r\n });\r\n }).attr('data-scroll-top', 'processed');\r\n }\r\n\r\n //function needed to override the afo_widget_login post to allow for our own redirects\r\n function loginWidgetOverride() {\r\n $('[value=\"afo_user_login\"]').each(function () {\r\n $(this).val('afo_user_login_trs');\r\n });\r\n }\r\n\r\n // common session/date toggling\r\n // TODO: Make this generic for easy reuse\r\n // swap classing for inline hide/show\r\n function toggleSessionStartDate() {\r\n $('#sessionStartDateToggle input[type=\"radio\"]').not('[data-processed=\"true\"]').on('change', function () {\r\n var selected = $('#sessionStartDateToggle input[type=\"radio\"]:checked').length > 0 ? $('#sessionStartDateToggle input[type=\"radio\"]:checked') : null;\r\n if (selected != null && selected.attr('id') == 'dateOption') {\r\n $('#sessionStartDateSelector').find('#SessionSection').hide();\r\n $('#sessionStartDateSelector').find('#DateSection').show();\r\n\r\n }\r\n else if (selected != null && selected.attr('id') == 'sessionOption') {\r\n $('#sessionStartDateSelector').find('#DateSection').hide();\r\n $('#sessionStartDateSelector').find('#SessionSection').show();\r\n }\r\n\r\n }).attr('data-processed', true);\r\n }\r\n\r\n function toggleSectionVisibility() {\r\n $('[data-toggle-section]').not('[data-processed=\"true\"]').each(function () {\r\n var that = $(this);\r\n var statusIcon = $('');\r\n var mySection = $('[data-section=\"' + that.attr(\"data-toggle-section\") + '\"]');\r\n\r\n if (that.is('[data-default-open]')) {\r\n statusIcon.addClass('hide');\r\n that.append(statusIcon);\r\n mySection.show();\r\n }\r\n\r\n else {\r\n statusIcon.addClass('show');\r\n that.append(statusIcon);\r\n mySection.hide();\r\n }\r\n\r\n that.on('click', function () {\r\n if (mySection.is(':visible')) {\r\n statusIcon.removeClass('hide').addClass('show');\r\n mySection.hide();\r\n }\r\n else {\r\n statusIcon.removeClass('show').addClass('hide');\r\n mySection.show();\r\n }\r\n })\r\n\r\n }).attr('data-processed', true);\r\n }\r\n\r\n // Rounds up All Advanced Search Elements\r\n function getAdvancedSearchElements() {\r\n var o = {};\r\n\r\n o.keywordSearch = $('[data-keyword-search]');\r\n o.basicSearchBox = o.keywordSearch.find('[data-keyword-basic-input]');\r\n o.basicSearchBtn = o.keywordSearch.find('[data-keyword-basic-button]');\r\n o.advSearchActivation = o.keywordSearch.find('[data-adv-search-toggle]');\r\n o.expansionIcon = o.advSearchActivation.children('span.icon');\r\n o.searchArea = o.keywordSearch.siblings('[data-adv-search-fields]');\r\n\r\n return o;\r\n }\r\n\r\n // keyword (keyword) search\r\n function keywordSearch() {\r\n var se = sm.portal.ui.getAdvancedSearchElements();\r\n se.advSearchActivation.not('[data-processed=\"true\"]').on('click', function () {\r\n var advanceSearchActivate = jQuery('.regAdvancedSearchActivation');\r\n if (se.expansionIcon.hasClass('closed')) {\r\n // if closed\r\n sm.portal.ui.openAdvancedSearch();\r\n advanceSearchActivate.attr('aria-expanded', 'true');\r\n }\r\n else {\r\n // if open\r\n sm.portal.ui.closeAdvancedSearch();\r\n advanceSearchActivate.attr('aria-expanded', 'false');\r\n }\r\n }).attr('data-processed', true);\r\n }\r\n\r\n // Opens Advanced Search\r\n function openAdvancedSearch() {\r\n se = sm.portal.ui.getAdvancedSearchElements();\r\n\r\n // Activate the button\r\n se.advSearchActivation.addClass('active');\r\n\r\n // Disable basic search\r\n se.basicSearchBox.val('');\r\n se.basicSearchBox.attr('placeholder', sm.portal.utility.getResourceValue('UsingAdvancedSearch'));\r\n se.basicSearchBox.attr('disabled', 'disabled');\r\n se.basicSearchBtn.attr('disabled', 'disabled');\r\n\r\n // Show advanced search\r\n se.expansionIcon.removeClass('closed').addClass('open');\r\n se.searchArea.addClass('active').slideDown('fast');\r\n }\r\n\r\n // Closes Advanced Search\r\n function closeAdvancedSearch() {\r\n se = sm.portal.ui.getAdvancedSearchElements();\r\n\r\n // Deactivate the button\r\n se.advSearchActivation.removeClass('active');\r\n // Hide Advanced Search\r\n se.expansionIcon.removeClass('open').addClass('closed');\r\n se.searchArea.removeClass('active').slideUp('fast');\r\n // Enable Basic Search\r\n se.basicSearchBox.attr('placeholder', sm.portal.utility.getResourceValue('CourseKeywordSearch'));\r\n se.basicSearchBox.removeAttr('disabled');\r\n se.basicSearchBtn.removeAttr('disabled');\r\n }\r\n\r\n // EVAL ALTERNATIVE - FASTER & SAFER\r\n // USAGE: sm.portal.ui.executeFunctionByName('someFunctionHere.NameSpaced.Is.fine', window, args');\r\n // Change context from 'window' by passing alternative\r\n function executeFunctionByName(functionName, context, args) {\r\n if (functionName != null && functionName != 'undefined' && functionName != '') {\r\n var args = [].slice.call(arguments).splice(2);\r\n var namespaces = (typeof functionName == 'string') ? functionName.split(\".\") : null;\r\n\r\n if (namespaces != null) {\r\n var func = namespaces.pop();\r\n\r\n for (var i = 0; i < namespaces.length; i++) {\r\n context = context[namespaces[i]];\r\n }\r\n return context[func].apply(context, args);\r\n }\r\n }\r\n }\r\n\r\n // Delete or create ThirdPartyNotice cookie to determine if to show third party notice\r\n function setThirdPartyNotice() {\r\n\r\n var isChecked = $('#doNotShowThirdParty').is(\":checked\");\r\n\r\n if (isChecked) {\r\n // add the cookie, when present, prevents dialog from displaying \r\n setCookie(\"_ThirdPartyNotice\",1,999);\r\n } else {\r\n // delete the cookie\r\n setCookie(\"_ThirdPartyNotice\", 1, -1);\r\n }\r\n }\r\n\r\n function setCookie(cname, cvalue, exdays) {\r\n var d = new Date();\r\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\r\n var expires = \"expires=\" + d.toUTCString();\r\n document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=/\";\r\n }\r\n\r\n function setSessionCookie(cname, cvalue) {\r\n document.cookie = cname + \"=\" + cvalue + \";path=/\";\r\n }\r\n\r\n function getCookie(cname) {\r\n var name = cname + \"=\";\r\n var decodedCookie = decodeURIComponent(document.cookie);\r\n var ca = decodedCookie.split(';');\r\n for (var i = 0; i < ca.length; i++) {\r\n var c = ca[i];\r\n while (c.charAt(0) == ' ') {\r\n c = c.substring(1);\r\n }\r\n if (c.indexOf(name) == 0) {\r\n return c.substring(name.length, c.length);\r\n }\r\n }\r\n return \"\";\r\n }\r\n\r\n function simpleContainerToggle() {\r\n $('[data-toggle-container]').not('[data-simple-container-toggle-processed=\"true\"]').each(function () {\r\n var clickable = $(this);\r\n var icon = clickable.children('span.icon').length > 0 ? clickable.children('span.icon') : null;\r\n var relatedContainer = $('[data-toggleable-container=\"' + clickable.attr('data-toggle-container') + '\"]');\r\n\r\n // create and append icon if not already there\r\n if (icon === null) {\r\n icon = $('');\r\n clickable.append(icon);\r\n }\r\n\r\n if (typeof relatedContainer === 'object' && relatedContainer.length > 0) {\r\n\r\n clickable.on('click', function (event) {\r\n\r\n event.preventDefault();\r\n\r\n if (relatedContainer.is('.showing')) {\r\n relatedContainer.removeClass('showing');\r\n icon.removeClass('open').addClass('close');\r\n }\r\n else {\r\n relatedContainer.addClass('showing');\r\n icon.removeClass('close').addClass('open');\r\n }\r\n });\r\n }\r\n }).attr('data-simple-container-toggle-processed', true);\r\n }\r\n\r\n /*********************************************************************************/\r\n /* TABLE WITH PAGINATION */\r\n /*********************************************************************************/\r\n \r\n /**\r\n * @param {String} displayName Name that is presented to user.\r\n * @param {String=} fieldName Field name in 'RowData'.\r\n * @param {Boolean} isSortable Is possible sorting by this field.\r\n * @param {ColumnDataFormatters=} dataFormatter [**default: ColumnDataFormatters.Simple**] Format data for display.\r\n * @param {String=} htmlElement [**default: 'span'**] For text or icon use 'span'. For button use 'button'. For checkbox use 'checkbox'.\r\n * @param {function(Object, ColumnDefinition, Object):void=} onClickHandler [**default: NULL**] Invoked after click on single cell. First argument is 'RowData'. Last argument is 'Event'.\r\n * @param {String|function(Object, ColumnDefinition):String=} customClass [**default: NULL**] Invoked for every cell to set specified style. First argument is 'RowData'.\r\n * @param {String=} staticContent [**default: NULL**] Use static content for cell instead of 'RowData'.\r\n */\r\n function ColumnDefinition(displayName, fieldName, isSortable, dataFormatter, htmlElement, onClickHandler, customClass, staticContent) {\r\n this.DisplayName = displayName;\r\n this.FieldName = fieldName;\r\n this.IsSortable = isSortable;\r\n this.DataFormatter = dataFormatter != null ? dataFormatter : ColumnDataFormatters.Simple;\r\n this.HtmlElement = htmlElement != null ? htmlElement : 'span';\r\n this.OnClickHandler = onClickHandler;\r\n this.CustomClass = customClass;\r\n this.StaticContent = staticContent;\r\n }\r\n\r\n \r\n /**\r\n * @param {String} tableId Unique table id.\r\n * @param {String} header Table header.\r\n * @param {function(TableDataLoadParameters, function(TableData), function(String))} dataLoadHandler Second parameter is success callback. Third parameter is error callback.\r\n * @param {ColumnDefinition[]} columnDefinitions Column definitions.\r\n * @param {Boolean} paginationEnabled Enabled pagination.\r\n * @param {Number} pageSize Number, greater than 0.\r\n * @param {sm.portal.utility.Sorting} defaultSorting Default sorting.\r\n * @param {String} filterTemplateId Filter template id.\r\n * @param {object} filterViewModel Filter view model.\r\n */\r\n function TableConfiguration(tableId, header, dataLoadHandler, columnDefinitions, paginationEnabled, pageSize, defaultSorting, filterTemplateId, filterViewModel, settingsTemplateId, settingsViewModel) {\r\n this.TableId = tableId;\r\n this.Header = ko.observable(header);\r\n this.DataLoadHandler = dataLoadHandler;\r\n this.ColumnDefinitions = columnDefinitions;\r\n this.PaginationEnabled = paginationEnabled;\r\n this.PageSize = paginationEnabled ? pageSize : -1;\r\n this.DefaultSorting = defaultSorting;\r\n this.FilteringEnabled = !sm.portal.utility.isNullOrEmpty(filterTemplateId);\r\n this.FilterTemplateId = filterTemplateId;\r\n this.FilterViewModel = filterViewModel;\r\n this.SettingsEnabled = !sm.portal.utility.isNullOrEmpty(settingsTemplateId);\r\n this.SettingsTemplateId = settingsTemplateId;\r\n this.SettingsViewModel = settingsViewModel;\r\n }\r\n\r\n\r\n function ColumnDataFormatters() { }\r\n /** @description Return empty string when input data is NULL or just input data in every other case. */\r\n ColumnDataFormatters.Simple = function (data) {\r\n if (data == null) {\r\n return '';\r\n }\r\n\r\n return data;\r\n };\r\n /** @description Return value in format '0.00' (with 2 decimal places) or empty string with input data is NULL. */\r\n ColumnDataFormatters.Money = function (data) {\r\n if (data == null) {\r\n return '';\r\n }\r\n\r\n return parseFloat(data).toFixed(2);\r\n };\r\n /** @description Return only date without time in browser locale format or empty string with input data is NULL. */\r\n ColumnDataFormatters.LocaleDate = function (data) {\r\n if (data == null) {\r\n return '';\r\n }\r\n if(window.u4sm_canada_enabled){\r\n return moment(new Date(data)).format(\"YYYY/MM/DD\"); \r\n } \r\n else{\r\n return new Date(data).toLocaleDateString();\r\n }\r\n };\r\n\r\n /** @description Return only date without time in browser locale format or empty string with input data is NULL. */\r\n ColumnDataFormatters.LocaleDateTime = function (data) {\r\n if (data == null) {\r\n return '';\r\n }\r\n\r\n var date = new Date(data);\r\n\r\n return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();\r\n };\r\n\r\n /** @description Return value in format '0.00%' (with 2 decimal places) or empty string with input data is NULL. */\r\n ColumnDataFormatters.Percent = function (data) {\r\n if (data == null) {\r\n return '';\r\n }\r\n\r\n return parseFloat(data).toFixed(2) + '%';\r\n };\r\n\r\n /** @description Return translated value or empty string with input data is NULL. */\r\n ColumnDataFormatters.Translation = function (data) {\r\n if (data == null) {\r\n return '';\r\n }\r\n\r\n return sm.portal.utility.getResourceValue(data);\r\n };\r\n\r\n /**\r\n * @param {Object[]} rows Rows.\r\n * @param {Number} totalRowsCount Total rows count. Should be greater or equal 0.\r\n */\r\n function TableData(rows, totalRowsCount) {\r\n this.Rows = rows;\r\n this.TotalRowsCount = totalRowsCount;\r\n }\r\n\r\n\r\n function TableDataLoadParameters() {\r\n var self = this;\r\n\r\n /** @property {Number=} Top Top */\r\n this.Top = null;\r\n\r\n /** @property {Number=} Skip Skip */\r\n this.Skip = null;\r\n\r\n /** @property {sm.portal.utility.Sorting=} Sorting Sorting */\r\n this.Sorting = null;\r\n\r\n /** @property {sm.portal.utility.FilterDefinition[]} Filters Filters */\r\n this.Filters = [];\r\n }\r\n\r\n function FilterViewModelBase() {\r\n var self = this;\r\n\r\n // set by TableViewModel\r\n this.TableHeader = ko.observable();\r\n this.ApplyFiltersTrigger = null;\r\n this.ClearFiltersTrigger = null;\r\n\r\n this.IsInitialized = false;\r\n\r\n this.Initialize = function(tableHeader, applyFiltersTrigger, clearFiltersTrigger) {\r\n self.ApplyFiltersTrigger = applyFiltersTrigger;\r\n self.ClearFiltersTrigger = clearFiltersTrigger;\r\n\r\n self.TableHeader(tableHeader());\r\n tableHeader.subscribe(function(header) { self.TableHeader(header); });\r\n\r\n self.IsInitialized = true;\r\n }\r\n\r\n this.ApplyFiltersClick = function(elem) {\r\n var filters = [];\r\n\r\n $.each(self.Configuration, function(_, config) {\r\n var value = self[config.ObservableFieldName]();\r\n if (!sm.portal.utility.isNullOrEmpty(value)) {\r\n filters.push(new sm.portal.utility.FilterDefinition(config.FilterFieldName, config.FilterOperator, value));\r\n }\r\n });\r\n\r\n self.ApplyFiltersTrigger(filters);\r\n element = elem().split(\" \")[0];\r\n jQuery('.' + element).focus();\r\n jQuery('.' + element).removeClass(element);\r\n };\r\n\r\n this.ClearFiltersClick = function(elem) {\r\n self.ClearFiltersTrigger();\r\n element = elem().split(\" \")[0];\r\n jQuery('.' + element).focus();\r\n jQuery('.' + element).removeClass(element);\r\n };\r\n\r\n this.OnOpen = function(appliedFilters) {\r\n $.each(self.Configuration, function(_, config) {\r\n var filters = $.grep(appliedFilters, function(f) { return f.FieldName === config.FilterFieldName && f.Operator === config.FilterOperator });\r\n var filterValue = filters.length === 1 ? filters[0].Value : undefined;\r\n self[config.ObservableFieldName](filterValue);\r\n });\r\n };\r\n }\r\n\r\n function SettingsViewModelBase() {\r\n var self = this;\r\n\r\n this.TableHeader = ko.observable();\r\n this.ApplySettingsTrigger = null;\r\n this.ClearSettingsTrigger = null;\r\n\r\n this.IsInitialized = false;\r\n\r\n this.Initialize = function (tableHeader, applySettingsTrigger, clearSettingsTrigger) {\r\n self.ApplySettingsTrigger = applySettingsTrigger;\r\n self.ClearSettingsTrigger = clearSettingsTrigger;\r\n\r\n self.TableHeader(tableHeader());\r\n tableHeader.subscribe(function (header) { self.TableHeader(header); });\r\n\r\n self.IsInitialized = true;\r\n };\r\n\r\n this.ApplySettingsClick = function(elem) {\r\n var settings = {};\r\n\r\n $.each(self.Configuration, function (_, config) {\r\n var value = self[config.FieldName]();\r\n settings[config.FieldName] = value;\r\n });\r\n\r\n self.ApplySettingsTrigger(settings);\r\n element = elem().split(\" \")[0];\r\n jQuery('.' + element).focus();\r\n jQuery('.' + element).removeClass(element);\r\n };\r\n\r\n this.ClearSettingsClick = function(elem) {\r\n self.ClearSettingsTrigger();\r\n element = elem().split(\" \")[0];\r\n jQuery('.' + element).focus();\r\n jQuery('.' + element).removeClass(element);\r\n };\r\n\r\n this.OnOpen = function (appliedSettings) {\r\n $.each(self.Configuration, function (_, config) {\r\n var value = appliedSettings[config.FieldName];\r\n self[config.FieldName](value);\r\n });\r\n };\r\n }\r\n \r\n /**\r\n * @param {TableConfiguration} configuration Configuration\r\n */\r\n function TableViewModel(configuration) {\r\n var self = this;\r\n\r\n /* PROPERTIES */\r\n this.Configuration = configuration;\r\n this.Rows = ko.observableArray([]);\r\n this.TotalRowsCount = ko.observable(0);\r\n this.PageNumber = ko.observable(0);\r\n this.Sorting = ko.observable(configuration.DefaultSorting);\r\n this.AppliedFilters = ko.observable([]);\r\n this.FilterVisible = ko.observable(false);\r\n this.AppliedSettings = ko.observable({});\r\n this.SettingsVisible = ko.observable(false);\r\n /* END OF PROPERTIES */\r\n\r\n /* DATA LOADING */\r\n this.Initialize = function () {\r\n self.InitializeFiltering();\r\n self.InitializeSettings();\r\n self.LoadData(0, self.Sorting());\r\n }\r\n\r\n this.LoadData = function (pageNumber, sorting) {\r\n var dataLoadParameters = new TableDataLoadParameters();\r\n dataLoadParameters.Sorting = sorting;\r\n \r\n if (self.Configuration.PaginationEnabled) {\r\n dataLoadParameters.Skip = pageNumber * self.Configuration.PageSize;\r\n dataLoadParameters.Top = self.Configuration.PageSize;\r\n }\r\n\r\n if (self.Configuration.FilteringEnabled) {\r\n dataLoadParameters.Filters = self.AppliedFilters();\r\n }\r\n\r\n if (self.Configuration.SettingsEnabled) {\r\n dataLoadParameters.Settings = self.AppliedSettings();\r\n }\r\n\r\n self.BlockTable();\r\n\r\n var successCallback = function (tableData) {\r\n self.Rows(tableData.Rows);\r\n self.TotalRowsCount(tableData.TotalRowsCount);\r\n self.PageNumber(pageNumber);\r\n self.Sorting(sorting);\r\n self.UnblockTable();\r\n };\r\n\r\n var errorCallback = function (error) {\r\n self.UnblockTable();\r\n };\r\n\r\n self.Configuration.DataLoadHandler(dataLoadParameters, successCallback, errorCallback);\r\n };\r\n /* END OF DATA LOADING */\r\n\r\n /* SORTING */\r\n this.SortBy = function (columnDefinition) {\r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13 || event.which == 32))) {\r\n if (!columnDefinition.IsSortable) {\r\n return;\r\n }\r\n\r\n var isSortingByDifferentColumn = self.Sorting().FieldName !== columnDefinition.FieldName;\r\n if (isSortingByDifferentColumn) {\r\n var sorting = new sm.portal.utility.Sorting(columnDefinition.FieldName, sm.portal.utility.SortingDirection.Asc);\r\n self.LoadData(0, sorting);\r\n } else {\r\n var invertedDirection = self.Sorting().Direction === sm.portal.utility.SortingDirection.Asc ? sm.portal.utility.SortingDirection.Desc : sm.portal.utility.SortingDirection.Asc;\r\n var sorting = new sm.portal.utility.Sorting(self.Sorting().FieldName, invertedDirection);\r\n self.LoadData(0, sorting);\r\n }\r\n }\r\n };\r\n\r\n this.ResetSorting = function () {\r\n this.LoadData(0, self.Configuration.DefaultSorting);\r\n };\r\n /* END OF SORTiNG */\r\n\r\n /* PAGINATION */\r\n this.UIPresentedRowsFrom = ko.pureComputed(function () {\r\n return self.TotalRowsCount() > 0 ? self.PresentedRowsFrom() + 1 : 0;\r\n });\r\n\r\n this.PresentedRowsFrom = ko.pureComputed(function () {\r\n return self.PageNumber() * self.Configuration.PageSize;\r\n });\r\n\r\n this.PresentedRowsTo = ko.pureComputed(function () {\r\n return self.PresentedRowsFrom() + self.Rows().length;\r\n });\r\n\r\n this.CanGoToNextPage = ko.pureComputed(function () {\r\n return self.PresentedRowsTo() < self.TotalRowsCount();\r\n });\r\n\r\n this.GoToNextPage = function () {\r\n var nextPageNumber = self.PageNumber() + 1;\r\n self.LoadData(nextPageNumber, self.Sorting());\r\n };\r\n\r\n this.CanGoToPreviousPage = ko.pureComputed(function () {\r\n return self.PageNumber() > 0;\r\n });\r\n\r\n this.GoToPreviousPage = function () {\r\n var previousPageNumber = self.PageNumber() - 1;\r\n self.LoadData(previousPageNumber, self.Sorting());\r\n };\r\n\r\n this.CanGoToFirstPage = ko.pureComputed(function () {\r\n return self.PageNumber() > 0;\r\n });\r\n\r\n this.GoToFirstPage = function () {\r\n self.LoadData(0, self.Sorting());\r\n };\r\n\r\n this.CanGoToLastPage = ko.pureComputed(function () {\r\n return self.PresentedRowsTo() < self.TotalRowsCount();\r\n });\r\n\r\n this.GoToLastPage = function () {\r\n var lastPageNumber = Math.ceil(self.TotalRowsCount() / self.Configuration.PageSize) - 1;\r\n self.LoadData(lastPageNumber, self.Sorting());\r\n };\r\n /* END OF PAGINATION */\r\n\r\n /* EVENTS HANDLING */\r\n this.OnClick = function (rowData, columnDefinition, event) {\r\n if (columnDefinition.OnClickHandler != null) {\r\n return columnDefinition.OnClickHandler(rowData, columnDefinition, event);\r\n }\r\n };\r\n /* END OF EVENTS HANDLING */\r\n\r\n /* UI HELPERS */\r\n this.CustomClass = function (rowData, columnDefinition) {\r\n\t\t\tif (columnDefinition.CustomClass != null) {\r\n\t\t\t\tif ($.type(columnDefinition.CustomClass) === 'string') {\r\n\t\t\t\t\treturn columnDefinition.CustomClass;\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn columnDefinition.CustomClass(rowData, columnDefinition);\r\n\t\t\t\t}\r\n }\r\n\r\n return null;\r\n };\r\n\r\n this.BlockTable = function () {\r\n self.$Table().block();\r\n };\r\n\r\n this.UnblockTable = function () {\r\n self.$Table().unblock();\r\n };\r\n\r\n this.$Table = function() {\r\n return $('#' + self.Configuration.TableId);\r\n };\r\n /* END OF UI HELPERS */\r\n\r\n /* FILTERING */\r\n this.InitializeFiltering = function() {\r\n if (self.Configuration.FilteringEnabled && !self.Configuration.FilterViewModel.IsInitialized) {\r\n self.Configuration.FilterViewModel.Initialize(self.Configuration.Header, self.ApplyFilter, self.ClearFilter);\r\n }\r\n };\r\n\r\n this.ToggleFilter = function(event, header) {\r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13 || event.which == 32))) {\r\n if (!self.FilterVisible()) {\r\n self.Configuration.FilterViewModel.OnOpen(self.AppliedFilters().slice());\r\n }\r\n\r\n self.FilterVisible(!self.FilterVisible());\r\n jQuery('.filterVisible').modalTabbing();\r\n jQuery(event.currentTarget).addClass(header().split(\" \")[0]);\r\n } \r\n };\r\n\r\n this.ClearFilter = function() {\r\n var needRefresh = self.AppliedFilters().length > 0;\r\n\r\n self.AppliedFilters([]);\r\n self.FilterVisible(false);\r\n\r\n if (needRefresh) {\r\n self.Initialize();\r\n }\r\n };\r\n\r\n this.ApplyFilter = function (filters) {\r\n self.AppliedFilters(filters);\r\n self.FilterVisible(false);\r\n\r\n self.Initialize();\r\n };\r\n\r\n this.FilterButtonStyle = ko.pureComputed(function () {\r\n if (self.FilterVisible()) {\r\n return 'opened';\r\n }\r\n\r\n return self.AppliedFilters().length > 0 ? 'applied' : 'notApplied';\r\n });\r\n /* END OF FILTERING */\r\n\r\n /* SETTINGS */\r\n this.InitializeSettings = function () {\r\n if (self.Configuration.SettingsEnabled && !self.Configuration.SettingsViewModel.IsInitialized) {\r\n self.Configuration.SettingsViewModel.Initialize(self.Configuration.Header, self.ApplySettings, self.ClearSettings);\r\n }\r\n };\r\n\r\n this.ApplySettings = function (settings) {\r\n self.AppliedSettings(settings);\r\n self.SettingsVisible(false);\r\n self.Initialize();\r\n };\r\n\r\n this.ClearSettings = function () {\r\n var needRefresh = Object.keys(self.AppliedSettings()).length > 0;\r\n\r\n self.AppliedSettings({});\r\n self.SettingsVisible(false);\r\n\r\n if (needRefresh) {\r\n self.Initialize();\r\n }\r\n };\r\n\r\n this.ToggleSettings = function (event, header) {\r\n if (event.type === \"click\" || (event.type === \"keypress\" && (event.which == 13 || event.which == 32))) {\r\n if (!self.SettingsVisible()) {\r\n self.Configuration.SettingsViewModel.OnOpen(self.AppliedSettings());\r\n }\r\n\r\n self.SettingsVisible(!self.SettingsVisible());\r\n jQuery('.settingsVisible').modalTabbing();\r\n jQuery(event.currentTarget).addClass(header().split(\" \")[0]);\r\n }\r\n };\r\n\r\n this.SettingsButtonStyle = ko.pureComputed(function () {\r\n if (self.SettingsVisible()) {\r\n return 'opened';\r\n }\r\n\r\n return Object.keys(self.AppliedSettings()).length > 0 ? 'applied' : 'notApplied';\r\n });\r\n /* ENF OF SETTINGS */\r\n }\r\n\r\n function InformationMessageViewModel() {\r\n self.Header = ko.observable();\r\n self.Messages = ko.observableArray();\r\n\r\n self.ShowMessages = ko.computed(function () {\r\n return self.Messages().length > 0;\r\n });\r\n\r\n return self;\r\n }\r\n\r\n $.extend(true, sm.portal.ui, {\r\n initPage: initPage,\r\n readyPage: readyPage,\r\n resizePage: resizePage,\r\n loadingIndicator: loadingIndicator,\r\n successIndicator: successIndicator,\r\n clearUpload: clearUpload,\r\n tabs: tabs,\r\n responsiveTabs: responsiveTabs,\r\n getTotalTabWidth: getTotalTabWidth,\r\n checkTabOverflow: checkTabOverflow,\r\n responsiveTabMenu: responsiveTabMenu,\r\n responsiveTabSync: responsiveTabSync,\r\n lightBox: lightBox,\r\n lightBoxLogout: lightBoxLogout,\r\n sponsorLightBox: sponsorLightBox,\r\n loadOrCreateLightbox: loadOrCreateLightbox,\r\n resizeLightbox: resizeLightbox,\r\n closeLightbox: closeLightbox,\r\n closeSponsorLightbox: closeSponsorLightbox,\r\n removeLightbox: removeLightbox,\r\n syntaxHighlight: syntaxHighlight,\r\n hideElements: hideElements,\r\n itemMenu: itemMenu,\r\n tableOverflow: tableOverflow,\r\n detailedList: detailedList,\r\n subDetailedList: subDetailedList,\r\n childOfSubDetailedList: childOfSubDetailedList,\r\n detailedTable: detailedTable,\r\n renderDetailedListItem: renderDetailedListItem,\r\n renderDetailedTableItem: renderDetailedTableItem,\r\n comboBox: comboBox,\r\n scrollTo: scrollTo,\r\n unobtrusiveScrollTop: unobtrusiveScrollTop,\r\n loginWidgetOverride: loginWidgetOverride, //NEEDED?\r\n toggleSessionStartDate: toggleSessionStartDate,\r\n toggleSectionVisibility: toggleSectionVisibility,\r\n keywordSearch: keywordSearch,\r\n getAdvancedSearchElements: getAdvancedSearchElements,\r\n openAdvancedSearch: openAdvancedSearch,\r\n closeAdvancedSearch: closeAdvancedSearch,\r\n executeFunctionByName: executeFunctionByName,\r\n setThirdPartyNotice: setThirdPartyNotice,\r\n setCookie: setCookie,\r\n setSessionCookie: setSessionCookie,\r\n getCookie: getCookie,\r\n simpleContainerToggle: simpleContainerToggle,\r\n createProfileImageEditor: createProfileImageEditor,\r\n RecordPagingViewModel: RecordPagingViewModel,\r\n ColumnDefinition: ColumnDefinition,\r\n TableConfiguration: TableConfiguration,\r\n ColumnDataFormatters: ColumnDataFormatters,\r\n TableData: TableData,\r\n TableDataLoadParameters: TableDataLoadParameters,\r\n optionalFeatureToggle: optionalFeatureToggle,\r\n TableViewModel: TableViewModel,\r\n FilterViewModelBase: FilterViewModelBase,\r\n InformationMessageViewModel: InformationMessageViewModel,\r\n SettingsViewModelBase: SettingsViewModelBase,\r\n uploadDocument: uploadDocument,\r\n });\r\n\r\n})(jQuery);\r\n\r\n// page wire up SM Events \r\njQuery(document).ready(function () {\r\n jQuery(window).onDelayed('resize', 100, function () {\r\n sm.portal.ui.resizePage();\r\n });\r\n sm.portal.ui.initPage();\r\n});\r\n\r\n// Extending jQuery to Add OnDelayed event\r\n(function ($) {\r\n $.fn.onDelayed = function (eventName, delayInMs, callback) {\r\n var _timeout;\r\n this.on(eventName, function (e) {\r\n if (!!_timeout) {\r\n clearTimeout(_timeout);\r\n //console.log('timer being re-set: ' + eventName);\r\n } else {\r\n // console.log('timer being set for the first time: ' + eventName);\r\n }\r\n _timeout = setTimeout(function () {\r\n callback(e);\r\n }, delayInMs);\r\n });\r\n };\r\n})(jQuery);\r\n\r\n\r\n(function ($) {\r\n $.fn.cleanWhitespace = function () {\r\n this.contents().filter(function () {\r\n return (this.nodeType == 3 && !/\\S/.test(this.nodeValue));\r\n }).remove();\r\n return this;\r\n };\r\n})(jQuery);\r\n\r\n//Optional parameter includeMargin is used when calculating outer dimensions \r\n(function ($) {\r\n $.fn.getHiddenDimensions = function (includeMargin) {\r\n var $item = this,\r\n props = { position: 'absolute', visibility: 'hidden', display: 'block' },\r\n dim = { width: 0, height: 0, innerWidth: 0, innerHeight: 0, outerWidth: 0, outerHeight: 0 },\r\n $hiddenParents = $item.parents().andSelf().not(':visible');\r\n\r\n includeMargin = (includeMargin == null) ? false : includeMargin;\r\n\r\n var oldProps = [];\r\n $hiddenParents.each(function () {\r\n var old = {};\r\n\r\n for (var name in props) {\r\n old[name] = this.style[name];\r\n this.style[name] = props[name];\r\n }\r\n\r\n oldProps.push(old);\r\n });\r\n\r\n dim.width = $item.width();\r\n dim.outerWidth = $item.outerWidth(includeMargin);\r\n dim.innerWidth = $item.innerWidth();\r\n dim.height = $item.height();\r\n dim.innerHeight = $item.innerHeight();\r\n dim.outerHeight = $item.outerHeight(includeMargin);\r\n\r\n $hiddenParents.each(function (i) {\r\n var old = oldProps[i];\r\n for (var name in props) {\r\n this.style[name] = old[name];\r\n }\r\n });\r\n\r\n return dim;\r\n };\r\n}(jQuery));\r\n"]}