\")\r\n .show()\r\n .focus();\r\n }\r\n };\r\n\r\n var onSuccess = function (res, sta, xhr, frm) {\r\n if (res && typeof res.Success !== \"undefined\") {\r\n if (res.Success === false) {\r\n parseFieldErrors(form, res);\r\n $(form).trigger(errorEvent, res);\r\n window.InitEvents.apiFormError.dispatch(res.Data);\r\n $(form).addClass(errorClass);\r\n $(form).removeClass(submittingClass);\r\n $(form).find('input[type=\"submit\"]').prop('disabled', false);\r\n\r\n if (errorContainerId && res.Messages.length > 0) {\r\n $(errorContainerId)\r\n .html(res.Messages.map(function (x) { return \"\" + x + \"\"; }).join(\" \"))\r\n .show();\r\n\r\n var formAlert = $(errorContainerId).find('.form-alert');\r\n if (formAlert && formAlert.length > 0) {\r\n $(errorContainerId).find('.form-alert')[0].focus();\r\n }\r\n }\r\n } else {\r\n $(form).trigger(successEvent, [res.Data]);\r\n window.InitEvents.apiFormSuccess.dispatch(res.Data);\r\n if (resultsContainerId && res.Messages.length > 0) {\r\n $(resultsContainerId)\r\n .html(\"\" + res.Messages.join(\" \") + \"\")\r\n .show().focus();\r\n }\r\n\r\n if (form.hasAttribute('data-apiform-clearonsuccess') && $(form).attr('data-apiform-clearonsuccess') === \"true\") {\r\n $(form).data('validator').resetForm();\r\n }\r\n\r\n if (multistepNextPage) {\r\n console.log(\"TRACE1\", multistepNextPage);\r\n window.location = multistepNextPage;\r\n }\r\n else {\r\n // Leave submittingClass in place if loading new page\r\n $(form).find('input[type=\"submit\"]').prop('disabled', false);\r\n $(form).removeClass(submittingClass); \r\n }\r\n }\r\n }\r\n };\r\n\r\n var onBeforeSubmit = function (arr, frm, opt) {\r\n arr.push({ name: 'Locale', value: culture });\r\n };\r\n\r\n var onBeforeSend = function (request) {\r\n request.setRequestHeader(\"Accept-Language\", culture);\r\n };\r\n\r\n resetBeforeSubmit();\r\n\r\n $(form).ajaxSubmit({\r\n dataType: 'json',\r\n error: onError,\r\n success: onSuccess,\r\n beforeSubmit: onBeforeSubmit,\r\n beforeSend: onBeforeSend\r\n });\r\n };\r\n\r\n if (typeof confirmId === \"undefined\") {\r\n submitForm();\r\n } else {\r\n var confirmContainer = $(confirmId);\r\n if (confirmContainer) {\r\n $(confirmContainer)\r\n .off(\".apiform\")\r\n .on(\"click.apiform\", \"[data-confirm-yes]\", function () { $(confirmContainer).hide(); submitForm(); })\r\n .on(\"click.apiform\", \"[data-confirm-no]\", function () { $(confirmContainer).hide(); })\r\n .show();\r\n }\r\n }\r\n };\r\n\r\n $(function () {\r\n function initializeForm(i, f) {\r\n var validatorSetup = $(f).data('validator');\r\n var oldErrorFunction, oldHighlight, oldUnhighlight = null;\r\n\r\n var errorPlacementFunction = function (error, inputElement) {\r\n //console.log('errorPlacementFunction', error, inputElement);\r\n var errorContainer = findErrorContainerForElement(inputElement);\r\n if (errorContainer) {\r\n if ($(error).text() !== \"\") errorContainer.html(error);\r\n } else {\r\n if (oldErrorFunction !== null) oldErrorFunction(error, inputElement);\r\n }\r\n };\r\n\r\n var highlightFunction = function (element, errorClass) {\r\n if (oldHighlight) {\r\n oldHighlight(element, errorClass);\r\n }\r\n\r\n var errorContainer = findErrorContainerForElement(element);\r\n if (errorContainer) showFieldError(errorContainer);\r\n\r\n var form = $(element).closest('form');\r\n if (form.find('input.input-validation-error').length > 0) {\r\n form.addClass(\"invalid-form\");\r\n }\r\n };\r\n\r\n var unhighlightFunction = function (element, errorClass) {\r\n if (oldUnhighlight) {\r\n oldUnhighlight(element, errorClass);\r\n }\r\n\r\n var errorContainer = findErrorContainerForElement(element);\r\n if (errorContainer) {\r\n window.setTimeout(function () { errorContainer.slideUp(errorCloseSpeed); }, closeDelay);\r\n var errorFieldId = $(errorContainer).data(\"errorfor\");\r\n if (errorFieldId !== null) {\r\n var errorField = $(JQueryService.selectId(errorFieldId));\r\n if (errorField.length) $(errorField).removeClass(\"input-validation-error\");\r\n }\r\n }\r\n\r\n var form = $(element).closest('form');\r\n if (form.find('input.input-validation-error').length === 0) {\r\n form.removeClass(\"invalid-form\");\r\n }\r\n };\r\n\r\n if (typeof validatorSetup !== \"undefined\" && validatorSetup !== null) {\r\n // Hold references to original functions\r\n oldErrorFunction = validatorSetup.settings.errorPlacement;\r\n oldHighlight = validatorSetup.settings.highlight;\r\n oldUnhighlight = validatorSetup.settings.unhighlight;\r\n\r\n validatorSetup.settings.submitHandler = submitHandler;\r\n\r\n validatorSetup.settings.errorPlacement = errorPlacementFunction;\r\n validatorSetup.settings.highlight = highlightFunction;\r\n validatorSetup.settings.unhighlight = unhighlightFunction;\r\n validatorSetup.settings.onkeyup = false;\r\n validatorSetup.settings.onfocusout = false;\r\n } else {\r\n // Initialize jQuery validation on the form when jquery.unobtrusive is not enabled\r\n $(f).validate({\r\n submitHandler: submitHandler,\r\n errorPlacement: errorPlacementFunction,\r\n highlight: highlightFunction,\r\n unhighlight: unhighlightFunction,\r\n onsubmit: true\r\n });\r\n }\r\n }\r\n\r\n $(\"[data-apiform]\").each(initializeForm);\r\n\r\n $(\"form input\").on(\"focus\", function (e) {\r\n var hint = findHintContainerForElement($(this));\r\n if (hint) {\r\n var errorContainer = findErrorContainerForElement($(this));\r\n $(errorContainer).hide();\r\n\r\n $(hint).slideDown(hintOpenSpeed);\r\n $(hint).next(\"small\").hide();\r\n }\r\n }).on(\"focusout\", function (e) {\r\n var hint = findHintContainerForElement($(this));\r\n if (hint) {\r\n window.setTimeout(function () {\r\n $(hint).slideUp(hintCloseSpeed);\r\n $(hint).next(\"small\").show();\r\n }, closeDelay);\r\n }\r\n });\r\n\r\n window.InitEvents.apiFormReinit.add(function (formSelector) {\r\n var form = $(formSelector);\r\n if (form.length === 0) {\r\n return;\r\n }\r\n initializeForm(0, form);\r\n });\r\n });\r\n\r\n})(jQuery);\r\n","// Implementation Examples //\r\n// https://github.com/millermedeiros/js-signals/wiki/Examples //\r\n\r\n(function ($, Signal) {\r\n window.InitEvents = {\r\n customerAccountLoad: new Signal(),\r\n customerAccountReload: new Signal(), // Signal thrown to operations that change customer account info\r\n customerTransitAccounts: new Signal(),\r\n\r\n managedCardSelecting: new Signal(), // Signal thrown by customer dashboard carousel while changing\r\n managedCardSelected: new Signal(), // Signal thrown by customer dashboard carousel when change complete\r\n managedCardReload: new Signal(),\r\n managedCardAdded: new Signal(), // Signal for when a new card is added.\r\n managedCardRemoved: new Signal(), // Signal for when a card is removed.\r\n managedCardUpdated: new Signal(), // Signal for when a card is updated.\r\n //managedCardAutoLoadUpdate: new Signal(), // Signal for when a card has had its AutoLoad updated\r\n managedCardActivityUpdate: new Signal(), // Signal for when user's card activity needs to be updated (i.e. after transfer balance).\r\n managedCardPassAutoloadComponentStateChanged: new Signal(),\r\n\r\n configurations: new Signal(), //Signal for when a configurations are retrieved.\r\n fareCategories: new Signal(), //Signal for when a fare categories are retrieved.\r\n notificationRead: new Signal(),\r\n notificationDeleted: new Signal(),\r\n orderHistoryLoaded: new Signal(),\r\n\r\n //Shopping Cart\r\n checkoutWithNewFundingSource: new Signal(),\r\n itemQuantityChanged: new Signal(),\r\n itemRemovedFromCart: new Signal(),\r\n customerBeginCheckout: new Signal(),\r\n institutionBeginCheckout: new Signal(),\r\n customerDataReadyForPaymentModal: new Signal(),\r\n checkoutComplete: new Signal(),\r\n newGuestPaymentMethodAdded: new Signal(),\r\n newInstitutionTemporaryPaymentMethodAdded: new Signal(),\r\n cancelCartProcessing: new Signal(),\r\n shoppingCartReload: new Signal(), // Signal thrown when the cart has been changed\r\n shoppingCartTotalLoaded: new Signal(),\r\n shippingAddressUpdated: new Signal(),\r\n shippingAddressUpdatedForCheckout: new Signal(),\r\n institutionOrderSuccess: new Signal(),\r\n institutionCartIsValid: new Signal(),\r\n institutionCheckout: new Signal(),\r\n newShippingAddressClicked: new Signal(), //used when adding a shipping address on the shopping cart page\r\n newShippingAddressIsValid: new Signal(), //used when adding a shipping address on the shopping cart page\r\n\r\n // Signal thrown when selected shipping address is updated on shopping cart page\r\n billingAddressLoaded: new Signal(),\r\n paymentMethodUpdated: new Signal(),\r\n addressUpdated: new Signal(), //customer cart and profile settings, not specific to billing or shipping\r\n guestContactDetailsAdded: new Signal(), //Signal thrown on guest shopping cart\r\n guestShippingAddressAdded: new Signal(), //Signal thrown on guest shopping cart\r\n\r\n // Buy Online\r\n addCardholder: new Signal(), //Signal thrown on guest/customer Buy Online\r\n cardholderAdded: new Signal(), //Signal thrown on guest/customer Buy Online\r\n\r\n // Payment Profile\r\n customerAddedNewPaymentMethod: new Signal(),\r\n customerPaymentMethodDeleted: new Signal(),\r\n customerPaymentMethodEdited: new Signal(),\r\n customerPaymentMethodAdded: new Signal(),\r\n customerPaymentMethodPendingComplete: new Signal(),//signal thrown when payment method request is complete, even if there's an error\r\n\r\n //// Institution\r\n viewProductsForInstitutionClicked: new Signal(),\r\n valueAddedToCardPurchase: new Signal(),\r\n unlinkMultipleParticipants: new Signal(),\r\n institutionReplaceCard: new Signal(), // Signal thrown when institutionReplaceCard form is opened\r\n singleCardReloading: new Signal(),\r\n serviceRequestFormOpened: new Signal(),\r\n // Participant\r\n viewParticipantClicked: new Signal(),\r\n // Signal thrown from the participants list table when the user name is clicked\r\n editParticipantClicked: new Signal(),\r\n // Signal thrown from the participants list table when the Edit link is clicked\r\n addParticipantClicked: new Signal(),\r\n availableCardsLoaded: new Signal(),\r\n // Signal thrown from the participants dashboard when the add button is clicked\r\n participantSaved: new Signal(),\r\n // Signal thrown from the participants details panel when a user is edited, created or deleted\r\n participantDeleting: new Signal(),\r\n participantsDeleted: new Signal(),\r\n participantBackToSearch: new Signal(),\r\n // Signal thrown from the participants list table when the Delete link is clicked\r\n addParticipantCardClicked: new Signal(), // Signal thrown with 'Add Card' is clicked for a participant\r\n newParticipantPhotoAdded: new Signal(), // Signal thrown when 'Submit' is clicked after uploading a photo in the Add New Participant Modal\r\n editParticipantPhotoClicked: new Signal(), //Signal thrown when 'Edit Photo' is clicked for a participant\r\n participantPhotoUpdated: new Signal(), // Signal thrown when 'Submit' is clicked after uploading a photo in the Edit Participant Modal\r\n institutionAddedNewPaymentMethod: new Signal(),\r\n\r\n triggerUpdateAvailableTransitAccounts: new Signal(),\r\n\r\n // Notifications\r\n institutionNotificationRead: new Signal(),\r\n institutionNotificationsDeleted: new Signal(),\r\n institutionNotificationsDeleting: new Signal(), // Signal thrown from the notifications table\r\n institutionNotificationsNew: new Signal(), // Signal thrown from header call\r\n\r\n //Order Cards\r\n reducedFareCardSeniorClicked: new Signal(),\r\n addSelectedCardToCartClicked: new Signal(),\r\n reducedFareCardYouthClicked: new Signal(),\r\n\r\n //Groups\r\n addGroupClicked: new Signal(),\r\n editGroupClicked: new Signal(),\r\n groupSaved: new Signal(),\r\n\r\n // Account Settings\r\n accountSettingsLoading: new Signal(), // Signal thrown to trigger loading of all account settings modules\r\n shippingAddressLoading: new Signal(), // Signal thrown to trigger load institution account shipping addresses\r\n userInfoLoading: new Signal(),\r\n billingAddressLoading: new Signal(), // Signal thrown to trigger load institution account billing\r\n shippingAddressSaved: new Signal(), // Signal thrown when a shipping address is saved from modal\r\n paymentMethodDeleting: new Signal(),\r\n paymentMethodDeleted: new Signal(),\r\n paymentMethodEditing: new Signal(),\r\n paymentMethodSaved: new Signal(),\r\n // Cards\r\n cardDetailsClosed: new Signal(),\r\n cardDetailsOpenedSingle: new Signal(),\r\n cardDetailsOpenedMultiple: new Signal(),\r\n editCardsClicked: new Signal(),\r\n singleCardReseting: new Signal(),\r\n singleCardDataLoaded: new Signal(),\r\n multipleCardDataLoaded: new Signal(),\r\n singleCardPassesLoaded: new Signal(),\r\n singleCardFareProductsLoaded: new Signal(),\r\n singleCardEditing: new Signal(),\r\n multipleCardEditing: new Signal(),\r\n manageCardsTableResetting: new Signal(),\r\n cardTableReload: new Signal(),\r\n cardBlocking: new Signal(),\r\n cardBlocked: new Signal(),\r\n participantUnlinking: new Signal(),\r\n participantUnlinked: new Signal(),\r\n cardMultipleBlocking: new Signal(),\r\n cardMultipleBlocked: new Signal(),\r\n cardMultipleRemoving: new Signal(),\r\n //Guest/Anonymous card selection on order cards page\r\n guestCardAdded: new Signal(),\r\n guestItemAddedToOrderCardsCart: new Signal(),\r\n //use event to display api result on vue methods\r\n orderCardsShowResult: new Signal(),\r\n\r\n // Logins\r\n loginClicked: new Signal(),\r\n loginLoading: new Signal(),\r\n loginLoaded: new Signal(),\r\n loginDeleting: new Signal(),\r\n loginViewLoading: new Signal(),\r\n loginViewLoaded: new Signal(),\r\n loginSaved: new Signal(),\r\n loginClearForms: new Signal(),\r\n loginBlock: new Signal(),\r\n loginActivate: new Signal(),\r\n //Bulk Action Jobs \r\n currentJobTableReload: new Signal(),\r\n pastJobTableReload: new Signal(),\r\n // User profile\r\n userProfileLoading: new Signal(),\r\n userProfileSaved: new Signal(),\r\n // SuperUser profile\r\n superUserProfileLoading: new Signal(),\r\n superUserProfileSaved: new Signal(),\r\n //Api Forms\r\n apiFormSuccess: new Signal(),\r\n apiFormError: new Signal(),\r\n apiFormReinit: new Signal(),\r\n\r\n quantitySelectChange: new Signal(),\r\n\r\n institutionLoaded: new Signal(),\r\n currentInstitutionAccountFetched: new Signal(),\r\n currentInstitutionAccountUpdated: new Signal(),\r\n currentInstitutionAccountNeedsRefresh: new Signal(),\r\n institutionShippingAddressEditRequested: new Signal(),\r\n institutionPaymentMethodChange: new Signal(),\r\n institutionPaymentMethodAddSuccess: new Signal(),\r\n institutionPaymentMethodAddFailed: new Signal(),\r\n institutionPaymentMethodEditRequested: new Signal(),\r\n institutionPaymentMethodDeleteRequested: new Signal(),\r\n institutionJobsTableNeedsRefresh: new Signal(),\r\n loginsListTableJsGridPageIndexUpdate: new Signal(),\r\n enterSubAccountFailure: new Signal(),\r\n\r\n shoppingCartMixedFulfillmentDetected: new Signal(),\r\n shoppingCartMixedFulfillmentNotDetected: new Signal(),\r\n\r\n //Inherited but unused:\r\n //Groups\r\n addGroupClicked: new Signal(),\r\n editGroupClicked: new Signal(),\r\n groupSaved: new Signal(),\r\n //Sub-Accounts\r\n subAccountListUpdated: new Signal(),\r\n subAccountDeleting: new Signal(),\r\n //Shopping cart\r\n checkoutWithNewFundingSource: new Signal(),\r\n cancelCartProcessing: new Signal()\r\n };\r\n})(jQuery, signals.Signal);","//To use this functionality, simply add the class 'link-enabled' onto any container element that contains an anchor tag within it\r\n//If the container features more than 1 child anchor tag, you can specify which anchor should take precedence by adding the 'preferred-link' class to that anchor element\r\n\r\nwindow.SetLinksAsClickable = {\r\n OnReady: function () {\r\n\r\n $('.preferredLink').each(function () {\r\n var dataTag = $(this).closest('[data-link-enabled]');\r\n if (dataTag.exists()) dataTag.addClass('linkEnabled');\r\n });\r\n\r\n var $body = $('body');\r\n\r\n //Prevent links within link-enabled classes from bubbling the event up the dom to our link-enabled handler below\r\n $body.on('click', '.linkEnabled a', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n $body.on('click', '.linkEnabled', function (e) {\r\n\r\n //Prevent default actions & navigate them to the preferred link if one exists, or the nearest anchor tag\r\n e.preventDefault();\r\n var $anchor;\r\n\r\n if ($(this).find('.preferredLink').length > 0) {\r\n var $preferredLink = $(this).find('.preferredLink');\r\n //preferred-link can get added as a class through the RTE and will be added onto a new span tag in some instances\r\n if ($preferredLink.is('a')) $anchor = $preferredLink;\r\n else if ($preferredLink.find('a').length > 0) $anchor = $preferredLink.find('a');\r\n } else {\r\n $anchor = $(this).find('a');\r\n }\r\n\r\n if ($anchor !== null) {\r\n var url = $anchor.attr('href');\r\n var userTarget = $anchor.attr('target');\r\n var smartTarget = url.startsWith(\"/\") || url.startsWith(\"tel:\") || url.startsWith(\"mailto:\") ? \"_self\" : \"_blank\";\r\n var target = userTarget || smartTarget;\r\n window.open(url, target);\r\n } else {\r\n console.warn('Anchor tag could not be found');\r\n }\r\n });\r\n }\r\n};","(function($) {\r\n window.InstitutionHelper = {\r\n setPanelHeight: function (parentContainer, setHeightAuto) {\r\n var colMd3Selector = parentContainer + ' [data-area-col-span=\"3\"]';\r\n var colMd4Selector = parentContainer + ' [data-area-col-span=\"4\"]';\r\n var leftColumnSelectorString = colMd3Selector + ', ' + colMd4Selector;\r\n\r\n var containerHeight = $(parentContainer).height() ?? 0;\r\n $(leftColumnSelectorString).height(containerHeight).css({ 'overflow-y': 'auto', 'overflow-x': 'hidden' });\r\n },\r\n loadDetailsPanel: function (parentContainer, show) {\r\n var leftColumnSelectorString = parentContainer + ' [data-area-col-span=\"3\"]';\r\n var rightColumnSelectorString = parentContainer + ' [data-area-col-span=\"9\"]';\r\n var breadcrumbs = $('.breadcrumbs');\r\n\r\n $('#edit-p-form').resetForm();\r\n\r\n if (show) {\r\n $(leftColumnSelectorString).show();\r\n $(rightColumnSelectorString).addClass('regular');\r\n if (parentContainer !== '#l-manage-cards') {\r\n $(leftColumnSelectorString + ' button:first').focus();\r\n }\r\n $(\".inst-toggle-side\").hide();\r\n $(parentContainer).addClass('regular');\r\n if (breadcrumbs) {\r\n $(breadcrumbs).addClass('regular');\r\n }\r\n window.InstitutionHelper.setPanelHeight(parentContainer);\r\n } else {\r\n $(leftColumnSelectorString).hide();\r\n $(rightColumnSelectorString).removeClass('regular');\r\n $(\".inst-toggle-side\").show();\r\n $(parentContainer).removeClass('regular');\r\n if (breadcrumbs) {\r\n $(breadcrumbs).removeClass('regular');\r\n }\r\n }\r\n },\r\n hideMiddleColumn: function (parentContainer, show) {\r\n var shippingColumn = parentContainer + ' [data-area-col-span=\"4\"][data-area-alias=\"Column 2\"]';\r\n var columnSelector = parentContainer + ' [data-area-col-span=\"4\"]';\r\n //console.log(\"Show shipping column:\", show);\r\n\r\n if (show) {\r\n $(columnSelector).each(function (index) {\r\n $(this).removeClass('regular');\r\n $(shippingColumn).show();\r\n });\r\n }\r\n else {\r\n $(columnSelector).each(function (index) {\r\n $(this).addClass('regular');\r\n $(shippingColumn).hide();\r\n });\r\n }\r\n },\r\n participantPanelSectionVisible: function(ele, makeVisible) {\r\n if (makeVisible) {\r\n $('.m-participant-details .l-loader').hide();\r\n $(ele).show();\r\n } else {\r\n $(ele).hide();\r\n $('.m-participant-details .l-loader').show();\r\n }\r\n },\r\n showErrorNotification: function (message, delay) {\r\n if (delay === null || typeof (delay) === \"undefined\")\r\n delay = 6000;\r\n\r\n $('.notification.error').html('').html('' + message + '').slideDown(500).delay(delay).slideUp(500);\r\n },\r\n showSuccessNotification: function (message, delay) {\r\n if (delay === null || typeof (delay) === \"undefined\")\r\n delay = 6000;\r\n\r\n $('.notification.success').html('').html('' + message + '').slideDown(500).delay(delay).slideUp(500);\r\n },\r\n showSuccessCheckoutModal: function (message, body) {\r\n $(\".modal-message\", $(\"#instSuccessCheckoutModal\")).html(message);\r\n $(\".modal-message\", $(\"#instSuccessCheckoutModal\")).show();\r\n if (body) {\r\n $(\".modal-body p\", $(\"#instSuccessCheckoutModal\")).show();\r\n $(\".modal-body p\", $(\"#instSuccessCheckoutModal\")).html(body);\r\n } else {\r\n $(\".modal-body p\", $(\"#instSuccessCheckoutModal\")).hide();\r\n }\r\n $(\"#instSuccessCheckoutModal\").modal('show');\r\n },\r\n showSuccessModal: function (message) {\r\n $(\".modal-title\", $(\"#instSuccessModal\")).html(message);\r\n $(\".modal-title\", $(\"#instSuccessModal\")).show();\r\n $(\"#instSuccessModal\").modal('show');\r\n },\r\n showErrorModal: function (message, body) {\r\n $(\".modal-title\", $(\"#instErrorModal\")).html(message);\r\n $(\".modal-title\", $(\"#instErrorModal\")).show();\r\n $(\"#instErrorModal\").modal('show');\r\n },\r\n showBulkActionMessageModal: function (message, linkUrl) {\r\n $(\".modal-bulkmessage\", $(\"#instBulkActionMessageModal\")).html(message);\r\n $(\".modal-bulkmessage\", $(\"#instBulkActionMessageModal\")).show();\r\n $(\".modal-bulkheading\", $(\"#instBulkActionMessageModal\")).hide();\r\n $(\"#bulkActionOverviewLink\", $(\"#instBulkActionMessageModal\")).attr('href', linkUrl);\r\n $(\"#instBulkActionMessageModal\").modal('show');\r\n },\r\n setUpTabs: function (el, tabsSelector, tabButtonsSelector, tabContainerSelector, shouldAutoActivate=true) {\r\n var tabs = $(tabsSelector, el);\r\n var tabButtons = $(tabButtonsSelector, tabs);\r\n tabButtons.attr(\"tabindex\", \"-1\");\r\n tabButtons.first().attr(\"tabindex\", \"0\");\r\n function focusTabButton(button) {\r\n tabButtons.attr(\"tabindex\", \"-1\");\r\n $(button, tabs).attr(\"tabindex\", \"0\").focus();\r\n if (shouldAutoActivate) {\r\n activateTabButton(button);\r\n }\r\n }\r\n\r\n function activateTabButton(button) {\r\n new bootstrap.Tab(button).show();\r\n }\r\n\r\n $(tabButtons).on('keydown', function (e) {\r\n if (tabButtons.is(\":focus\")) {\r\n switch (e.key) {\r\n case \"ArrowRight\":\r\n var nextButton = $(tabButtonsSelector + \":focus\", tabs).parent().next(tabContainerSelector).children();\r\n // If there's a next button, go to that, else cycle to the first\r\n focusTabButton(nextButton.length ? nextButton[0] : tabButtons.first());\r\n break;\r\n case \"ArrowLeft\":\r\n var prevButton = $(tabButtonsSelector + \":focus\", tabs).parent().prev(tabContainerSelector).children();\r\n // If there's a previous button, go to that, else cycle to the last\r\n focusTabButton(prevButton.length ? prevButton[0] : tabButtons.last());\r\n break;\r\n case \"Home\":\r\n e.preventDefault();\r\n focusTabButton(tabButtons.first());\r\n break;\r\n case \"End\":\r\n e.preventDefault();\r\n focusTabButton(tabButtons.last());\r\n break;\r\n case \" \":\r\n case \"Enter\":\r\n if (!shouldAutoActivate) {\r\n activateTabButton($(tabButtonsSelector + \":focus\", tabs));\r\n }\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n };\r\n})(jQuery);","/* Non-Site Specific Init Events */\r\n\r\n//Add lazy support for background images:\r\ndocument.addEventListener('lazybeforeunveil', function (e) {\r\n var bg = e.target.getAttribute('data-bg');\r\n if (bg) {\r\n e.target.style.backgroundImage = 'url(' + bg + ')';\r\n }\r\n});\r\n\r\n// Passive touch event listeners\r\njQuery.event.special.touchstart = {\r\n setup: function (_, ns, handle) {\r\n this.addEventListener(\"touchstart\", handle, { passive: !ns.includes(\"noPreventDefault\") });\r\n }\r\n};\r\njQuery.event.special.touchmove = {\r\n setup: function (_, ns, handle) {\r\n this.addEventListener(\"touchmove\", handle, { passive: !ns.includes(\"noPreventDefault\") });\r\n }\r\n};\r\n","(function ($) {\r\n window.JsGridHelper = {\r\n caseInsensitiveAlphaSort: function (A, B, asc) {\r\n var a = A.toLowerCase();\r\n var b = B.toLowerCase();\r\n\r\n if (asc) {\r\n return (a > b) ? 1 : ((a < b) ? -1 : 0);\r\n } else {\r\n return (b > a) ? 1 : ((b < a) ? -1 : 0);\r\n }\r\n },\r\n currencySort: function (A, B, asc) {\r\n var a = Number(A.toString().replace(/(^\\$|,)/g, ''));\r\n var b = Number(B.toString().replace(/(^\\$|,)/g, ''));\r\n\r\n if (asc) {\r\n return (a > b) ? 1 : ((a < b) ? -1 : 0);\r\n } else {\r\n return (b > a) ? 1 : ((b < a) ? -1 : 0);\r\n }\r\n },\r\n /* Sorts a list of table results\r\n \r\n list: list of JSON objects\r\n property: name of property for the list to be sorted on\r\n direction: direction for the sort\r\n\r\n NOTE: Both property and direction are provided by jsGrid. Please see participantslist.js for an example of usage\r\n */\r\n sortResults: function (list, property, direction) {\r\n var self = this;\r\n var propertyValid = property !== '' && typeof (property) !== \"undefined\";\r\n var directionValid = direction !== '' && typeof (direction) !== \"undefined\";\r\n\r\n if (propertyValid && directionValid) {\r\n if (property === \"Name\") { // Special case - split/reverse/join the field to sort by last name (ugly workaround)\r\n list = list.sort(function (a, b) {\r\n if (a[property] === b[property]) {\r\n return 0;\r\n }\r\n else if (a[property] === null) {\r\n return 1;\r\n }\r\n else if (b[property] === null) {\r\n return -1;\r\n }\r\n else {\r\n return self.caseInsensitiveAlphaSort(a[property].split(\" \").reverse().join(\" \"), b[property].split(\" \").reverse().join(\" \"), direction === \"asc\");\r\n }\r\n });\r\n }\r\n else if (property === \"Amount\") {\r\n list = list.sort(function (a, b) {\r\n if (a[property] === b[property]) {\r\n return 0;\r\n }\r\n else if (a[property] === null) {\r\n return 1;\r\n }\r\n else if (b[property] === null) {\r\n return -1;\r\n }\r\n else {\r\n return self.currencySort(a[property], b[property], direction === \"asc\");\r\n }\r\n });\r\n }\r\n else\r\n list = list.sort(function (a, b) {\r\n if (a[property] === b[property]) {\r\n return 0;\r\n }\r\n else if (a[property] === null) {\r\n return 1;\r\n }\r\n else if (b[property] === null) {\r\n return -1;\r\n }\r\n else {\r\n return self.caseInsensitiveAlphaSort(a[property], b[property], direction === \"asc\");\r\n }\r\n });\r\n }\r\n\r\n return list;\r\n },\r\n sortLoginResults: function (list, property, direction) {\r\n var self = this;\r\n var directionValid = direction !== '' && typeof (direction) !== \"undefined\";\r\n\r\n if (directionValid) {\r\n if (property === \"Email\")\r\n list = list.sort(function (a, b) {\r\n if (a[property] === b[property]) {\r\n return 0;\r\n }\r\n else if (a[property] === null) {\r\n return 1;\r\n }\r\n else if (b[property] === null) {\r\n return -1;\r\n }\r\n else {\r\n return self.caseInsensitiveAlphaSort(a.PersonalData.Email, b.PersonalData.Email, direction === \"asc\" ? false : true);\r\n }\r\n });\r\n\r\n else if (property === \"Name\")\r\n list = list.sort(function (a, b) {\r\n if (a[property] === b[property]) {\r\n return 0;\r\n }\r\n else if (a[property] === null) {\r\n return 1;\r\n }\r\n else if (b[property] === null) {\r\n return -1;\r\n }\r\n else {\r\n return self.caseInsensitiveAlphaSort(a.PersonalData.LastName + a.PersonalData.FirstName, b.PersonalData.LastName + b.PersonalData.FirstName, direction === \"asc\" ? false : true);\r\n }\r\n });\r\n\r\n else if (property === \"Username\")\r\n list = list.sort(function (a, b) {\r\n if (a[property] === b[property]) {\r\n return 0;\r\n }\r\n else if (a[property] === null) {\r\n return 1;\r\n }\r\n else if (b[property] === null) {\r\n return -1;\r\n }\r\n else {\r\n return self.caseInsensitiveAlphaSort(a.UserName, b.UserName, direction === \"asc\" ? false : true);\r\n }\r\n });\r\n }\r\n\r\n return list;\r\n },\r\n /* Gets localized column names\r\n returns promise that can be accessed by .done(function(data){})\r\n\r\n columnObj: example obj\r\n\r\n {\r\n Columns: [\r\n { Name: 'col1', IsSortable: true },\r\n { Name: 'col2', IsSortable: false }\r\n ]\r\n }\r\n */\r\n getLocalizedColumnNames: function (columnObj) {\r\n return new PublicService.getLocalizedTableColumnNames(columnObj);\r\n }\r\n };\r\n})(jQuery);","(function () {\r\n var CreateMobileMenuController = function ($mobileMenuControllerElement) {\r\n var isCustomer = $mobileMenuControllerElement.attr('data-iscustomer') === 'true';\r\n var isInstitution = $mobileMenuControllerElement.attr('data-isinstitution') === 'true';\r\n var isGuest = !isCustomer && !isInstitution;\r\n var loginUrl = $mobileMenuControllerElement.attr('data-loginurl');\r\n var submenuBackText = $mobileMenuControllerElement.attr('data-submenubacktext');\r\n\r\n var _dropdownItems = [];\r\n\r\n return new Vue({\r\n el: $mobileMenuControllerElement.get(0),\r\n template: $mobileMenuControllerElement.get(0).outerHTML,\r\n data: function () {\r\n return {\r\n IsCustomer: isCustomer,\r\n IsInstitution: isInstitution,\r\n IsGuest: isGuest,\r\n LoginUrl: loginUrl,\r\n ProfileMenuOpened: false,\r\n NavigationMenuOpened: false,\r\n SubmenuOpened: false,\r\n SubmenuBackText: submenuBackText\r\n };\r\n },\r\n computed: {\r\n\r\n },\r\n methods: {\r\n OnProfileBarToggleClicked: function () {\r\n if (this.IsGuest || this.IsInstitution) {\r\n window.location.href = this.LoginUrl;\r\n return;\r\n } else {\r\n this.__ToggleProfileMenu();\r\n }\r\n },\r\n OnMenuBarToggleClicked: function () {\r\n this.__ToggleNavigationMenu();\r\n },\r\n __ToggleProfileMenu: function () {\r\n if (this.ProfileMenuOpened) {\r\n this.__CloseProfileMenu();\r\n } else {\r\n this.__CloseNavigationMenu();\r\n this.__OpenProfileMenu();\r\n }\r\n },\r\n __ToggleNavigationMenu: function () {\r\n if (this.NavigationMenuOpened) {\r\n this.__CloseNavigationMenu();\r\n } else {\r\n this.__CloseProfileMenu();\r\n this.__OpenNavigationMenu();\r\n }\r\n },\r\n __OpenProfileMenu: function () {\r\n var vueModel = this;\r\n vueModel.$nextTick(function () {\r\n vueModel.ProfileMenuOpened = true;\r\n });\r\n },\r\n __CloseProfileMenu: function () {\r\n var vueModel = this;\r\n vueModel.$nextTick(function () {\r\n vueModel.ProfileMenuOpened = false;\r\n });\r\n },\r\n __OpenNavigationMenu: function () {\r\n var vueModel = this;\r\n vueModel.$nextTick(function () {\r\n vueModel.NavigationMenuOpened = true;\r\n });\r\n },\r\n __CloseNavigationMenu: function () {\r\n var vueModel = this;\r\n vueModel.$nextTick(function () {\r\n vueModel.NavigationMenuOpened = false;\r\n vueModel.__CloseAllSubmenus();\r\n });\r\n },\r\n __CloseAllSubmenus: function () {\r\n var vueModel = this;\r\n _dropdownItems.forEach(function (dropdownItem) {\r\n vueModel.__CloseSubmenu(dropdownItem);\r\n });\r\n },\r\n __OpenSubmenu: function (dropdownItem) {\r\n var vueModel = this;\r\n vueModel.__CloseAllSubmenus();\r\n dropdownItem.$dropdown.addClass('open');\r\n dropdownItem.$anchor.attr('aria-expanded', 'true');\r\n dropdownItem.$dropdown.attr('aria-hidden', 'false');\r\n dropdownItem.isOpen = true;\r\n window.setTimeout(function () {\r\n vueModel.SubmenuOpened = true;\r\n }, 501);\r\n },\r\n __CloseSubmenu: function (dropdownItem) {\r\n var vueModel = this;\r\n dropdownItem.$dropdown.removeClass('open');\r\n dropdownItem.$anchor.attr('aria-expanded', 'false');\r\n dropdownItem.$dropdown.attr('aria-hidden', 'true');\r\n dropdownItem.isOpen = false;\r\n window.setTimeout(function () {\r\n vueModel.SubmenuOpened = false;\r\n }, 501);\r\n },\r\n __BindNavigationSubmenuActions: function () {\r\n var vueModel = this;\r\n $(vueModel.$el).find('a[data-bs-toggle=\"dropdown\"').each(function () {\r\n var $anchor = $(this);\r\n var $dropdown = $(this).closest('.dropdown').find('.dropdown-menu').first();\r\n $dropdown.addClass('mobile-submenu');\r\n $anchor.addClass('has-submenu');\r\n $(this).closest('.dropdown').removeClass('dropdown');\r\n $anchor.removeClass('dropdown-toggle');\r\n $anchor.removeAttr('data-bs-toggle');\r\n $anchor.removeAttr('aria-haspopup');\r\n $dropdown.removeClass('dropdown-menu');\r\n _dropdownItems.push({\r\n $anchor: $anchor,\r\n $dropdown: $dropdown,\r\n isOpen: false\r\n });\r\n });\r\n _dropdownItems.forEach(function (item) {\r\n item.$anchor.click(function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (item.isOpen) {\r\n _closeSubmenu(item);\r\n } else {\r\n _openSubmenu(item);\r\n }\r\n });\r\n });\r\n var _openSubmenu = function (dropdownItem) {\r\n vueModel.__OpenSubmenu(dropdownItem);\r\n };\r\n var _closeSubmenu = function (dropdownItem) {\r\n vueModel.__CloseSubmenu(dropdownItem);\r\n };\r\n }\r\n },\r\n mounted: function () {\r\n var vueModel = this;\r\n vueModel.$nextTick(function () {\r\n window.InitializeLogoutLinks();\r\n //if (!this.IsInstitution) {\r\n // window.InitializeDashboardInfoPanels();\r\n //}\r\n vueModel.__BindNavigationSubmenuActions();\r\n });\r\n }\r\n });\r\n };\r\n\r\n window.MobileMenuControllers = [];\r\n\r\n $(document).ready(function () {\r\n $('[data-vuemobilemenucontroller]').each(function () {\r\n window.MobileMenuControllers.push(CreateMobileMenuController($(this)));\r\n });\r\n });\r\n})();","(function ($) {\r\n svg4everybody();\r\n})(jQuery);","window.MarathonTagIEVersion = function() {\r\n var rv = -1; // Return value assumes failure.\r\n\r\n if (navigator.appName === 'Microsoft Internet Explorer') {\r\n\r\n var ua = navigator.userAgent,\r\n re = new RegExp(\"MSIE ([0-9]{1,}[\\\\.0-9]{0,})\");\r\n\r\n if (re.exec(ua) !== null) {\r\n rv = parseFloat(RegExp.$1);\r\n }\r\n }\r\n else if (navigator.appName === \"Netscape\") {\r\n /// in IE 11 the navigator.appVersion says 'trident'\r\n /// in Edge the navigator.appVersion does not say trident\r\n if (navigator.appVersion.indexOf('Trident') === -1) { }\r\n else {\r\n rv = 11;\r\n }\r\n }\r\n if (rv > -1) {\r\n var root = document.documentElement;\r\n if (root.className === \"\") {\r\n root.className += 'ie';\r\n }\r\n else {\r\n root.className += ' ie';\r\n }\r\n }\r\n return rv;\r\n}","window.MarathonTagIEVersion();\r\n\r\n$(document).ready(function () {\r\n window.SetLinksAsClickable.OnReady();\r\n window.CommonExtensions.enabledSmoothScrollToId();\r\n window.CommonExtensions.handleExternalLinks();\r\n window.CommonExtensions.initA11yMenu();\r\n window.CommonExtensions.ReCaptchaHelper.InitResponsiveReCaptcha();\r\n\r\n $(window).on('load', function () {\r\n window.CommonExtensions.ReCaptchaHelper.HandleADA();\r\n });\r\n\r\n if ($('.pageBreadcrumbs').length === 0) {\r\n $('.pageContent').addClass('noBreadcrumbs');\r\n }\r\n\r\n var adjustCustomerDashboardColumnHeight = function () {\r\n $('.customer-dashboard-column').each(function () {\r\n var $elem = $(this);\r\n var headerHeight = $('header').outerHeight();\r\n var footerHeight = $('footer').outerHeight();\r\n var breadcrumbsHeight = 0;\r\n if ($('.pageBreadcrumbs').length > 0) {\r\n breadcrumbsHeight = $('.pageBreadcrumbs').first().outerHeight();\r\n }\r\n var minHeightOfElem = `calc(100vh - ${(headerHeight + footerHeight + breadcrumbsHeight)}px)`;\r\n $elem.css('min-height', minHeightOfElem);\r\n });\r\n };\r\n adjustCustomerDashboardColumnHeight();\r\n $(window).on('resize', function () {\r\n adjustCustomerDashboardColumnHeight();\r\n });\r\n});","window.BootstrapADA = window.BootstrapADA || {};\r\n\r\nwindow.BootstrapADA.Collapse = (function ($, logger) {\r\n\r\n var _settings = {\r\n name: 'Collapse Bootstrap ADA',\r\n debug: true\r\n };\r\n\r\n var logDebug = logger.debugLogger(_settings);\r\n\r\n var _init = function () {\r\n var collapseEles = document.querySelectorAll('.collapse, .collapsed');\r\n\r\n $('[data-bs-toggle=\"collapse\"]').on({\r\n 'keydown': function (e) {\r\n if (e && (e.keyCode === 32 || e.which === 32 || e.key === ' ' || e.key === 'Space')) {\r\n // logDebug('SpaceBar Keyup on collapse toggle: ', e);\r\n // Keep from doing page scroll.\r\n e.preventDefault();\r\n\r\n var target = e.target.dataset.bsTarget;\r\n\r\n if (target) {\r\n $(target).collapse('toggle');\r\n }\r\n else {\r\n logError('No target identified for bootstrap collapse toggle');\r\n }\r\n }\r\n }\r\n });\r\n };\r\n\r\n // Fire this off when the page loads.\r\n $(function () {\r\n _init();\r\n });\r\n\r\n return {\r\n settings: _settings\r\n };\r\n})(jQuery, Loggers.Console);","(function ($) {\r\n // By default, events from nested collapse elements will bubble up and trigger scrollTo on the parent. Event propagation will be stopped for elements matching this selector\r\n var nestedCollapseSelectors = \"#cardmgmt-panelgroup .panel-group-type, #cardmgmt-panelgroup panel-group-products\";\r\n\r\n var scrollToAnimationOptions = {\r\n duration: 190,\r\n easing: \"easeOutQuint\",\r\n offset: { top: -125 }\r\n };\r\n\r\n $(function () {\r\n $(document).on(\"shown.bs.collapse\", nestedCollapseSelectors, function (e) { e.stopPropagation(); });\r\n\r\n $(document).on(\"shown.bs.collapse\", \"#cardmgmt-panelgroup > .panel > .panel-collapse\", function (e) {\r\n var panel = $(e.currentTarget);\r\n\r\n var target = panel;\r\n $(window).scrollTo($(target), scrollToAnimationOptions);\r\n });\r\n });\r\n})(jQuery);","////(function ($, window) {\r\n//// var isIE = /*@cc_on!@*/false || !!document.documentMode, // Internet Explorer 6-11\r\n//// isEdge = !isIE && !!window.StyleMedia; // Edge 20+\r\n\r\n//// var toggled = function () {\r\n//// if (isEdge) {\r\n//// try {\r\n//// // force refresh.\r\n//// this.style.display = 'inline-block';\r\n//// this.offsetHeight = this.offsetHeight;\r\n//// this.style.display = 'block';\r\n//// } catch (e) {\r\n//// window.console.error('Attempted to force refresh in IE.', e);\r\n//// }\r\n//// }\r\n//// };\r\n\r\n//// // Whenever data-bs-toggle is used, check if Edge to fix janky animation result.\r\n//// // Animation is still gross, but at least it cleans up after the collapse opens / closes.\r\n//// $('[data-bs-toggle=\"collapse\"]').on({\r\n//// 'shown.bs.collapse': toggled,\r\n//// 'hidden.bs.collapse': toggled\r\n//// });\r\n////})(jQuery, window);\r\n","(function ($) {\r\n window.__PasswordHintService = {\r\n Bind: function (fieldName, frm) {\r\n var fieldElement = $('[name=\"' + fieldName + '\"]', frm);\r\n if (!fieldElement.length) return;\r\n\r\n var fieldId = $(fieldElement).attr('id');\r\n var passwordContainer = $('[data-field-container=\"' + fieldId + '\"]', frm);\r\n if (!passwordContainer.length) return;\r\n\r\n var hintContainer = $('[data-hintfor=\"' + fieldId+'\"]', passwordContainer);\r\n\r\n var hintSteps = [\r\n $('[data-hintstep=\"1\"]', hintContainer),\r\n $('[data-hintstep=\"2\"]', hintContainer),\r\n $('[data-hintstep=\"3\"]', hintContainer),\r\n $('[data-hintstep=\"4\"]', hintContainer),\r\n $('[data-hintstep=\"5\"]', hintContainer)\r\n ];\r\n\r\n var UpperCaseRegexp = new RegExp(/[A-Z]/);\r\n var LowerCaseRegexp = new RegExp(/[a-z]/);\r\n var NumberRegexp = new RegExp(/[0-9]/);\r\n var SpecialRegexp = new RegExp(/[\\.,_\\-!@#$%^&*\\(\\)=+\\\\|\\[\\];:'\"<>\\/\\?{}]/);\r\n\r\n $('#' + fieldId, passwordContainer).on('keyup', function (e) {\r\n var Password = $(this).val();\r\n if (Password.length >= 8) hintSteps[0].addClass('pass');\r\n else hintSteps[0].removeClass('pass');\r\n\r\n if (Password.match(UpperCaseRegexp) !== null) hintSteps[1].addClass('pass');\r\n else hintSteps[1].removeClass('pass');\r\n\r\n if (Password.match(LowerCaseRegexp) !== null) hintSteps[2].addClass('pass');\r\n else hintSteps[2].removeClass('pass');\r\n\r\n if (Password.match(NumberRegexp) !== null) hintSteps[3].addClass('pass');\r\n else hintSteps[3].removeClass('pass');\r\n\r\n if (Password.match(SpecialRegexp) !== null) hintSteps[4].addClass('pass');\r\n else hintSteps[4].removeClass('pass');\r\n\r\n });\r\n }\r\n };\r\n})(jQuery);","(function ($) {\r\n $(function () {\r\n $('[rel=\"datepicker\"]').datepicker({\r\n changeMonth: true,\r\n changeYear: true\r\n });\r\n });\r\n})(jQuery);","/* javascript methods for dropdowns */\r\n(function ($) {\r\n // Fixes dropdown icons on page load (with a timeout for dropdowns still loading)\r\n $(document).on('DOMContentLoaded', function (e) {\r\n window.setTimeout(function () {\r\n fixDropdownArrows();\r\n }, 4000);\r\n });\r\n\r\n // Update dropdown icon during MouseDown, Blur, and KeyDown events are triggered.\r\n var fixDropdownArrows = function () {\r\n var dropdownButtons = $('select.form-select');\r\n\r\n dropdownButtons.on('mousedown', function () {\r\n var dropdownButton = $(this);\r\n\r\n var currentOpenAttr = dropdownButton.attr('data-open');\r\n if (currentOpenAttr && currentOpenAttr != undefined) {\r\n var currentOpenBool = currentOpenAttr == 'true' ? true : false;\r\n dropdownButton.attr('data-open', !currentOpenBool);\r\n }\r\n else { \r\n dropdownButton.attr('data-open', true);\r\n }\r\n });\r\n\r\n dropdownButtons.on('blur', function () {\r\n var dropdownButton = $(this);\r\n dropdownButton.attr('data-open', false);\r\n });\r\n\r\n dropdownButtons.on('keydown', function (event) {\r\n console.log('dropdown event');\r\n if (event.keyCode === 13 || event.key === 'Enter' || event.key === ' ' || event.keyCode === 32) {\r\n var dropdownButton = $(this);\r\n\r\n var currentOpenAttr = dropdownButton.attr('data-open');\r\n if (currentOpenAttr && currentOpenAttr != undefined) {\r\n var currentOpenBool = currentOpenAttr == 'true' ? true : false;\r\n dropdownButton.attr('data-open', !currentOpenBool);\r\n }\r\n else {\r\n dropdownButton.attr('data-open', true);\r\n }\r\n }\r\n });\r\n };\r\n})(jQuery);\r\n","(function () {\r\n var removeLoadingScreen = function () {\r\n var $body = $('body');\r\n var $siteWrapper = $('body > .js-site-wrapper');\r\n var $loadingScreen = $('body > .js-loading-screen');\r\n var $mainContent = $('#maincontent');\r\n\r\n $body.addClass('hideLoadingScreen');\r\n $siteWrapper.attr('aria-hidden', 'false');\r\n $loadingScreen.attr('aria-hidden', 'true');\r\n $mainContent.addClass('init');\r\n };\r\n $(document).ready(function () {\r\n removeLoadingScreen();\r\n });\r\n})(jQuery);\r\n","window.InitializeLogoutLinks = function () {\r\n $(function () {\r\n function logOutRedirect(href) {\r\n var jwt = Cookies.get(\"__jwt\");\r\n if (jwt === null || typeof (jwt) === \"undefined\") {\r\n window.location.href = href ? href : \"/sign-in/\";\r\n return;\r\n }\r\n\r\n setTimeout(function () {\r\n logOutRedirect(href);\r\n }, 500);\r\n }\r\n\r\n $(\"[data-logout]\").click(function (e) {\r\n e.preventDefault(); \r\n\r\n $.post(\"/umbraco/Api/SessionApi/AddTokenToBlacklist\", function () {\r\n Cookies.remove(\"__jwt\");\r\n var href = $(e.target).attr('href');\r\n logOutRedirect(href);\r\n }); \r\n });\r\n\r\n if ($('#force-logout-customer') && $('#force-logout-customer').is(':checked')) {\r\n Cookies.remove(\"__jwt\");\r\n logOutRedirect($('#force-logout-customer').attr(\"data-login-url\"));\r\n }\r\n\r\n if ($('#force-logout-inst-user') && $('#force-logout-inst-user').is(':checked')) {\r\n Cookies.remove(\"__jwt\");\r\n logOutRedirect($('#force-logout-inst-user').attr(\"data-login-url\"));\r\n }\r\n\r\n if ($('#force-logout-super-user') && $('#force-logout-super-user').is(':checked')) {\r\n Cookies.remove(\"__jwt\");\r\n logOutRedirect($('#force-logout-super-user').attr(\"data-login-url\"));\r\n }\r\n\r\n $(\".sub-account-admin-link\").on(\"click\", function () {\r\n InstitutionService.exitSubAccount().done(function (data) {\r\n if (typeof data !== \"undefined\" && data !== null && typeof data.Action !== \"undefined\") {\r\n if (data.Action === \"SetAuthToken\" && typeof data.Token !== \"undefined\") {\r\n Cookies.set('__jwt', data.Token, { secure: true });\r\n Cookies.remove(\"__fltr_participant\");\r\n Cookies.remove(\"__fltr_card\");\r\n Cookies.remove(\"__fltr_group\");\r\n window.location.href = \"/institution/sub-accounts/\";\r\n }\r\n }\r\n });\r\n });\r\n });\r\n};","(function ($) {\r\n $.extend($.mask, {\r\n \"autoclear\": false\r\n });\r\n})(jQuery);","//////////////////////////////////////////////////////////////////////\r\n// //\r\n// Add miscellaneous functions/bindings/events in here. //\r\n// //\r\n//////////////////////////////////////////////////////////////////////\r\n\r\n(function ($, CartService, API) {\r\n /**\r\n * Force scroll to top of page on load.\r\n */ \r\n if ('scrollRestoration' in window.history) {\r\n window.history.scrollRestoration = 'manual';\r\n }\r\n\r\n /**$(document).ready(function () {\r\n window.scrollBy({\r\n top: 0 - window.scrollY,\r\n left: 0,\r\n });\r\n });*/\r\n\r\n /**\r\n * Sign in dropdown triggers - any anchor with a \"#triggerSignInDropdown\" href attribute value\r\n * will control the sign in dropdown in the nav. This binds it.\r\n */\r\n $(document).ready(function () {\r\n var $signInDropdownTriggers = $('a[href=\"#triggerSignInDropdown\"]');\r\n $signInDropdownTriggers.each(function () {\r\n $(this).click(function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n focusSignInMenu();\r\n });\r\n });\r\n });\r\n\r\n /**\r\n * If on homepage with a return URL, open the sign in menu. \r\n */\r\n $(document).ready(function () {\r\n //if (window.location.search.includes(\"returnUrl\") && $('body').hasClass('homepage')) {\r\n // focusSignInMenu();\r\n //}\r\n });\r\n\r\n /**\r\n * Focuses the sign in menu in navigation. \r\n */\r\n var focusSignInMenu = function () {\r\n var isMobile = function () {\r\n return window.innerWidth <= 991;\r\n };\r\n var getSignInDropdownLinkInNav = function () {\r\n var $anchor = isMobile() ? $('.utility-nav a.login-link') : $('.primary-nav-desktop a.sign-in-dropdown');\r\n return $anchor.length > 0 ? $anchor.first() : null;\r\n };\r\n var $anchorInNav = getSignInDropdownLinkInNav();\r\n if ($anchorInNav !== null) {\r\n $anchorInNav.click();\r\n if (isMobile()) {\r\n $('.nav-sign-in-form.mobile-version form input[type=text]').first().focus();\r\n } else {\r\n $('.nav-sign-in-form.desktop-version form input[type=text]').first().focus();\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Binds the anchors to info modals\r\n */\r\n $(document).ready(function () {\r\n var bindModalFromId = function (modalId) {\r\n if (modalId !== '' && modalId !== undefined && modalId !== null) {\r\n var $anchorsThatNeedUpdating = $('a[href=\"#' + modalId + '\"]');\r\n $anchorsThatNeedUpdating.each(function () {\r\n var $anchor = $(this);\r\n $anchor.attr('data-bs-toggle', 'modal');\r\n $anchor.attr('data-bs-target', '#' + modalId);\r\n $anchor.attr('href', '#');\r\n $anchor.addClass('altered-in-misc-dot-js');\r\n });\r\n }\r\n };\r\n $('.js-info-modal').each(function () {\r\n bindModalFromId($(this).data('id'));\r\n });\r\n });\r\n\r\n /**\r\n * \"Add Payment\" modal (collectJS) saves some details to localStorage for use in shopping cart.\r\n * Let's just clear these out on every page load (except on shopping cart page refreshes) since we don't want this to be persistent.\r\n */\r\n $(document).ready(function () {\r\n if (window.location.href.includes('/shopping-cart')) {\r\n return;\r\n }\r\n var key1 = '_temporaryPaymentInformation';\r\n var key2 = '_collectJsResponse';\r\n window.localStorage.removeItem(key1);\r\n window.localStorage.removeItem(key2);\r\n });\r\n\r\n /**\r\n * Layout fixes for Institution\r\n */\r\n $(document).ready(function () {\r\n var breadcrumbsHTML = null;\r\n if ($('html').hasClass('institution') && $('#maincontent').hasClass('bulk-actions')) {\r\n breadcrumbsHTML = $('#maincontent > .breadcrumbs-content').html();\r\n $('.two-column-34-right.col-lg-9').first().prepend('
\";\r\n}\r\n\r\n/**\r\n * Determines if prop exists.\r\n * @param {any} prop\r\n */\r\nfunction HasContent(prop) {\r\n return prop && prop.length;\r\n}\r\n\r\n/**\r\n * Makes the google map ADA compliant.\r\n * @param {any} $map\r\n */\r\nfunction MakeADAGoogleMap($map) {\r\n var lang = window.__locale || \"en\";\r\n $map.find('iframe').attr(\"title\", \"Google Maps\");\r\n $map.find('html').attr(\"lang\", lang);\r\n}\r\n\r\n/**\r\n * \r\n * @param {any} map\r\n * @param {any} browserHasGeolocation\r\n * @param {any} error\r\n */\r\nfunction handleLocationError(map, browserHasGeolocation, error) {\r\n //identical error handling on googleMaps.js\r\n var $map = $(map);\r\n var alerted = $map.attr('data-error-alert') || '';\r\n if (error.code === 1) {\r\n //If permission is denied, don't show an error alert, just flag it so the request doesn't pop up again\r\n $map.attr('data-geolocation-denied', 'denied');\r\n }\r\n if (alerted !== \"yes\" && !browserHasGeolocation) {\r\n var errorContainer = $('.error-geolocation');\r\n var x = 'Error: Your browser doesn\\'t support geolocation.';\r\n errorContainer.html(function () { return \"
\" + x + \"
\"; })\r\n .show().focus();\r\n $map.attr('data-error-alert', 'yes');\r\n window.setTimeout(function () {\r\n errorContainer.hide();\r\n }, 5000);\r\n }\r\n}\r\n\r\n/**\r\n * Provide support for .format() [equivalent of C# string.Format method]\r\n */\r\nString.prototype.format = function () {\r\n var s = this,\r\n i = arguments.length;\r\n\r\n while (i--) {\r\n s = s.replace(new RegExp('\\\\{' + i + '\\\\}', 'gm'), arguments[i]);\r\n }\r\n return s;\r\n};","(function ($, λ) {\r\n \"use strict\";\r\n\r\n \r\n $(function () {\r\n $(\".guest-currentvalue-placeholder\").each(function (i, e) {\r\n\r\n });\r\n });\r\n})(jQuery, contra);","(function ($) {\r\n $(function () {\r\n var helpForms = $(\".m-form-help\");\r\n var recaptchaElement = $('.g-recaptcha');\r\n\r\n if (helpForms.length) {\r\n FetchServiceRequestTypesAndOperators(helpForms);\r\n InitEmailFieldsIfLoggedIn(helpForms);\r\n\r\n helpForms.each(function () {\r\n $(this).find('form').on('success.apiform', function () {\r\n if (recaptchaElement && recaptchaElement.is(':visible')) {\r\n for (var i = 0; i < recaptchaElement.length; i++) {\r\n grecaptcha.reset(i);\r\n }\r\n }\r\n });\r\n\r\n $(this).find('form').on('fail.apiform', function () {\r\n if (recaptchaElement && recaptchaElement.is(':visible')) {\r\n for (var i = 0; i < recaptchaElement.length; i++) {\r\n grecaptcha.reset(i);\r\n }\r\n }\r\n });\r\n });\r\n }\r\n });\r\n\r\n var InitEmailFieldsIfLoggedIn = function (helpForms) {\r\n var forms = [];\r\n var customerEmail = window.LoggedInUserEmail;\r\n var customerName = window.LoggedInUserName;\r\n console.log('customerName', customerName);\r\n helpForms.each(function () {\r\n var $form = $(this).find('form').first();\r\n if ($form.length) {\r\n forms.push($form);\r\n }\r\n });\r\n forms.forEach(function ($form) {\r\n var loggedIn = $form.data('logged-in');\r\n if (loggedIn == 'True' || loggedIn === true) {\r\n $form.find(\"input[name='Email']\").val(customerEmail);\r\n $form.find(\"input[name='Name']\").val(customerName);\r\n }\r\n });\r\n };\r\n\r\n var InitializeHelpFormRequestTypesDropDown = function (helpForms, serviceRequestTypes, operators) {\r\n helpForms.each(function (helpFormIndex, helpForm) {\r\n var serviceRequestTypeDropdown = $('select.service-request-type-dropdown', helpForm);\r\n serviceRequestTypes.forEach(function (serviceRequestType) {\r\n serviceRequestTypeDropdown.append($('', {\r\n value: serviceRequestType.Id,\r\n text: serviceRequestType.Description\r\n }));\r\n });\r\n\r\n var operatorDropdown = $('select.service-request-operator-dropdown', helpForm);\r\n operators.forEach(function (operator) {\r\n operatorDropdown.append($('', {\r\n value: operator.OperatorId,\r\n text: operator.LongName\r\n }));\r\n });\r\n });\r\n };\r\n\r\n var FetchServiceRequestTypesAndOperators = function (helpForms) {\r\n var opts = {};\r\n ServiceRequestService.getServiceRequestTypes(opts).done(function (res) {\r\n var serviceRequestTypes = [];\r\n if (typeof res.Success !== \"undefined\" && res.Success === true && typeof res.Data.Result !== \"undefined\") {\r\n serviceRequestTypes = res.Data.Result;\r\n }\r\n\r\n SettingsService.getOperators().done(function (result, sta, xhr) {\r\n var operators = [];\r\n if (result.Data !== null && result.Data !== 'undefined') {\r\n operators = result.Data.Result;\r\n }\r\n\r\n InitializeHelpFormRequestTypesDropDown(helpForms, serviceRequestTypes, operators);\r\n });\r\n });\r\n };\r\n})(jQuery);","(function($) {\r\n $('#accountSettings[data-form-controller=\"getAccountSettings\"]')\r\n .each(function () {\r\n\r\n $(document)\r\n .ready(function() {\r\n window.InitEvents.accountSettingsLoading.dispatch();\r\n });\r\n });\r\n})(jQuery);","(function ($) {\r\n var λ = contra;\r\n $('#institutionBillingAddress[data-form-controller=\"getBillingAddress\"]')\r\n .each(function() {\r\n var addressLoaded = false;\r\n var addressIsEmpty = false;\r\n var formModel = {\r\n AddressType: '',\r\n Id: '',\r\n AddressLine1: '',\r\n AddressLine2: '',\r\n PostalCode: '',\r\n City: '',\r\n State: '',\r\n Country: ''\r\n };\r\n var vue = new Vue({\r\n el: '#institutionBillingAddress[data-form-controller=\"getBillingAddress\"]',\r\n data: {\r\n addressLoaded: addressLoaded,\r\n addressIsEmpty: addressIsEmpty,\r\n addressInfo: formModel\r\n }\r\n });\r\n\r\n var getBillingAddress = function (invoiceAddressId) {\r\n Vue.nextTick(function () {\r\n $(\".billingAddress .l-loader\").show();\r\n $(\"#institutionBillingAddress\").hide();\r\n });\r\n λ.waterfall([\r\n function (next) {\r\n if (!invoiceAddressId) {\r\n vue.addressIsEmpty = true;\r\n next('Address Id not found', false, null);\r\n }\r\n InstitutionService.getInstitutionAccountAddressById({ AddressId: invoiceAddressId }).done(function (res) {\r\n var address = API.HandleApiResponseGetData(res);\r\n if (address) {\r\n vue.addressInfo = address;\r\n next(null, true, 'done');\r\n } else {\r\n next('Address Id not found', false, null);\r\n }\r\n }).fail(function () {\r\n next('Address Id not found', false, null);\r\n });\r\n\r\n }\r\n ], function (err, ok, result) {\r\n vue.addressLoaded = true;\r\n $(\".billingAddress .l-loader\").hide();\r\n $(\"#institutionBillingAddress\").show();\r\n });\r\n };\r\n\r\n window.InitEvents.billingAddressLoading.add(getBillingAddress);\r\n });\r\n})(jQuery);","(function ($, TEXTFORMATTING) {\r\n $(\".register-transit-accounts\").each(function () {\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n step: 1,\r\n uploadedFile: '',\r\n validFile: false,\r\n take: 20\r\n };\r\n\r\n var getFormData = function (skip) {\r\n var d = $.Deferred();\r\n\r\n var data = new FormData();\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processRegisterTransitAccounts(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-add-participants').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n dataModel.uploadSuccess = false;\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-add-participants\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\".passed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".passed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\",\r\n width: 270\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 270\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 270\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\",\r\n width: 270\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 270\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#defaultChooseAFile\").on(\"click\", function () {\r\n $('#csv-upload-add-participants').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($, API, TEXTFORMATTING) {\r\n $(function () {\r\n $(\".import-autoloads\").each(function () {\r\n var BulkActionTypes = {\r\n File: 0,\r\n Group: 1\r\n };\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n showProductList: false,\r\n AvailableProducts: [],\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n validFile: false,\r\n step: 1,\r\n uploadedFile: '',\r\n participantGroupId: 0,\r\n IsLoading: false,\r\n groups: [],\r\n bulkActionType: BulkActionTypes.File,\r\n take: 20,\r\n ePurseExternalIdentifier: 0,\r\n LoadingLimit: 0,\r\n Operators: [],\r\n OperatorId: null,\r\n ProductType: \"\",\r\n FareProductId: 0,\r\n ShowBackup: false,\r\n Autoload: {\r\n Day: 1,\r\n Amount: null,\r\n ThresholdAmount: '',\r\n PartialAutoloadValue: 0,\r\n Type: \"Threshold\", // OCTA only allows Threshold value autoloads\r\n FundingSourceId: 0,\r\n BackupFundingSourceId: 0,\r\n AvailableFundingSources: [],\r\n Thresholds: $(\".import-autoloads\")\r\n .data(\"autoloadThresholds\")\r\n .split(',')\r\n .map(function (val, idx, arr) { return parseFloat(val); }),\r\n MinimumAmount: $(\".import-autoloads\").data(\"minimum-autoload\"),\r\n MaximumAmount: $(\".import-autoloads\").data(\"maximum-autoload\")\r\n }\r\n };\r\n\r\n var orderProductsTopUpFirst = function (products) {\r\n var top = [], bottom = [];\r\n for (var i = 0; i < products.length; i++) {\r\n var product = products[i];\r\n if (product.Type === CartService.PRODUCT_TYPE_TOPUP) {\r\n product.ExternalIdentifier = 10001; // E-purse Purse Product\r\n dataModel.LoadingLimit = product.LoadingLimit;\r\n top.push(product);\r\n }\r\n else {\r\n bottom.push(product);\r\n }\r\n }\r\n\r\n return top.concat(bottom);\r\n };\r\n\r\n var LoadFundingSources = function () {\r\n InstitutionService.getFundingSources().done(function (res, sta, xhr) {\r\n var result = res.Data.Result;\r\n // Make sure the Default funding source is the first in the array.\r\n if (Array.isArray(result)) {\r\n var defaultIndex = result.map(function (source) { return source.IsDefault; }).indexOf(true);\r\n\r\n if (defaultIndex > 0) { // -1 would be not found, and 0 is already at the front. So > 0.\r\n var defaultSource = result[defaultIndex];\r\n result.splice(defaultIndex, 1);\r\n result.unshift(defaultSource);\r\n }\r\n dataModel.Autoload.FundingSourceId = result[0].Id;\r\n }\r\n dataModel.Autoload.AvailableFundingSources = result;\r\n });\r\n };\r\n\r\n var LoadProducts = function () {\r\n dataModel.IsLoading = true;\r\n var salesChannelId = parseInt($(\"#autoloadSalesChannel\").val());\r\n ProductsService.getFareProducts({ SalesChannelId: salesChannelId, ExcludeLoadedProducts: false, ShowAllAvailableFareProducts: true }).done(function (res) {\r\n if (res.Success && res.Data != null) {\r\n dataModel.AvailableProducts = orderProductsTopUpFirst(res.Data.Result);\r\n }\r\n dataModel.IsLoading = false;\r\n });\r\n };\r\n\r\n var hasMoreThanTwoDecimalPlaces = function (value) {\r\n if (value) {\r\n var valueAsString = value.toString();\r\n var decimalIndex = valueAsString.indexOf('.');\r\n if (decimalIndex < 0) {\r\n return false;\r\n }\r\n if (valueAsString.length - (decimalIndex + 1) > 2) {\r\n var afterDecimal = valueAsString.substring(decimalIndex + 3);\r\n for (var i = 0; i < afterDecimal.length; i++) {\r\n if (afterDecimal[i] !== '0') return true;\r\n }\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n /**\r\n * Structure form data for submitting bulk add/edit autoload bulk job.\r\n */\r\n var getFormData = function () {\r\n var d = $.Deferred();\r\n var form = document.getElementById('hiddenTransitForm');\r\n var data = new FormData(form);\r\n data.append(\"skip\", 0);\r\n data.append(\"take\", dataModel.take);\r\n data.append(\"FundingSourceId\", dataModel.Autoload.FundingSourceId);\r\n if (dataModel.Autoload.BackupFundingSourceId) {\r\n data.append(\"BackupFundingSourceId\", dataModel.Autoload.BackupFundingSourceId);\r\n }\r\n data.append(\"ExternalIdentifer\", dataModel.FareProductId);\r\n\r\n var selectedProduct = getSelectedProduct();\r\n\r\n if (isTopup(selectedProduct)) {\r\n if (dataModel.Autoload.Type === 'DayOfMonth') {\r\n data.append(\"PeriodDayOfMonth\", dataModel.Autoload.Day);\r\n }\r\n else {\r\n if (dataModel.Autoload.ThresholdAmount && dataModel.Autoload.ThresholdAmount > 0) {\r\n data.append(\"ThresholdAmount\", parseInt(dataModel.Autoload.ThresholdAmount));\r\n }\r\n }\r\n data.append(\"AutoloadValue\", getAutoloadAmount());\r\n }\r\n\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n data.append(\"GroupId\", dataModel.participantGroupId);\r\n d.resolve(data);\r\n }\r\n else {\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Submit bulk add/edit autoload job for processing. \r\n * Redirect to bulk overview page and open modal to display job details. \r\n */\r\n var submitForProcessing = function () {\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processAutoloadsImport(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.import-autoloads',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n submitForProcessing(0);\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-import-autoloads').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n },\r\n LimitCardName: function (sourceName, length) {\r\n var cardName = sourceName;\r\n if (cardName != null && cardName.length > 0) {\r\n if (cardName.length > length) {\r\n return cardName.substring(0, length) + \"... \";\r\n }\r\n else {\r\n return cardName;\r\n }\r\n }\r\n },\r\n toggleBulkActionType: function (typeId) {\r\n dataModel.bulkActionType = typeId;\r\n },\r\n isTopup: function (product) {\r\n return isTopup(product);\r\n },\r\n ToggleBackupPayment: function () {\r\n if (!this.ShowBackup) this.ShowBackup = true;\r\n else this.ShowBackup = false;\r\n },\r\n ResetAutoload: function () {\r\n dataModel.Autoload.ThresholdAmount = '';\r\n dataModel.Autoload.PartialAutoloadValue = 0;\r\n dataModel.Autoload.Type = \"Threshold\";\r\n if (dataModel.Autoload.AvailableFundingSources.length > 0) {\r\n dataModel.Autoload.FundingSourceId = dataModel.Autoload.AvailableFundingSources[0].Id;\r\n }\r\n dataModel.Autoload.BackupFundingSourceId = 0;\r\n }\r\n },\r\n computed: {\r\n AutoloadError: function () {\r\n return this.AutoloadSumsExceedLimit ||\r\n this.AutoloadAmountTooLow ||\r\n !this.AutoloadAmountIsValid ||\r\n this.ThresholdExceedsLimit ||\r\n this.IsThresholdAmountTooLow ||\r\n this.ThresholdAmountIsWrongFormat;\r\n },\r\n TopUpProduct: function () {\r\n for (var i = 0; i < this.AvailableProducts.length; i++) {\r\n if (this.AvailableProducts[i].Type === 8 || this.AvailableProducts[i].Type === 200) return this.AvailableProducts[i];\r\n }\r\n\r\n return false;\r\n },\r\n PurchasablePasses: function () {\r\n var vue = this;\r\n return this.AvailableProducts.filter(function (product) { return !vue.isTopup(product); });\r\n },\r\n SelectedProduct: function () {\r\n if (dataModel.ProductType === 'ePurse') {\r\n var topupProduct = this.TopUpProduct;\r\n if (!topupProduct) return null;\r\n dataModel.FareProductId = topupProduct.ExternalIdentifier;\r\n return topupProduct;\r\n }\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n },\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n BackupFundingSources: function () {\r\n var availableFundingSources = dataModel.Autoload.AvailableFundingSources;\r\n var fundingSources = [];\r\n for (var i = 0; i < availableFundingSources.length; i++) {\r\n if (availableFundingSources[i].Id !== dataModel.Autoload.FundingSourceId) {\r\n fundingSources.push(availableFundingSources[i]);\r\n }\r\n }\r\n return fundingSources;\r\n },\r\n ValidFileOrGroupSelected: function () {\r\n return ((dataModel.bulkActionType === BulkActionTypes.Group && dataModel.participantGroupId) || (dataModel.bulkActionType === BulkActionTypes.File && dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0));\r\n },\r\n IsValidAutoload: function () {\r\n if (this.ValidFileOrGroupSelected &&\r\n this.AutoloadAmount &&\r\n this.FareProductId &&\r\n this.AutoloadAmountIsValid &&\r\n this.PaymentSourceSelected &&\r\n !this.AutoloadAmountTooLow &&\r\n this.ThresholdAmountIsValid &&\r\n !this.AutoloadSumsExceedLimit) {\r\n return true;\r\n }\r\n return false;\r\n },\r\n AutoloadAmountTooLow: function () {\r\n if (!this.Autoload.Amount) {\r\n return false;\r\n }\r\n var product = this.SelectedProduct;\r\n if (product === null) return false;\r\n var amount = this.AutoloadAmount;\r\n if (this.isTopup(product)) {\r\n return amount < dataModel.Autoload.MinimumAmount;\r\n } else {\r\n return false;\r\n }\r\n },\r\n IsThresholdAmountTooLow: function () {\r\n var amount = this.Autoload.ThresholdAmount;\r\n if (!amount) return false;\r\n if (this.Autoload.Type && this.Autoload.Type === \"Threshold\") {\r\n return amount < dataModel.Autoload.MinimumThreshold;\r\n }\r\n return false;\r\n },\r\n ThresholdExceedsLimit: function () {\r\n var amount = this.Autoload.ThresholdAmount;\r\n if (!amount) return false;\r\n if (this.Autoload.Type && this.Autoload.Type === \"Threshold\") {\r\n return amount > dataModel.Autoload.MaximumAmount;\r\n }\r\n return false;\r\n },\r\n ThresholdAmountIsWrongFormat: function () {\r\n var amount = this.Autoload.ThresholdAmount;\r\n if (!amount) return false;\r\n if (this.Autoload.Type && this.Autoload.Type === \"Threshold\") {\r\n return hasMoreThanTwoDecimalPlaces(amount);\r\n }\r\n return false;\r\n },\r\n ThresholdAmountIsValid: function () {\r\n if (this.ProductType === \"pass\") return true;\r\n if (this.Autoload.Type && this.Autoload.Type === \"Threshold\") {\r\n return this.Autoload.ThresholdAmount && !this.ThresholdExceedsLimit && !this.IsThresholdAmountTooLow && !this.ThresholdAmountIsWrongFormat;\r\n }\r\n return true;\r\n },\r\n PaymentSourceSelected: function () {\r\n return (this.Autoload.FundingSourceId !== 0 && !isNaN(this.Autoload.FundingSourceId) && typeof this.Autoload.FundingSourceId === \"number\");\r\n },\r\n AutoloadAmountIsValid: function () {\r\n if (!this.Autoload.Amount) return true;\r\n var amount = this.Autoload.Amount;\r\n if (!amount) return false;\r\n return amount !== 0 && amount % 1 === 0;\r\n },\r\n AutoloadAmount: function () {\r\n return getAutoloadAmount();\r\n },\r\n AutoloadSumsExceedLimit: function () {\r\n if (this.Autoload.Type === \"Threshold\") return this.AutoloadAmount + this.Autoload.ThresholdAmount > dataModel.LoadingLimit;\r\n if (this.Autoload.Type === \"DayOfMonth\") return this.AutoloadAmount > dataModel.Autoload.MaximumAmount;\r\n return false;\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n /**\r\n * Used to download CSV file containing errors caught during file validation. \r\n * @param {any} fileName\r\n * @param {any} csv\r\n */\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var isTopup = function (product) {\r\n return product && (product.Type === 200 || product.Type === 8);\r\n };\r\n\r\n /**\r\n * Gets the selected product (value or pass) that we are adding/editing an autoload for. \r\n * @returns value or pass that we are adding/editing autoload for. \r\n */\r\n var getSelectedProduct = function () {\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n var getAutoloadAmount = function () {\r\n var product = getSelectedProduct();\r\n if (product && !isTopup(product)) {\r\n return product.Price;\r\n }\r\n return dollarsToCents(dataModel.Autoload.Amount);\r\n };\r\n\r\n var dollarsToCents = function (value) {\r\n var result = Math.round(parseFloat(value).toFixed(2) * 100);\r\n if (isNaN(result)) return 0;\r\n return result;\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Used to validate CSV file to see if it matches the correct CSV format for transit accounts. \r\n */\r\n var validateData = function () {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-block-transit-accounts\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n $(\"#bulk-qty\").val(res.TotalRows);\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Register button click events for file upload.\r\n */\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#chooseImportAutoloadFile\").on(\"click\", function () {\r\n $('#csv-upload-import-autoloads').click();\r\n });\r\n $(\"#fileUploadBtn\").on(\"click\", function () {\r\n validateData();\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n // Not used yet - pending CO\r\n //var getGroups = function () {\r\n // InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n // if (res && res.Data && res.Data.Result) {\r\n // dataModel.groups = res.Data.Result;\r\n // if (dataModel.groups.length > 0) {\r\n // dataModel.participantGroupId = dataModel.groups[0].ParticipantGroupId;\r\n // }\r\n // }\r\n // });\r\n //};\r\n\r\n /** \r\n * Get API-driven configurations for autoload min and max amounts. \r\n */\r\n var getConfigurations = function () {\r\n SettingsService.getConfigurations().done(function (res) {\r\n if (res.Success) {\r\n dataModel.Autoload.MinimumAmount = res.Data.MinAllowedTopUpValue;\r\n dataModel.Autoload.MaximumAmount = res.Data.PurseLoadLimit;\r\n }\r\n });\r\n };\r\n\r\n //getGroups();\r\n getConfigurations();\r\n LoadProducts();\r\n registerEvents();\r\n LoadFundingSources();\r\n });\r\n });\r\n})(jQuery, API, TEXTFORMATTING);","(function ($, TEXTFORMATTING) {\r\n $(\".import-participants\").each(function () {\r\n var pageSize = 10;\r\n var pageCount = 0;\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n step: 1,\r\n uploadedFile: '',\r\n validFile: false,\r\n take: pageSize\r\n };\r\n\r\n //window.InstitutionHelper.setupBreadcrumbs([{ text: 'Bulk actions', link: '/institution/administration/bulk-import/' }, { text: 'Add participants' }]);\r\n\r\n var getFormData = function (skip) {\r\n var d = $.Deferred();\r\n\r\n var data = new FormData();\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processImportParticipants(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum == 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-add-participants').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"Identifier\": TEXTFORMATTING.FormatCsvField(item.Identifier),\r\n \"FirstName\": TEXTFORMATTING.FormatCsvField(item.FirstName),\r\n \"LastName\": TEXTFORMATTING.FormatCsvField(item.LastName),\r\n \"PhoneNumber\": TEXTFORMATTING.FormatCsvField(item.PhoneNumber),\r\n \"Email\": TEXTFORMATTING.FormatCsvField(item.Email),\r\n \"GroupName\": TEXTFORMATTING.FormatCsvField(item.GroupName),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateParticipantsUpload(dataResult);\r\n \r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-add-participants\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\"#passedTablePager\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n\r\n $(\".jsgrid-pager-page\").each(function () {\r\n var link = $(\"a\", $(this));\r\n link.attr(\"aria-label\", link.attr('title'));\r\n });\r\n\r\n var navButtons = $('#passedTablePager').find('.jsgrid-pager-nav-button a');\r\n var firstPage = null;\r\n var forward = null;\r\n\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...back' || navButton.text() === '...forward') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n if (navButton.text() === '...back') {\r\n if (firstPage) {\r\n firstPage.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n var nextButton = navButton.parent().next().find('a');\r\n if (nextButton.length === 0) nextButton = navButton.parent().next();\r\n if (nextButton.text() === '2') { //no previous set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n else {\r\n forward = navButton;\r\n var prevButton = navButton.parent().prev().find('a');\r\n if (prevButton.length === 0) prevButton = navButton.parent().prev();\r\n if (pageCount - prevButton.text() === 1) { //no next set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n navButton.text(\"...\");\r\n }\r\n else if (navButton.parent().is(':last-child')) {\r\n navButton.attr('aria-label', 'go to next page');\r\n }\r\n else if (navButton.text() === 'first') {\r\n navButton.text('1');\r\n navButton.attr('aria-label', \"to first page\");\r\n navButton.parent().addClass(\"nav-first\");\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n firstPage = navButton;\r\n }\r\n else if (navButton.text() === 'last') {\r\n navButton.text(pageCount);\r\n navButton.attr('aria-label', \"to last page\");\r\n navButton.parent().addClass(\"nav-last\");\r\n if (!forward) {\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n } else {\r\n navButton.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n else {\r\n navButton.attr('aria-label', 'go to previous page');\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"Email\",\r\n css: \"wrap-break-word\",\r\n width: 200\r\n },\r\n {\r\n name: \"Identifier\",\r\n css: \"wrap-break-word\"\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 200\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n // column model for localization request\r\n var columnModel = {\r\n request: {\r\n Columns:\r\n [\r\n { Name: 'Row #', IsSortable: false },\r\n { Name: 'FirstName', IsSortable: false },\r\n { Name: 'LastName', IsSortable: false },\r\n { Name: 'Phone', IsSortable: false },\r\n { Name: 'DOB', IsSortable: false },\r\n { Name: 'Email', IsSortable: false },\r\n { Name: 'Cell', IsSortable: false },\r\n { Name: 'Fax', IsSortable: false },\r\n { Name: 'Gender', IsSortable: false },\r\n { Name: 'Identifier', IsSortable: false },\r\n { Name: 'FareMediaId', IsSortable: false },\r\n { Name: 'PrintedNumber', IsSortable: false }\r\n ]\r\n }\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n pageCount = Math.ceil(dataModel.validationResults.totalPassed / pageSize);\r\n }\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pagerContainer: '#passedTablePager',\r\n pageButtonCount: 7,\r\n pagerFormat: \"{prev} {first} {pages} {last} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageNavigatorNextText: \"...forward\",\r\n pageNavigatorPrevText: \"...back\",\r\n pageFirstText: \"first\",\r\n pageLastText: \"last\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 120\r\n },\r\n {\r\n name: \"Identifier\",\r\n width: 200\r\n },\r\n {\r\n name: \"FirstName\",\r\n headerTemplate: function (value, item) {\r\n return \"First Name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"LastName\",\r\n headerTemplate: function (value, item) {\r\n return \"Last Name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"PhoneNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Phone\";\r\n },\r\n width: 150\r\n },\r\n {\r\n name: \"Email\",\r\n css: \"wrap-break-word\",\r\n width: 250\r\n },\r\n //{ name: \"FareMediaId\" },\r\n {\r\n name: \"PrintedCardNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Printed Card Number\";\r\n },\r\n width: 250\r\n },\r\n {\r\n name: \"GroupName\",\r\n headerTemplate: function (value, item) {\r\n return \"Group Name\";\r\n },\r\n width: 180\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#defaultChooseAFile\").on(\"click\", function () {\r\n $('#csv-upload-add-participants').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n //$(\"#defaultChooseAFile\").focus();\r\n });\r\n\r\n };\r\n\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($, TEXTFORMATTING) {\r\n $(\".add-participants-to-group\").each(function () {\r\n var jobType = 0;//mapped to the BulkJobTypeName enum\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalResults: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n groups: [],\r\n participantGroupName: null,\r\n step: 1,\r\n uploadedFile: '',\r\n validFile: false,\r\n take: 20\r\n };\r\n\r\n var getFormData = function (skip, passed) {\r\n var d = $.Deferred();\r\n\r\n var data = new FormData();\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n data.append(\"jobType\", jobType);\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n if (passed && passed.length > 0) { //create new file with just the participant identifier and the group name\r\n var groupName = dataModel.participantGroupName;\r\n var fileString = \"Identifier;GroupName\\n\";\r\n for (var i = 0; i < passed.length; i++) {\r\n fileString += passed[i].Identifier + \";\" + groupName + \"\\n\";\r\n }\r\n var fileData = new Blob([fileString], { type: \"plain/text\" });\r\n data.append(\"file\", fileData, 'addParticipantsToGroups.csv');\r\n d.resolve(data);\r\n }\r\n else {\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip, dataModel.validationResults.totalResults);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processUpdateParticipants(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-update-participants').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"Identifier\": TEXTFORMATTING.FormatCsvField(item.Identifier),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateParticipantsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalResults = res.TotalResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-add-participants\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\".passed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".passed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"Email\",\r\n css: \"wrap-break-word\",\r\n width: 200\r\n },\r\n {\r\n name: \"Identifier\",\r\n css: \"wrap-break-word\"\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 200\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n //pageSize: 10,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 120\r\n },\r\n {\r\n name: \"Identifier\",\r\n },\r\n {\r\n name: \"FirstName\",\r\n headerTemplate: function (value, item) {\r\n return \"First name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"LastName\",\r\n headerTemplate: function (value, item) {\r\n return \"Last name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"PhoneNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Phone\";\r\n },\r\n width: 150\r\n },\r\n {\r\n name: \"Email\",\r\n width: 250\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Printed card number\";\r\n },\r\n width: 220\r\n },\r\n {\r\n name: \"GroupName\",\r\n headerTemplate: function (value, item) {\r\n return \"Group name\";\r\n },\r\n width: 150\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#defaultChooseAFile\").on(\"click\", function () {\r\n $('#csv-update-participants').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n\r\n };\r\n\r\n var getGroups = function () {\r\n InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n if (res && res.Data) {\r\n dataModel.groups = res.Data.Result;\r\n if (dataModel.groups.length > 0) {\r\n dataModel.participantGroupName = dataModel.groups[0].GroupName;\r\n }\r\n }\r\n });\r\n };\r\n\r\n getGroups();\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($) {\r\n $(\".import-addvalueorpasses\").each(function () {\r\n var BulkActionTypes = {\r\n File: 0,\r\n Group: 1\r\n };\r\n\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n PassQuantities: {},\r\n showUpload: true,\r\n showProductList: false,\r\n AvailableProducts: [],\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n validFile: false,\r\n step: 1,\r\n uploadedFile: '',\r\n bulkActionType: BulkActionTypes.File,\r\n noCardsInGroup: false,\r\n groups: [],\r\n evaluateGroup: false,\r\n participantGroupId: null,\r\n Amount: 0,\r\n CustomAmount: \"\",\r\n AddFundsSuccess: false,\r\n SelectedProducts: [],\r\n take: 20,\r\n PassMonth: '0',\r\n ProductType: '',\r\n PassAddedSuccessMessage: null,\r\n ValidityGroupViolation: false,\r\n ShoppingCart: null,\r\n IsProcessingTopup: false,\r\n IsProcessingPass: false,\r\n loading: false,\r\n Configuration: {},\r\n RawReloadAmounts: String($(\".import-addvalueorpasses\").attr('data-raw-reload-amounts')),\r\n MinimumTopUp: $(\".import-addvalueorpasses\").data('minimum-topup'),\r\n MaximumTopUp: $(\".import-addvalueorpasses\").data('maximum-topup'),\r\n QuantityOptions: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\r\n };\r\n\r\n var orderProductsTopUpFirst = function (products) {\r\n var top = [], bottom = [];\r\n for (var i = 0; i < products.length; i++) {\r\n var product = products[i];\r\n if (product.Type === CartService.PRODUCT_TYPE_TOPUP) {\r\n product.IsTopUp = true;\r\n top.push(product);\r\n }\r\n else bottom.push(product);\r\n }\r\n return top.concat(bottom);\r\n };\r\n\r\n var getFormData = function () {\r\n var d = $.Deferred();\r\n var form = document.getElementById('hiddenTransitForm');\r\n var data = new FormData(form);\r\n data.append(\"skip\", 0);\r\n data.append(\"take\", dataModel.take);\r\n\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n data.append(\"groupId\", dataModel.participantGroupId);\r\n d.resolve(data);\r\n }\r\n else {\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function () {\r\n var csrfToken = $('input[name=\"__RequestVerificationToken\"]').val();\r\n\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n dataModel.loading = true;\r\n validateData().done(function () {\r\n if (dataModel.noCardsInGroup) {\r\n dataModel.loading = false;\r\n return;\r\n }\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', csrfToken);\r\n var processData = JobsService.processBulkSalesCsv(dataResult);\r\n processData.done(function (data) {\r\n CartService.setCartIdCookie(data);\r\n dataModel.showProductList = true;\r\n dataModel.step = 3;\r\n dataModel.loading = false;\r\n });\r\n });\r\n });\r\n }\r\n else {\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', csrfToken);\r\n var processData = JobsService.processBulkSalesCsv(dataResult);\r\n processData.done(function (data) {\r\n CartService.setCartIdCookie(data);\r\n dataModel.showProductList = true;\r\n dataModel.step = 3;\r\n window.setTimeout(function () {\r\n $(\"select#selectTopUpAmount\").focus();\r\n }, 100);\r\n });\r\n });\r\n }\r\n };\r\n\r\n var resetPasses = function () {\r\n dataModel.PassAddedSuccessMessage = null;\r\n dataModel.ProductType = '';\r\n resetSelections();\r\n _vue.SetupPassQuantitiesDictionary();\r\n };\r\n\r\n var resetSelections = function () {\r\n dataModel.selectedPassId = 0;\r\n dataModel.selectedOperatorId = 0;\r\n dataModel.ValidityGroupViolation = false;\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.import-addvalueorpasses',\r\n data: dataModel,\r\n template: \"#thirdpartmedia-template\",\r\n methods: {\r\n AddPassToCart: function (pass) {\r\n addPassToCart(pass, dataModel.PassQuantities[pass.Id]);\r\n },\r\n PassQuantityChanged: function (passId) {\r\n var hasRequiredData = passId !== null && dataModel.PassQuantities[passId] !== null;\r\n var hasCustomEventData = event !== null && event !== undefined && event.eventData !== null && event.eventData !== undefined;\r\n if (!hasRequiredData) return;\r\n if (hasCustomEventData) {\r\n dataModel.PassQuantities[passId] = event.eventData.CurrentValue;\r\n if (!event.eventData.InBounds) {\r\n dataModel.PassQuantities[passId] = 1;\r\n }\r\n }\r\n },\r\n SetupPassQuantitiesDictionary: function () {\r\n dataModel.PassQuantities = {};\r\n var vueModel = this;\r\n if (vueModel.AvailablePasses.length > 0) {\r\n for (var i = 0; i < vueModel.AvailablePasses.length; i++) {\r\n dataModel.PassQuantities[vueModel.AvailablePasses[i].Id] = 1;\r\n }\r\n }\r\n },\r\n handleValidation: function () {\r\n handleDataValidation(0);\r\n },\r\n submitForProcess: function () {\r\n $(\".process-btn-container button\").addClass(\"disabled\");\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.showUpload = true;\r\n dataModel.AvailableProducts = [];\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n checkForItemsInCart();\r\n }\r\n }\r\n },\r\n showProducts: function () {\r\n dataModel.step = 3;\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-add-value-or-passes').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n },\r\n SetAmount: function (amount) {\r\n dataModel.Amount = amount;\r\n dataModel.CustomAmount = null;\r\n },\r\n UpdateCustomAmount: function () {\r\n if (dataModel.CustomAmount !== \"\" && dataModel.CustomAmount > 0) {\r\n dataModel.CustomAmount = (dataModel.CustomAmount + \"\").split('.')[0];\r\n dataModel.Amount = 0;\r\n } \r\n },\r\n AddFundsToCart: function (productId) {\r\n dataModel.IsProcessingTopup = true;\r\n var amount = this.SelectedAmount;\r\n var numberOfAccounts = dataModel.validationResults.totalRows;\r\n console.log('amount')\r\n CartService.addBulkValueAddToCart({\r\n ProductId: productId,\r\n Amount: amount,\r\n Quantity: numberOfAccounts,\r\n __RequestVerificationToken: $(\"input[name='__RequestVerificationToken']\").val()\r\n }).done(function (res, sta, xhr) {\r\n if (res.Success) {\r\n dataModel.AddFundsSuccess = true;\r\n if (res.Data && res.Data.CartId) CartService.setCartIdCookie(res.Data.CartId);\r\n window.InitEvents.shoppingCartReload.dispatch();\r\n dataModel.SelectedProducts.push({\r\n Id: res.Data.Id,\r\n ProductId: productId,\r\n Name: \"Add Money\",\r\n Price: amount,\r\n Quantity: 1,\r\n NumberOfAccounts: numberOfAccounts,\r\n IsTopup: true\r\n });\r\n dataModel.IsProcessingTopup = false;\r\n }\r\n });\r\n },\r\n RemoveFromCart: function (productId, isTopup) {\r\n CartService.removeProductFromCart({\r\n Id: productId,\r\n __RequestVerificationToken: $('input[name=\"__RequestVerificationToken\"]').val()\r\n }).done(function (res) {\r\n if (res.Success) {\r\n if (isTopup) {\r\n dataModel.AddFundsSuccess = false;\r\n }\r\n if (res.Data && res.Data.CartId) CartService.setCartIdCookie(res.Data.CartId);\r\n window.InitEvents.shoppingCartReload.dispatch();\r\n var index = dataModel.SelectedProducts.findIndex(function (x) { return x.Id === productId; });\r\n if (index !== -1) {\r\n dataModel.SelectedProducts.splice(index, 1);\r\n }\r\n\r\n setShoppingCart();\r\n }\r\n });\r\n },\r\n PassAdded: function (productId) {\r\n for (var i = 0; i < dataModel.SelectedProducts.length; i++) {\r\n if (dataModel.SelectedProducts[i].ProductId === productId) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n },\r\n AddAnotherPass: function () {\r\n resetPasses();\r\n },\r\n toggleBulkActionType: function (typeId) {\r\n dataModel.bulkActionType = typeId;\r\n if (typeId === 1 && dataModel.participantGroupId !== null) {\r\n dataModel.evaluateGroup = true;\r\n handleDataValidation(0);\r\n } else {\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadedFile = '';\r\n }\r\n checkForItemsInCart();\r\n },\r\n ChangeProductType: function () {\r\n resetSelections();\r\n },\r\n ChangeQuantity: function (currentQuantity, changeBy) {\r\n var result = parseInt(currentQuantity) + changeBy;\r\n if (result < 1) {\r\n return 1;\r\n }\r\n return result;\r\n },\r\n ValidateDollarInputKey: function (e) {\r\n var allow = false;\r\n var keyCode = (typeof e.which === \"number\") ? e.which : e.keyCode;\r\n var decimalPos = dataModel.CustomAmount.indexOf(\".\");\r\n\r\n if (keyCode < 48) allow = true; // Allow non-alphanumeric keys below 0\r\n else if (keyCode === 190 && decimalPos === -1) allow = true;\r\n else if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105)) { // Allow normal + numpad numeric keys\r\n if (decimalPos === -1 || dataModel.CustomAmount.length - decimalPos < 3) allow = true; // Only allow 2 digits after decimal\r\n }\r\n\r\n if (!allow) e.preventDefault();\r\n },\r\n },\r\n computed: {\r\n ReloadAmounts: function () {\r\n var allowed = [];\r\n var reloadAmounts = this.RawReloadAmounts.split(',');\r\n for (var i = 0; i < reloadAmounts.length; i++) {\r\n allowed.push(reloadAmounts[i]);\r\n }\r\n return allowed;\r\n },\r\n TopUpProduct: function () {\r\n for (var i = 0; i < this.AvailableProducts.length; i++) {\r\n if (this.AvailableProducts[i].Type === CartService.PRODUCT_TYPE_TOPUP) return this.AvailableProducts[i];\r\n }\r\n\r\n return false;\r\n },\r\n AvailablePasses: function () {\r\n if (dataModel.AvailableProducts === null || dataModel.AvailableProducts === undefined) return [];\r\n var passes = dataModel.AvailableProducts.filter(function (p) { return !p.IsTopUp; });\r\n return passes || [];\r\n },\r\n PurchasableProducts: function () {\r\n return this.AvailableProducts;\r\n },\r\n PurchasablePasses: function () {\r\n var list = [];\r\n for (var i = 0; i < this.AvailableProducts.length; i++) {\r\n if (this.AvailableProducts[i].Type !== 8)\r\n list.push(this.AvailableProducts[i]);\r\n }\r\n return list;\r\n },\r\n SelectedPasses: function () {\r\n if (this.PurchasablePasses.length > 0 && dataModel.selectedOperatorId !== null && dataModel.selectedOperatorId !== 0) {\r\n var filtered = this.PurchasablePasses.filter(function (product) {\r\n return product.OperatorId === dataModel.selectedOperatorId;\r\n }.bind(this));\r\n return filtered;\r\n }\r\n else {\r\n return [];\r\n }\r\n },\r\n SelectedPass: function () {\r\n var passes = this.SelectedPasses;\r\n for (var i = 0; i < passes.length; i++) {\r\n if (passes[i].Id === dataModel.selectedPassId) {\r\n return passes[i];\r\n }\r\n }\r\n return null;\r\n },\r\n enableSubmit: function () {\r\n return (dataModel.bulkActionType === BulkActionTypes.Group && dataModel.participantGroupId !== null && !dataModel.noCardsInGroup && !dataModel.loading) ||\r\n (dataModel.bulkActionType === BulkActionTypes.File &&\r\n dataModel.uploadSuccess &&\r\n dataModel.validationResults.failed.length === 0 &&\r\n dataModel.validationResults.passed.length > 0 &&\r\n dataModel.showUpload);\r\n },\r\n InCartPassQuantity: function () {\r\n var inCartPassQuantity = 0;\r\n if (dataModel.SelectedProducts.length) {\r\n dataModel.SelectedProducts.forEach(function (product) {\r\n inCartPassQuantity += product.Quantity;\r\n });\r\n }\r\n return inCartPassQuantity;\r\n },\r\n SelectedAmount: function () {\r\n return dataModel.Amount === \"C\" ? (dataModel.CustomAmount ? parseInt((dataModel.CustomAmount * 100).toFixed(2)) : null) : dataModel.Amount;\r\n },\r\n AddFundsEnabled: function () {\r\n if (!this.SelectedAmount || this.SelectedAmountTooLow || this.SelectedAmountTooHigh || this.SelectedAmountIsInvalid) return false;\r\n return true;\r\n },\r\n SelectedAmountTooLow: function () {\r\n if (!this.SelectedAmount) return false;\r\n return this.SelectedAmount < dataModel.MinimumTopUp;\r\n },\r\n SelectedAmountTooHigh: function () {\r\n if (!this.SelectedAmount) return false;\r\n return this.SelectedAmount > dataModel.MaximumTopUp;\r\n },\r\n SelectedAmountIsInvalid: function () {\r\n return hasMoreThanTwoDecimalPlaces(dataModel.CustomAmount);\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n },\r\n updated: function () {\r\n bindQuantitySelects();\r\n }\r\n\r\n });\r\n\r\n\r\n var bindQuantitySelects = function () {\r\n window.setTimeout(function () {\r\n $('.js-quantity-select').each(function () {\r\n window.QuantitySelectService.InitQuantitySelect($(this));\r\n });\r\n }, 100);\r\n };\r\n\r\n var hasMoreThanTwoDecimalPlaces = function (value) {\r\n if (value) {\r\n var valueAsString = value.toString();\r\n var decimalIndex = valueAsString.indexOf('.');\r\n if (decimalIndex < 0) {\r\n return false;\r\n }\r\n if (valueAsString.length - (decimalIndex + 1) > 2) {\r\n var afterDecimal = valueAsString.substring(decimalIndex + 3);\r\n for (var i = 0; i < afterDecimal.length; i++) {\r\n if (afterDecimal[i] !== '0') return true;\r\n }\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var isPassInCart = function (pass, shoppingCart, month) {\r\n // Sanity checks\r\n if (typeof shoppingCart === \"undefined\" || typeof shoppingCart.Items !== \"object\") return false;\r\n\r\n var passId = pass.Id;\r\n var passValidityGroup = pass.ValidityGroup;\r\n\r\n for (var i = 0; i < shoppingCart.Items.length; i++) {\r\n for (j = 0; j < shoppingCart.Items[i].Products.length; j++) {\r\n var product = shoppingCart.Items[i].Products[j];\r\n if (product.ProductId === passId || (passValidityGroup !== null && product.ValidityGroup === passValidityGroup)) {\r\n if (!month && month !== 0) {\r\n if (passValidityGroup !== null && product.ValidityGroup === passValidityGroup) dataModel.ValidityGroupViolation = true;\r\n return true;\r\n }\r\n var tempDate = new Date(product.ValidFrom);\r\n tempDate.setDate(tempDate.getDate() + 1);\r\n if (tempDate.getUTCMonth() === month) {\r\n if (passValidityGroup !== null && product.ValidityGroup === passValidityGroup) dataModel.ValidityGroupViolation = true;\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function () {\r\n dataModel.uploadSuccess = false;\r\n dataModel.noCardsInGroup = false;\r\n var d = $.Deferred();\r\n if (dataModel.bulkActionType === BulkActionTypes.File) {\r\n $(\".bulk-processes .loader\").show();\r\n } else {\r\n dataModel.loading = true;\r\n }\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\" || dataModel.evaluateGroup) {\r\n dataModel.evaluateGroup = false;\r\n // get the form data\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateBulkSalesUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n dataModel.step = 2;\r\n $(\".bulk-processes .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n dataModel.loading = false;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n \r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-block-transit-accounts\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n $(\"#bulk-qty\").val(res.TotalRows);\r\n // populate the fareproducts\r\n dataModel.AvailableProducts = orderProductsTopUpFirst(res.ProductsList);\r\n _vue.SetupPassQuantitiesDictionary();\r\n\r\n if (dataModel.bulkActionType === BulkActionTypes.File) {\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n } else {\r\n if (dataModel.validationResults.totalPassed === 0) {\r\n dataModel.noCardsInGroup = true;\r\n $(\".process-btn-container button\").removeClass(\"disabled\");\r\n }\r\n else {\r\n d.resolve();\r\n $(\".bulk-processes .loader\").hide();\r\n }\r\n }\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var handleDataValidation = function () {\r\n var validate = validateData();\r\n };\r\n\r\n var checkForItemsInCart = function () {\r\n var products = CartService.getItemsInCart();\r\n products.done(function (data) {\r\n if (parseInt(data.Data) > 0) {\r\n dataModel.showUpload = false;\r\n }\r\n });\r\n setShoppingCart();\r\n };\r\n\r\n var setShoppingCart = function () {\r\n CartService.getShoppingCart().done(function (res, sta, xhr) {\r\n dataModel.ShoppingCart = res.Data;\r\n });\r\n };\r\n\r\n var addPassToCart = function (product, quantity, passNameOverride, validFrom, validTo) {\r\n var numberOfAccounts = dataModel.validationResults.totalRows;\r\n dataModel.IsProcessingPass = true;\r\n\r\n CartService.addBulkProductToCart({\r\n ProductId: product.Id,\r\n Quantity: numberOfAccounts,\r\n BulkQuantity: quantity,\r\n ValidFrom: validFrom,\r\n ValidTo: validTo,\r\n __RequestVerificationToken: $('input[name=\"__RequestVerificationToken\"]').val()\r\n })\r\n .done(function (res, sta, xhr) {\r\n if (typeof res.Success !== \"undefined\" && res.Success) {\r\n if (res.Data && res.Data.CartId) {\r\n CartService.setCartIdCookie(res.Data.CartId);\r\n window.InitEvents.shoppingCartReload.dispatch();\r\n var productName = product.Name;\r\n if (passNameOverride) {\r\n productName = passNameOverride;\r\n }\r\n dataModel.PassAddedSuccessMessage = productName;\r\n setShoppingCart();\r\n var isExistingItem = false;\r\n if (dataModel.SelectedProducts.length > 0) {\r\n for (var ii = 0; ii < dataModel.SelectedProducts.length; ii++) {\r\n if (dataModel.SelectedProducts[ii].Name === productName) {\r\n dataModel.SelectedProducts[ii].Quantity = parseInt(quantity) + parseInt(dataModel.SelectedProducts[ii].Quantity);\r\n isExistingItem = true;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (!isExistingItem) {\r\n dataModel.SelectedProducts.push({\r\n Id: res.Data.Id,\r\n ProductId: product.Id,\r\n Name: productName,\r\n Price: product.Price,\r\n Quantity: quantity,\r\n NumberOfAccounts: numberOfAccounts,\r\n IsTopup: false\r\n });\r\n }\r\n } else {\r\n window.InstitutionHelper.showErrorNotification('There was an error while trying to add items to your cart.');\r\n }\r\n } else {\r\n var errors = [];\r\n for (var i = 0; i < res.Messages.length; i++) errors.push(res.Messages[i]);\r\n for (var prop in res.ErrorsByField) {\r\n if (!res.ErrorsByField.hasOwnProperty(prop)) continue;\r\n for (var j = 0; j < res.ErrorsByField[prop].length; j++) errors.push(res.ErrorsByField[prop][j]);\r\n }\r\n window.InstitutionHelper.showErrorNotification(errors.join(\", \"));\r\n }\r\n\r\n dataModel.IsProcessingPass = false;\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#chooseFile\").on(\"click\", function () {\r\n $('#csv-upload-add-value-or-passes').click();\r\n });\r\n $(\"#fileUploadBtn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n $(\"#groupList\").on(\"change\", function () {\r\n dataModel.evaluateGroup = true;\r\n handleDataValidation(0);\r\n checkForItemsInCart();\r\n });\r\n });\r\n };\r\n\r\n // NOT USED - pending CO with OCTA\r\n //var getGroups = function () {\r\n // InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n // if (res && res.Data) {\r\n // dataModel.groups = res.Data.Result;\r\n // if (dataModel.groups.length > 0) {\r\n // dataModel.participantGroupId = dataModel.groups[0].ParticipantGroupId;\r\n // }\r\n // }\r\n // });\r\n //};\r\n\r\n var getConfiguration = function () {\r\n SettingsService.getConfigurations().done(function (res) {\r\n if (res != undefined && res != null) {\r\n dataModel.Configuration = res.Data;\r\n }\r\n });\r\n };\r\n\r\n // getGroups();\r\n getConfiguration();\r\n checkForItemsInCart();\r\n registerEvents();\r\n });\r\n})(jQuery);","(function ($) {\r\n $(function () {\r\n $('.m-bulk-actions').each(function () {\r\n var _vue = new Vue({\r\n el: this,\r\n data: {\r\n BulkActions: [\r\n //{ text: 'Add Third Party Media', url: '/institution/administration/bulk-actions/add-third-party-media/' },\r\n { text: $(\"#bulk-actions-container\").data('bulk-sale'), url: '/institution/administration/bulk-actions/add-value-or-passes/' },\r\n { text: $(\"#bulk-actions-container\").data('add-cards'), url: '/institution/administration/bulk-actions/add-cards/' },\r\n { text: $(\"#bulk-actions-container\").data('remove-cards'), url: '/institution/administration/bulk-actions/remove-cards/' },\r\n { text: $(\"#bulk-actions-container\").data('block-cards'), url: '/institution/administration/bulk-actions/block-cards/' },\r\n { text: $(\"#bulk-actions-container\").data('unblock-cards'), url: '/institution/administration/bulk-actions/unblock-cards/' },\r\n { text: $(\"#bulk-actions-container\").data('add-participants'), url: '/institution/administration/bulk-actions/add-participants/' },\r\n { text: $(\"#bulk-actions-container\").data('update-participants'), url: '/institution/administration/bulk-actions/update-participants/' },\r\n { text: $(\"#bulk-actions-container\").data('delete-participants'), url: '/institution/administration/bulk-actions/delete-participants/' },\r\n { text: $(\"#bulk-actions-container\").data('add-to-group'), url: '/institution/administration/bulk-actions/add-participants-to-group/' },\r\n { text: $(\"#bulk-actions-container\").data('remove-from-group'), url: '/institution/administration/bulk-actions/remove-participants-from-group/' }\r\n ],\r\n BulkActionRedirect: '/institution/administration/bulk-actions/add-participants/'\r\n }\r\n }); \r\n });\r\n });\r\n})(jQuery);","(function ($) {\r\n $(\".import-blocktransitaccounts\").each(function () {\r\n var BulkActionTypes = {\r\n File: 0,\r\n Group: 1\r\n };\r\n\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n groups: [],\r\n fareMedia: [],\r\n participantGroupId: null,\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n isConfirmed: true, \r\n step: 1,\r\n uploadedFile: '',\r\n bulkActionType: BulkActionTypes.File,\r\n validFile: false,\r\n take: 20\r\n };\r\n\r\n var getFormData = function (skip) {\r\n var d = $.Deferred();\r\n var form = document.getElementById('hiddenTransitForm');\r\n var data = new FormData(form);\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n data.append(\"groupId\", dataModel.participantGroupId);\r\n data.set(\"BlockingReason\", 1);\r\n data.set(\"BlockingComment\", $(\"#BlockingComment\").text());\r\n d.resolve(data);\r\n }\r\n else {\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n // Get the select values\r\n data.set(\"BlockingReason\", 1);\r\n data.set(\"BlockingComment\", $(\"#BlockingComment\").text());\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"').val());\r\n var processData = JobsService.processImportBlockTransitAccounts(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.fareMedia = [];\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-block-transit-accounts').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n toggleBulkActionType: function (typeId) {\r\n dataModel.bulkActionType = typeId;\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n enableSubmit: function () {\r\n return dataModel.isConfirmed && ((dataModel.bulkActionType === BulkActionTypes.File && dataModel.uploadSuccess && dataModel.validationResults.failed.length === 0) || (dataModel.bulkActionType === BulkActionTypes.Group && dataModel.participantGroupId));\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-block-transit-accounts\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n\r\n d.resolve();\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\".passed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".passed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"Next\",\r\n pagePrevText: \"Previous\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\",\r\n width: 270\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 270\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 270\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"Next\",\r\n pagePrevText: \"Previous\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\",\r\n width: 270\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 270\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) return;\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#chooseFile\").on(\"click\", function () {\r\n $('#csv-upload-block-transit-accounts').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n var getGroups = function () {\r\n InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n if (res && res.Data) {\r\n dataModel.groups = res.Data.Result;\r\n if (dataModel.groups.length > 0) {\r\n dataModel.participantGroupId = dataModel.groups[0].ParticipantGroupId;\r\n }\r\n }\r\n });\r\n };\r\n\r\n getGroups();\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery);","(function ($, TEXTFORMATTING) {\r\n $(\".delete-participants\").each(function () {\r\n var pageSize = 10;\r\n var pageCount = 0;\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n step: 1,\r\n uploadedFile: '',\r\n take: pageSize,\r\n isConfirmed: true, \r\n validFile: false\r\n };\r\n\r\n var getFormData = function (skip) {\r\n var d = $.Deferred();\r\n\r\n var data = new FormData();\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processDeleteParticipants(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n // dataModel.isConfirmed = false;\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-delete-participants').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"Identifier\": TEXTFORMATTING.FormatCsvField(item.Identifier),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateParticipantsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-add-participants\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\"#passedTablePager\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n $(\".jsgrid-pager-page\").each(function () {\r\n var link = $(\"a\", $(this));\r\n link.attr(\"aria-label\", link.attr('title'));\r\n });\r\n\r\n var navButtons = $('#passedTablePager').find('.jsgrid-pager-nav-button a');\r\n var firstPage = null;\r\n var forward = null;\r\n\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...back' || navButton.text() === '...forward') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n if (navButton.text() === '...back') {\r\n if (firstPage) {\r\n firstPage.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n var nextButton = navButton.parent().next().find('a');\r\n if (nextButton.length === 0) nextButton = navButton.parent().next();\r\n if (nextButton.text() === '2') { //no previous set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n else {\r\n forward = navButton;\r\n var prevButton = navButton.parent().prev().find('a');\r\n if (prevButton.length === 0) prevButton = navButton.parent().prev();\r\n if (pageCount - prevButton.text() === 1) { //no next set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n navButton.text(\"...\");\r\n }\r\n else if (navButton.parent().is(':last-child')) {\r\n navButton.attr('aria-label', 'go to next page');\r\n }\r\n else if (navButton.text() === 'first') {\r\n navButton.text('1');\r\n navButton.attr('aria-label', \"to first page\");\r\n navButton.parent().addClass(\"nav-first\");\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n firstPage = navButton;\r\n }\r\n else if (navButton.text() === 'last') {\r\n navButton.text(pageCount);\r\n navButton.attr('aria-label', \"to last page\");\r\n navButton.parent().addClass(\"nav-last\");\r\n if (!forward) {\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n } else {\r\n navButton.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n else {\r\n navButton.attr('aria-label', 'go to previous page');\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageLoading: true,\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"Identifier\",\r\n css: \"wrap-break-word\"\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error List\";\r\n },\r\n width: 200\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n pageCount = Math.ceil(dataModel.validationResults.totalPassed / pageSize);\r\n }\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pagerContainer: '#passedTablePager',\r\n pageButtonCount: 7,\r\n pagerFormat: \"{prev} {first} {pages} {last} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageNavigatorNextText: \"...forward\",\r\n pageNavigatorPrevText: \"...back\",\r\n pageFirstText: \"first\",\r\n pageLastText: \"last\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 120\r\n },\r\n {\r\n name: \"Identifier\"\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#defaultChooseAFile\").on(\"click\", function () {\r\n $('#csv-upload-delete-participants').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n //$(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery, TEXTFORMATTING);","","(function ($, TEXTFORMATTING) {\r\n $(\".bulk-suspend-autoloads\").each(function () {\r\n var BulkActionTypes = {\r\n File: 0,\r\n Group: 1\r\n };\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n showUpload: true,\r\n showProductList: false,\r\n AvailableProducts: [],\r\n IsLoading: false,\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n validFile: false,\r\n step: 1,\r\n uploadedFile: '',\r\n Operators: [],\r\n OperatorId: null,\r\n ProductType: \"\",\r\n groups: [],\r\n participantGroupId: 0,\r\n bulkActionType: BulkActionTypes.File,\r\n take: 20,\r\n ePurseExternalIdentifier: 0,\r\n FareProductId: 0,\r\n Autoload: {\r\n Day: 1,\r\n Type: \"Threshold\",\r\n Amount: 0,\r\n FundingSourceId: 0,\r\n BackupFundingSourceId: 0,\r\n AvailableFundingSources: []\r\n }\r\n };\r\n\r\n var orderProductsTopUpFirst = function (products) {\r\n var top = [], bottom = [];\r\n for (var i = 0; i < products.length; i++) {\r\n var product = products[i];\r\n if (product.Type === CartService.PRODUCT_TYPE_TOPUP) {\r\n product.ExternalIdentifier = 10001; // E-purse Purse Product\r\n top.push(product);\r\n }\r\n else {\r\n bottom.push(product);\r\n }\r\n }\r\n\r\n return top.concat(bottom);\r\n };\r\n\r\n var LoadProducts = function () {\r\n dataModel.IsLoading = true;\r\n\r\n var salesChannelId = $(\"#autoloadSalesChannel-suspend-autoloads\").val();\r\n ProductsService.getFareProducts({ SalesChannelId: salesChannelId, ExcludeLoadedProducts: false, ShowAllAvailableFareProducts: true }).done(function (res) {\r\n dataModel.AvailableProducts = orderProductsTopUpFirst(res.Data.Result);\r\n dataModel.IsLoading = false;\r\n });\r\n };\r\n\r\n /**\r\n * Structure form data for submitting bulk pause autoload bulk job.\r\n */\r\n var getFormData = function () {\r\n var d = $.Deferred();\r\n var form = document.getElementById('hiddenTransitForm');\r\n var data = new FormData(form);\r\n data.append(\"skip\", 0);\r\n data.append(\"take\", dataModel.take);\r\n data.append(\"ExternalIdentifer\", dataModel.FareProductId);\r\n\r\n var selectedProduct = getSelectedProduct();\r\n if (isTopup(selectedProduct)) {\r\n if (dataModel.Autoload.Type === 'DayOfMonth') {\r\n data.append(\"PeriodDayOfMonth\", dataModel.Autoload.Day);\r\n }\r\n }\r\n\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n data.append(\"GroupId\", dataModel.participantGroupId);\r\n d.resolve(data);\r\n }\r\n else {\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Get the select values\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Submit bulk pause autoload job for processing. \r\n * Redirect to bulk overview page and open modal to display job details. \r\n */\r\n var submitForProcessing = function () {\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $(\"input[name='__RequestVerificationToken']\").val());\r\n var processData = JobsService.processBulkAutoloadsSuspend(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.bulk-suspend-autoloads',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.showUpload = true;\r\n dataModel.AvailableProducts = [];\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n checkForItemsInCart();\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-suspend-autoloads').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n },\r\n toggleBulkActionType: function (typeId) {\r\n dataModel.bulkActionType = typeId;\r\n },\r\n LimitCardName: function (sourceName, length) {\r\n var cardName = sourceName;\r\n if (cardName.length > 0) {\r\n if (cardName.length > length) {\r\n return cardName.substring(0, length) + \"... \";\r\n }\r\n else {\r\n return cardName;\r\n }\r\n }\r\n },\r\n isTopUp: function (product) {\r\n if (!product) return product;\r\n return product && (product.Type === 200 || product.Type === 8);\r\n },\r\n ResetAutoload: function () {\r\n dataModel.Autoload.Type = \"Threshold\";\r\n }\r\n },\r\n computed: {\r\n TopUpProduct: function () {\r\n for (var i = 0; i < this.AvailableProducts.length; i++) {\r\n if (this.AvailableProducts[i].Type === CartService.PRODUCT_TYPE_TOPUP) return this.AvailableProducts[i];\r\n }\r\n\r\n return false;\r\n },\r\n PurchasableProducts: function () {\r\n return this.AvailableProducts;\r\n },\r\n PurchasablePasses: function () {\r\n var list = [];\r\n for (var i = 0; i < this.AvailableProducts.length; i++) {\r\n if (this.AvailableProducts[i].Type !== 8)\r\n list.push(this.AvailableProducts[i]);\r\n }\r\n return list;\r\n },\r\n SelectedProduct: function () {\r\n if (dataModel.ProductType === 'ePurse') {\r\n var topupProduct = this.TopUpProduct;\r\n if (!topupProduct) return null;\r\n dataModel.FareProductId = topupProduct.ExternalIdentifier;\r\n return topupProduct;\r\n }\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n },\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n BackupFundingSources: function () {\r\n var availableFundingSources = dataModel.Autoload.AvailableFundingSources;\r\n var fundingSources = [];\r\n for (var i = 0; i < availableFundingSources.length; i++) {\r\n if (availableFundingSources[i].Id !== dataModel.Autoload.FundingSourceId) {\r\n fundingSources.push(availableFundingSources[i]);\r\n }\r\n }\r\n return fundingSources;\r\n },\r\n ValidFileOrGroupSelected: function () {\r\n return ((dataModel.bulkActionType === BulkActionTypes.Group && dataModel.participantGroupId) || (dataModel.bulkActionType === BulkActionTypes.File && dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0));\r\n },\r\n IsValidAutoload: function () {\r\n var product = this.SelectedProduct;\r\n if (this.ValidFileOrGroupSelected && product) {\r\n return true;\r\n }\r\n return false;\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n /**\r\n * Used to download CSV file containing errors caught during file validation. \r\n * @param {any} fileName\r\n * @param {any} csv\r\n */\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var isTopup = function (product) {\r\n return product && (product.Type === 200 || product.Type === 8);\r\n };\r\n\r\n /**\r\n * Gets the selected product (value or pass) that we are pausing the autoload for. \r\n * @returns value or pass that we are pausing autoload for. \r\n */\r\n var getSelectedProduct = function () {\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Used to validate CSV file to see if it matches the correct CSV format for transit accounts. \r\n */\r\n var validateData = function () {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-suspend-autoloads\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n dataModel.ePurseExternalIdentifier = res.EPurseExternalIdentifier;\r\n $(\"#bulk-qty\").val(res.TotalRows);\r\n // populate the fareproducts\r\n //dataModel.AvailableProducts = orderProductsTopUpFirst(res.ProductsList);\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Register button click events for file upload.\r\n */\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#chooseFile\").on(\"click\", function () {\r\n $('#csv-upload-suspend-autoloads').click();\r\n });\r\n $(\"#fileUploadBtn\").on(\"click\", function () {\r\n validateData();\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n // NOT USED YET - Pending CO\r\n //var getGroups = function () {\r\n // InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n // if (res && res.Data) {\r\n // dataModel.groups = res.Data.Result;\r\n // if (dataModel.groups.length > 0) {\r\n // dataModel.participantGroupId = dataModel.groups[0].ParticipantGroupId;\r\n // }\r\n // }\r\n // });\r\n //};\r\n\r\n // getGroups();\r\n LoadProducts();\r\n registerEvents();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($, TEXTFORMATTING) {\r\n $(\".remove-autoloads\").each(function () {\r\n var BulkActionTypes = {\r\n File: 0,\r\n Group: 1\r\n };\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n showProductList: false,\r\n AvailableProducts: [],\r\n IsLoading: false,\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n validFile: false,\r\n step: 1,\r\n uploadedFile: '',\r\n Operators: [],\r\n OperatorId: null,\r\n ProductType: \"\",\r\n groups: [],\r\n participantGroupId: null,\r\n bulkActionType: BulkActionTypes.File,\r\n take: 20,\r\n ePurseExternalIdentifier: 0,\r\n FareProductId: 0,\r\n Autoload: {\r\n Day: 1,\r\n Type: \"Threshold\",\r\n Amount: 0\r\n }\r\n };\r\n\r\n var orderProductsTopUpFirst = function (products) {\r\n var top = [], bottom = [];\r\n for (var i = 0; i < products.length; i++) {\r\n var product = products[i];\r\n if (product.Type === CartService.PRODUCT_TYPE_TOPUP) {\r\n product.ExternalIdentifier = 10001; // E-purse Purse Product\r\n top.push(product);\r\n }\r\n else {\r\n bottom.push(product);\r\n }\r\n }\r\n\r\n return top.concat(bottom);\r\n };\r\n\r\n var LoadProducts = function () {\r\n dataModel.IsLoading = true;\r\n\r\n var salesChannelId = $(\"#autoloadSalesChannel-remove-autoloads\").val();\r\n ProductsService.getFareProducts({ SalesChannelId: salesChannelId, ExcludeLoadedProducts: false, ShowAllAvailableFareProducts: true }).done(function (res) {\r\n dataModel.AvailableProducts = orderProductsTopUpFirst(res.Data.Result);\r\n dataModel.IsLoading = false;\r\n });\r\n };\r\n\r\n var getFormData = function () {\r\n var d = $.Deferred();\r\n var form = document.getElementById('hiddenTransitForm');\r\n var data = new FormData(form);\r\n data.append(\"skip\", 0);\r\n data.append(\"take\", dataModel.take);\r\n\r\n if (dataModel.FareProductId) {\r\n data.append(\"ExternalIdentifier\", dataModel.FareProductId);\r\n }\r\n else {\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n var availableProduct = dataModel.AvailableProducts[0];\r\n if (isTopup(availableProduct)) {\r\n data.append(\"ExternalIdentifier\", availableProduct.ExternalIdentifier);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n var selectedProduct = getSelectedProduct();\r\n if (isTopup(selectedProduct)) {\r\n if (dataModel.Autoload.Type === 'DayOfMonth') {\r\n data.append(\"PeriodDayOfMonth\", dataModel.Autoload.Day);\r\n }\r\n }\r\n\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n data.append(\"GroupId\", dataModel.participantGroupId);\r\n d.resolve(data);\r\n }\r\n else {\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Get the select values\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function () {\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processBulkAutoloadsRemove(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.remove-autoloads',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-remove-autoloads').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n },\r\n toggleBulkActionType: function (typeId) {\r\n dataModel.bulkActionType = typeId;\r\n },\r\n LimitCardName: function (sourceName, length) {\r\n var cardName = sourceName;\r\n if (cardName.length > 0) {\r\n if (cardName.length > length) {\r\n return cardName.substring(0, length) + \"... \";\r\n }\r\n else {\r\n return cardName;\r\n }\r\n }\r\n },\r\n isTopUp: function (product) {\r\n if (!product) return false;\r\n return product && (product.Type === 200 || product.Type === 8);\r\n },\r\n ResetAutoload: function () {\r\n dataModel.Autoload.Type = \"Threshold\";\r\n }\r\n },\r\n computed: {\r\n TopUpProduct: function () {\r\n for (var i = 0; i < this.AvailableProducts.length; i++) {\r\n if (this.AvailableProducts[i].Type === CartService.PRODUCT_TYPE_TOPUP) return this.AvailableProducts[i];\r\n }\r\n\r\n return false;\r\n },\r\n PurchasableProducts: function () {\r\n return this.AvailableProducts;\r\n },\r\n PurchasablePasses: function () {\r\n return this.AvailableProducts.filter(function (product) { return !isTopup(product); });\r\n },\r\n SelectedProduct: function () {\r\n if (dataModel.ProductType === 'ePurse') {\r\n var topupProduct = this.TopUpProduct;\r\n if (!topupProduct) return null;\r\n dataModel.FareProductId = topupProduct.ExternalIdentifier;\r\n return topupProduct;\r\n }\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n },\r\n ValidFileOrGroupSelected: function () {\r\n return ((dataModel.bulkActionType === BulkActionTypes.Group && dataModel.participantGroupId) || (dataModel.bulkActionType === BulkActionTypes.File && dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0));\r\n },\r\n IsValidAutoload: function () {\r\n var product = this.SelectedProduct;\r\n if (this.ValidFileOrGroupSelected && product) {\r\n return true;\r\n }\r\n return false;\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n /**\r\n * Used to download CSV file containing errors caught during file validation. \r\n * @param {any} fileName\r\n * @param {any} csv\r\n */\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var isTopup = function (product) {\r\n if (!product) return product;\r\n return product && (product.Type === 200 || product.Type === 8);\r\n };\r\n\r\n /**\r\n * Gets the selected product (value or pass) that we are removing the autoload for. \r\n * @returns value or pass that we are removing autoload for. \r\n */\r\n var getSelectedProduct = function () {\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n /**\r\n * Used to validate CSV file to see if it matches the correct CSV format for transit accounts. \r\n */\r\n var validateData = function () {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-remove-autoloads\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n $(\"#bulk-qty\").val(res.TotalRows);\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Register button click events for file upload.\r\n */\r\n var registerEvents = function () {\r\n $(\"#chooseFile\").on(\"click\", function () {\r\n $('#csv-upload-remove-autoloads').click();\r\n });\r\n $(\"#fileUploadBtn\").on(\"click\", function () {\r\n validateData();\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n };\r\n\r\n // Currently OCTA does not have groups (is in process of change order)\r\n //var getGroups = function () {\r\n // InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n // if (res && res.Data) {\r\n // dataModel.groups = res.Data.Result;\r\n // if (dataModel.groups.length > 0) {\r\n // dataModel.participantGroupId = dataModel.groups[0].ParticipantGroupId;\r\n // }\r\n // }\r\n // });\r\n //};\r\n\r\n // getGroups();\r\n LoadProducts();\r\n registerEvents();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($, TEXTFORMATTING) {\r\n $(\".unregister-transit-accounts\").each(function () {\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n step: 1,\r\n uploadedFile: '',\r\n validFile: false,\r\n take: 20\r\n };\r\n\r\n var getFormData = function (skip) {\r\n var d = $.Deferred();\r\n\r\n var data = new FormData();\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processUnregisterTransitAccounts(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-add-participants').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-add-participants\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\".passed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".passed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\",\r\n width: 270\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 270\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 270\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\",\r\n width: 270\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 270\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#defaultChooseAFile\").on(\"click\", function () {\r\n $('#csv-upload-add-participants').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($, TEXTFORMATTING) {\r\n $(\".remove-participants-from-group\").each(function () {\r\n var jobType = 1;//mapped to the BulkJobTypeName enum\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalResults: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n //groups: [],\r\n participantGroupName: null,\r\n step: 1,\r\n uploadedFile: '',\r\n validFile: false,\r\n take: 20\r\n };\r\n\r\n var getFormData = function (skip, passed) {\r\n var d = $.Deferred();\r\n\r\n var data = new FormData();\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n data.append(\"jobType\", jobType);\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n if (passed && passed.length > 0) { //create new file with just the participant identifier and the group name\r\n //var groupName = dataModel.participantGroupName;\r\n var fileString = \"Identifier;GroupName\\n\";\r\n for (var i = 0; i < passed.length; i++) {\r\n fileString += passed[i].Identifier + \";\\n\";\r\n }\r\n var fileData = new Blob([fileString], { type: \"plain/text\" });\r\n data.append(\"file\", fileData, 'removeParticipantsFromGroups.csv');\r\n d.resolve(data);\r\n }\r\n else {\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip, dataModel.validationResults.totalResults);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processUpdateParticipants(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-update-participants').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"Identifier\": TEXTFORMATTING.FormatCsvField(item.Identifier),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateParticipantsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalResults = res.TotalResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-add-participants\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\".passed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".passed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"Email\",\r\n css: \"wrap-break-word\",\r\n width: 200\r\n },\r\n {\r\n name: \"Identifier\",\r\n css: \"wrap-break-word\"\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 200\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n //pageSize: 10,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 120\r\n },\r\n {\r\n name: \"Identifier\",\r\n },\r\n {\r\n name: \"FirstName\",\r\n headerTemplate: function (value, item) {\r\n return \"First name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"LastName\",\r\n headerTemplate: function (value, item) {\r\n return \"Last name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"PhoneNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Phone\";\r\n },\r\n width: 150\r\n },\r\n {\r\n name: \"Email\",\r\n width: 250\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Printed card number\";\r\n },\r\n width: 220\r\n },\r\n {\r\n name: \"GroupName\",\r\n headerTemplate: function (value, item) {\r\n return \"Group name\";\r\n },\r\n width: 150\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#defaultChooseAFile\").on(\"click\", function () {\r\n $('#csv-update-participants').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($, TEXTFORMATTING) {\r\n $(\".bulk-resume-autoloads\").each(function () {\r\n var BulkActionTypes = {\r\n File: 0,\r\n Group: 1\r\n };\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n showUpload: true,\r\n showProductList: false,\r\n AvailableProducts: [],\r\n IsLoading: false,\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n validFile: false,\r\n step: 1,\r\n uploadedFile: '',\r\n Operators: [],\r\n OperatorId: null,\r\n ProductType: 0,\r\n groups: [],\r\n participantGroupId: 0,\r\n bulkActionType: BulkActionTypes.File,\r\n take: 20,\r\n ePurseExternalIdentifier: 0,\r\n FareProductId: 0,\r\n Autoload: {\r\n Day: 1,\r\n Type: \"Threshold\",\r\n Amount: 0,\r\n FundingSourceId: 0,\r\n BackupFundingSourceId: 0,\r\n AvailableFundingSources: []\r\n }\r\n };\r\n\r\n var orderProductsTopUpFirst = function (products) {\r\n var top = [], bottom = [];\r\n for (var i = 0; i < products.length; i++) {\r\n var product = products[i];\r\n if (product.Type === CartService.PRODUCT_TYPE_TOPUP) {\r\n product.ExternalIdentifier = 10001; // E-purse Purse Product\r\n top.push(product);\r\n }\r\n else {\r\n bottom.push(product);\r\n }\r\n }\r\n\r\n return top.concat(bottom);\r\n };\r\n\r\n var LoadProducts = function () {\r\n dataModel.IsLoading = true;\r\n\r\n var salesChannelId = $(\"#autoloadSalesChannel-resume-autoloads\").val();\r\n ProductsService.getFareProducts({ SalesChannelId: salesChannelId, ExcludeLoadedProducts: false, ShowAllAvailableFareProducts: true }).done(function (res) {\r\n dataModel.AvailableProducts = orderProductsTopUpFirst(res.Data.Result);\r\n console.log('dataModel.AvailableProducts', dataModel.AvailableProducts);\r\n dataModel.IsLoading = false;\r\n });\r\n };\r\n\r\n /**\r\n * Structure form data for submitting bulk resume autoload bulk job.\r\n */\r\n var getFormData = function () {\r\n var d = $.Deferred();\r\n var form = document.getElementById('hiddenTransitForm');\r\n var data = new FormData(form);\r\n\r\n data.append(\"skip\", 0);\r\n data.append(\"take\", dataModel.take);\r\n data.append(\"ExternalIdentifer\", dataModel.FareProductId);\r\n\r\n var selectedProduct = getSelectedProduct();\r\n if (isTopup(selectedProduct)) {\r\n if (dataModel.Autoload.Type === 'DayOfMonth') {\r\n data.append(\"PeriodDayOfMonth\", dataModel.Autoload.Day);\r\n }\r\n }\r\n\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n data.append(\"GroupId\", dataModel.participantGroupId);\r\n d.resolve(data);\r\n }\r\n else {\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Submit bulk add/edit autoload job for processing. \r\n * Redirect to bulk overview page and open modal to display job details. \r\n */\r\n var submitForProcessing = function () {\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processBulkAutoloadsResume(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.bulk-resume-autoloads',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n submitForProcessing(0);\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-resume-autoloads').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n },\r\n toggleBulkActionType: function (typeId) {\r\n dataModel.bulkActionType = typeId;\r\n },\r\n LimitCardName: function (sourceName, length) {\r\n var cardName = sourceName;\r\n if (cardName.length > 0) {\r\n if (cardName.length > length) {\r\n return cardName.substring(0, length) + \"... \";\r\n }\r\n else {\r\n return cardName;\r\n }\r\n }\r\n },\r\n isTopUp: function (product) {\r\n if (!product) return product;\r\n return product && (product.Type === 200 || product.Type === 8);\r\n },\r\n ResetAutoload: function () {\r\n dataModel.Autoload.Type = \"Threshold\";\r\n }\r\n },\r\n computed: {\r\n TopUpProduct: function () {\r\n for (var i = 0; i < this.AvailableProducts.length; i++) {\r\n if (this.AvailableProducts[i].Type === CartService.PRODUCT_TYPE_TOPUP) return this.AvailableProducts[i];\r\n }\r\n\r\n return false;\r\n },\r\n PurchasableProducts: function () {\r\n return this.AvailableProducts;\r\n },\r\n PurchasablePasses: function () {\r\n return this.AvailableProducts.filter(function (product) { return !isTopup(product); });\r\n },\r\n SelectedProduct: function () {\r\n if (dataModel.ProductType === 'ePurse') {\r\n var topupProduct = this.TopUpProduct;\r\n if (!topupProduct) return null;\r\n dataModel.FareProductId = topupProduct.ExternalIdentifier;\r\n return topupProduct;\r\n }\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n },\r\n BackupFundingSources: function () {\r\n var availableFundingSources = dataModel.Autoload.AvailableFundingSources;\r\n var fundingSources = [];\r\n for (var i = 0; i < availableFundingSources.length; i++) {\r\n if (availableFundingSources[i].Id !== dataModel.Autoload.FundingSourceId) {\r\n fundingSources.push(availableFundingSources[i]);\r\n }\r\n }\r\n return fundingSources;\r\n },\r\n ValidFileOrGroupSelected: function () {\r\n return ((dataModel.bulkActionType === BulkActionTypes.Group && dataModel.participantGroupId) || (dataModel.bulkActionType === BulkActionTypes.File && dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0));\r\n },\r\n IsValidAutoload: function () {\r\n var product = this.SelectedProduct;\r\n if (this.ValidFileOrGroupSelected && product) {\r\n return true;\r\n }\r\n return false;\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n /**\r\n * Used to download CSV file containing errors caught during file validation. \r\n * @param {any} fileName\r\n * @param {any} csv\r\n */\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var isTopup = function (product) {\r\n if (!product) return product;\r\n return product && (product.Type === 200 || product.Type === 8);\r\n };\r\n\r\n /**\r\n * Gets the selected product (value or pass) that we are resuming an autoload for. \r\n * @returns value or pass that we are resuming autoload for. \r\n */\r\n var getSelectedProduct = function () {\r\n if (!dataModel.AvailableProducts || !dataModel.FareProductId) {\r\n return null;\r\n }\r\n for (var i = 0; i < dataModel.AvailableProducts.length; i++) {\r\n if (dataModel.AvailableProducts[i].ExternalIdentifier === dataModel.FareProductId) {\r\n return dataModel.AvailableProducts[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Used to validate CSV file to see if it matches the correct CSV format for transit accounts. \r\n */\r\n var validateData = function () {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData();\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-resume-autoloads\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n dataModel.ePurseExternalIdentifier = res.EPurseExternalIdentifier;\r\n $(\"#bulk-qty\").val(res.TotalRows);\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n /**\r\n * Register button click events for file upload.\r\n */\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#chooseFile\").on(\"click\", function () {\r\n $('#csv-upload-resume-autoloads').click();\r\n });\r\n $(\"#fileUploadBtn\").on(\"click\", function () {\r\n validateData();\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n // NOT USED YET - Pending CO\r\n //var getGroups = function () {\r\n // InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n // if (res && res.Data) {\r\n // dataModel.groups = res.Data.Result;\r\n // if (dataModel.groups.length > 0) {\r\n // dataModel.participantGroupId = dataModel.groups[0].ParticipantGroupId;\r\n // }\r\n // }\r\n // });\r\n //};\r\n\r\n // getGroups();\r\n LoadProducts();\r\n registerEvents();\r\n });\r\n})(jQuery, TEXTFORMATTING);","(function ($) {\r\n $(\".import-unblocktransitaccounts\").each(function () {\r\n var BulkActionTypes = {\r\n File: 0,\r\n Group: 1\r\n };\r\n\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalRows: 0,\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n groups: [],\r\n fareMedia: [],\r\n fareMediaTypeSelected: false,\r\n participantGroupId: null,\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n isConfirmed: true, \r\n step: 1,\r\n uploadedFile: '',\r\n bulkActionType: BulkActionTypes.File,\r\n validFile: false,\r\n take: 20\r\n };\r\n\r\n var getFormData = function (skip) {\r\n var d = $.Deferred();\r\n var form = document.getElementById('hiddenTransitForm');\r\n var data = new FormData(form);\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) {\r\n data.append(\"GroupId\", dataModel.participantGroupId);\r\n d.resolve(data);\r\n }\r\n else {\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n }\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processImportUnblockTransitAccounts(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum === 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.totalRows = 0;\r\n dataModel.fareMedia = [];\r\n dataModel.fareMediaTypeSelected = false;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-upload-unblock-transit').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n toggleBulkActionType: function (typeId) {\r\n dataModel.bulkActionType = typeId;\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"FareMediaId\": TEXTFORMATTING.FormatCsvField(item.FareMediaId),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n enableSubmit: function () {\r\n return dataModel.isConfirmed && ((dataModel.bulkActionType === BulkActionTypes.File && dataModel.uploadSuccess && dataModel.validationResults.failed.length === 0) || (dataModel.bulkActionType === BulkActionTypes.Group && dataModel.participantGroupId));\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n dataModel.uploadSuccess = false;\r\n var validationResult = JobsService.validateTransitAccountsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalRows = res.TotalRows;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-unblock-transit\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n $(\".bulk-processes-info .loader\").hide();\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n\r\n d.resolve();\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\".passed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".passed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"Next\",\r\n pagePrevText: \"Previous\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\",\r\n width: 270\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 270\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 270\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"Next\",\r\n pagePrevText: \"Previous\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n heading: true,\r\n controller: passedTableController,\r\n //pageSize: 10,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"FareMediaId\"\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n width: 150\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n if (dataModel.bulkActionType === BulkActionTypes.Group) return;\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#chooseFile\").on(\"click\", function () {\r\n $('#csv-upload-unblock-transit').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n $(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n var getGroups = function () {\r\n InstitutionService.getParticipantGroups({ Skip: 0, SortField: \"GroupName\" }).done(function (res) {\r\n if (res && res.Data) {\r\n dataModel.groups = res.Data.Result;\r\n if (dataModel.groups.length > 0) {\r\n dataModel.participantGroupId = dataModel.groups[0].ParticipantGroupId;\r\n }\r\n }\r\n });\r\n };\r\n\r\n getGroups();\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery);","(function ($, TEXTFORMATTING) {\r\n $(\".update-participants\").each(function () {\r\n var pageSize = 10;\r\n var pageCount = 0;\r\n var dataModel = {\r\n validationResults: {\r\n passed: [],\r\n failed: [],\r\n totalFailed: 0,\r\n totalPassed: 0\r\n },\r\n uploadSuccess: false,\r\n uploadEmpty: false,\r\n step: 1,\r\n uploadedFile: '',\r\n validFile: false,\r\n take: pageSize\r\n };\r\n\r\n var getFormData = function (skip) {\r\n var d = $.Deferred();\r\n\r\n var data = new FormData();\r\n if (skip) {\r\n data.append(\"skip\", skip);\r\n } else {\r\n data.append(\"skip\", 0);\r\n }\r\n data.append(\"take\", dataModel.take);\r\n\r\n var files = $(\".csv-upload\").get(0).files;\r\n\r\n if (files.length === 0) {\r\n // hide the loader and show error\r\n dataModel.uploadEmpty = true;\r\n $(\".bulk-processes-info .loader\").hide();\r\n } else {\r\n dataModel.uploadEmpty = false;\r\n\r\n for (var x = 0; x < files.length; x++) {\r\n data.append(\"file\" + x, files[x]);\r\n\r\n if (x === files.length - 1) {\r\n d.resolve(data);\r\n }\r\n }\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var submitForProcessing = function (skip) {\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n dataResult.append('__RequestVerificationToken', $('input[name=\"__RequestVerificationToken\"]').val());\r\n var processData = JobsService.processUpdateParticipants(dataResult);\r\n processData.done(function (data) {\r\n var redirectUrl = \"/\" + window.__locale + \"/institution/administration/bulk-actions\";\r\n redirectUrl += (data !== null && data.Id !== undefined) ? \"?monitor=\" + data.Id : \"\";\r\n window.location.href = redirectUrl;\r\n });\r\n });\r\n };\r\n\r\n var _vue = new Vue({\r\n el: '.upload-file-container',\r\n data: dataModel,\r\n methods: {\r\n submitForProcess: function () {\r\n $(\".process-btn-container a\").addClass(\"disabled\").find(\".fa\").show();\r\n submitForProcessing(0);\r\n },\r\n goToStep: function (stepNum) {\r\n if (dataModel.step > stepNum) {\r\n dataModel.step = stepNum;\r\n if (stepNum == 1) {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n $('.upload-file-container .csv-upload').val('');\r\n }\r\n }\r\n },\r\n fileChanged: function () {\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = 0;\r\n dataModel.uploadSuccess = false;\r\n dataModel.uploadEmpty = false;\r\n var filepath = $('#csv-update-participants').val();\r\n var filename = filepath.substring(filepath.lastIndexOf('\\\\') + 1);\r\n dataModel.uploadedFile = filename;\r\n var re = /(?:\\.([^.]+))?$/;\r\n var extension = re.exec(filename)[1];\r\n\r\n if (extension !== \"csv\") {\r\n dataModel.validFile = false;\r\n } else {\r\n dataModel.validFile = true;\r\n }\r\n },\r\n downloadErrors: function () {\r\n var csvData = [];\r\n dataModel.validationResults.failed.forEach(function (item) {\r\n csvData.push({\r\n \"Row #\": item.LineNumber,\r\n \"Identifier\": TEXTFORMATTING.FormatCsvField(item.Identifier),\r\n \"FirstName\": TEXTFORMATTING.FormatCsvField(item.FirstName),\r\n \"LastName\": TEXTFORMATTING.FormatCsvField(item.LastName),\r\n \"PhoneNumber\": TEXTFORMATTING.FormatCsvField(item.PhoneNumber),\r\n \"Email\": TEXTFORMATTING.FormatCsvField(item.Email),\r\n \"GroupName\": TEXTFORMATTING.FormatCsvField(item.GroupName),\r\n \"PrintedCardNumber\": TEXTFORMATTING.FormatCsvField(item.PrintedCardNumber),\r\n \"ErrorList\": item.ValidationErrors.join(\"|\")\r\n });\r\n });\r\n\r\n var csv = json2csv({ data: csvData });\r\n downloadCsvFile('errors.csv', csv);\r\n }\r\n },\r\n computed: {\r\n uploadFileText: function () {\r\n if (dataModel.uploadedFile === '') return 'Upload File';\r\n else return 'Upload a Different File';\r\n },\r\n validationPassed: function () {\r\n if (dataModel.validationResults.failed.length > 0) return false;\r\n return dataModel.validationResults.passed.length > 0 && dataModel.validationResults.failed.length === 0;\r\n },\r\n fileIsEmpty: function () {\r\n return dataModel.uploadSuccess && dataModel.validationResults.totalPassed === 0 && dataModel.validationResults.totalFailed === 0;\r\n }\r\n }\r\n });\r\n\r\n var downloadCsvFile = function (fileName, csv) {\r\n if (BROWSER_COMPATIBILITY.IsIE()) {\r\n var csvData = decodeURIComponent(csv);\r\n\r\n if (window.navigator.msSaveBlob) {\r\n var blob = new Blob([csvData], { type: \"application/csv;charset=utf-8;\" });\r\n navigator.msSaveBlob(blob, fileName);\r\n }\r\n }\r\n else {\r\n var aLink = document.createElement('a');\r\n aLink.download = fileName;\r\n aLink.href = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);\r\n\r\n var event = new MouseEvent('click');\r\n aLink.dispatchEvent(event);\r\n }\r\n };\r\n\r\n var populateValidationResults = function (data, isPassedList) {\r\n var d = $.Deferred();\r\n\r\n if (data.length === 0) {\r\n d.resolve();\r\n } else {\r\n $.each(data,\r\n function (k, v) {\r\n if (isPassedList) {\r\n dataModel.validationResults.passed.push(v);\r\n } else {\r\n dataModel.validationResults.failed.push(v);\r\n }\r\n\r\n if (k === data.length - 1) {\r\n d.resolve();\r\n }\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var validateData = function (skip) {\r\n dataModel.uploadSuccess = false;\r\n var d = $.Deferred();\r\n $(\".bulk-processes-info .loader\").show();\r\n $(\".failedResults\").hide();\r\n $(\".passedResults\").hide();\r\n if (typeof (window.FormData) !== \"undefined\") {\r\n // get the form data\r\n var formData = getFormData(skip);\r\n formData.done(function (dataResult) {\r\n // get the validation results\r\n var validationResult = JobsService.validateParticipantsUpload(dataResult);\r\n validationResult.done(function (res) {\r\n if (!res.ValidFileFormat) {\r\n dataModel.validFile = false;\r\n $(\".bulk-processes-info .loader\").hide();\r\n return;\r\n }\r\n dataModel.uploadSuccess = true;\r\n // reset data\r\n dataModel.validationResults.passed = [];\r\n dataModel.validationResults.failed = [];\r\n dataModel.validationResults.totalFailed = res.TotalFailedResults;\r\n dataModel.validationResults.totalPassed = res.TotalRows;\r\n if (dataModel.validationResults.totalFailed > 0 || res.TotalRows === 0) {\r\n $(\"#csv-upload-add-participants\").val('');\r\n dataModel.uploadedFile = '';\r\n }\r\n // populate the valid fields\r\n var popValid = populateValidationResults(res.ValidResults, true);\r\n popValid.done(function () {\r\n // populate the failed fields\r\n var popFailed = populateValidationResults(res.FailedResults);\r\n popFailed.done(function () {\r\n d.resolve();\r\n $(\".bulk-processes-info .loader\").hide();\r\n if (dataModel.validationResults.failed.length === 0) {\r\n dataModel.step = 2;\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n $('.passedResults').show();\r\n }\r\n }\r\n else {\r\n $(\".failedResults\").show();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n return d.promise();\r\n };\r\n\r\n var failedTableController = {\r\n loadData: function (filter) {\r\n return {\r\n data: dataModel.validationResults.failed,\r\n itemsCount: dataModel.validationResults.totalFailed\r\n };\r\n }\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $(\".failed-results-table\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $(\".failed-results-table\").find('.jsgrid-pager-nav-button a');\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n }\r\n });\r\n };\r\n\r\n var setPaginationTitlesPassed = function () {\r\n $(\"#passedTablePager\").find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n $(\".jsgrid-pager-page\").each(function () {\r\n var link = $(\"a\", $(this));\r\n link.attr(\"aria-label\", link.attr('title'));\r\n });\r\n\r\n var navButtons = $('#passedTablePager').find('.jsgrid-pager-nav-button a');\r\n var firstPage = null;\r\n var forward = null;\r\n\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...back' || navButton.text() === '...forward') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitlesPassed);\r\n\r\n if (navButton.text() === '...back') {\r\n if (firstPage) {\r\n firstPage.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n var nextButton = navButton.parent().next().find('a');\r\n if (nextButton.length === 0) nextButton = navButton.parent().next();\r\n if (nextButton.text() === '2') { //no previous set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n } else {\r\n forward = navButton;\r\n var prevButton = navButton.parent().prev().find('a');\r\n if (prevButton.length === 0) prevButton = navButton.parent().prev();\r\n if (pageCount - prevButton.text() === 1) { //no next set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n navButton.text(\"...\");\r\n }\r\n else if (navButton.parent().is(':last-child')) {\r\n navButton.attr('aria-label', 'go to next page');\r\n }\r\n else if (navButton.text() === 'first') {\r\n navButton.text('1');\r\n navButton.attr('aria-label', \"to first page\");\r\n navButton.parent().addClass(\"nav-first\");\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n firstPage = navButton;\r\n }\r\n else if (navButton.text() === 'last') {\r\n navButton.text(pageCount);\r\n navButton.attr('aria-label', \"to last page\");\r\n navButton.parent().addClass(\"nav-last\");\r\n if (!forward) {\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n } else {\r\n navButton.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n else {\r\n navButton.attr('aria-label', 'go to previous page');\r\n }\r\n });\r\n };\r\n\r\n var setupFailedTable = function () {\r\n $(\".failed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pageButtonCount: 5,\r\n pagerFormat: \"{prev} {pages} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageLoading: true,\r\n pageSize: dataModel.take,\r\n controller: failedTableController,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 70\r\n },\r\n {\r\n name: \"Email\",\r\n css: \"wrap-break-word\",\r\n width: 200\r\n },\r\n {\r\n name: \"Identifier\",\r\n css: \"wrap-break-word\"\r\n },\r\n {\r\n name: \"ValidationErrorsAsHtmlList\",\r\n itemTemplate: function (value, item) {\r\n return $(value);\r\n },\r\n headerTemplate: function (value, item) {\r\n return \"Error list\";\r\n },\r\n width: 200\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitles();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitles();\r\n }\r\n });\r\n };\r\n\r\n var passedTableController = {\r\n loadData: function (filter) {\r\n if (dataModel.validationResults.totalPassed > 0) {\r\n pageCount = Math.ceil(dataModel.validationResults.totalPassed / pageSize);\r\n }\r\n return {\r\n data: dataModel.validationResults.passed,\r\n itemsCount: dataModel.validationResults.totalPassed\r\n };\r\n }\r\n };\r\n\r\n var setupPassedTable = function () {\r\n $(\".passed-results-table\").jsGrid({\r\n width: \"100%\",\r\n sorting: false,\r\n paging: true,\r\n autoload: true,\r\n pagerContainer: '#passedTablePager',\r\n pageButtonCount: 7,\r\n pagerFormat: \"{prev} {first} {pages} {last} {next}\",\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageNavigatorNextText: \"...forward\",\r\n pageNavigatorPrevText: \"...back\",\r\n pageFirstText: \"first\",\r\n pageLastText: \"last\",\r\n controller: passedTableController,\r\n pageSize: dataModel.take,\r\n pageLoading: true,\r\n heading: true,\r\n //pageSize: 10,\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n fields: [\r\n {\r\n name: \"LineNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Row #\";\r\n },\r\n width: 120\r\n },\r\n {\r\n name: \"Identifier\",\r\n width: 200\r\n },\r\n {\r\n name: \"FirstName\",\r\n headerTemplate: function (value, item) {\r\n return \"First name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"LastName\",\r\n headerTemplate: function (value, item) {\r\n return \"Last name\";\r\n },\r\n width: 200\r\n },\r\n {\r\n name: \"PhoneNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Phone\";\r\n },\r\n width: 150\r\n },\r\n {\r\n name: \"Email\",\r\n width: 250\r\n },\r\n {\r\n name: \"PrintedCardNumber\",\r\n headerTemplate: function (value, item) {\r\n return \"Printed card number\";\r\n },\r\n width: 220\r\n },\r\n {\r\n name: \"GroupName\",\r\n headerTemplate: function (value, item) {\r\n return \"Group name\";\r\n },\r\n width: 150\r\n }\r\n ],\r\n onPageChanged: function (args) {\r\n // Handle paging event\r\n var skip = 0;\r\n if (args.pageIndex > 1) {\r\n skip = dataModel.take * args.pageIndex - (dataModel.take);\r\n }\r\n handleDataValidation(skip);\r\n setPaginationTitlesPassed();\r\n },\r\n onRefreshed: function (args) {\r\n setPaginationTitlesPassed();\r\n }\r\n });\r\n };\r\n\r\n var handleDataValidation = function (skip) {\r\n var validate = validateData(skip);\r\n validate.done(function () {\r\n $(\".failed-results-table\").jsGrid(\"loadData\");\r\n $(\".failed-results-table\").jsGrid(\"refresh\");\r\n $(\".passed-results-table\").jsGrid(\"loadData\");\r\n $(\".passed-results-table\").jsGrid(\"refresh\");\r\n });\r\n };\r\n\r\n var registerEvents = function () {\r\n $(document).ready(function () {\r\n $(\"#defaultChooseAFile\").on(\"click\", function () {\r\n $('#csv-update-participants').click();\r\n });\r\n $(\".add-participants-btn\").on(\"click\", function () {\r\n handleDataValidation(0);\r\n });\r\n //$(\"#defaultChooseAFile\").focus();\r\n });\r\n };\r\n\r\n registerEvents();\r\n setupFailedTable();\r\n setupPassedTable();\r\n });\r\n})(jQuery,TEXTFORMATTING);","(function ($, λ) {\r\n $('.m-groups-list').each(function () {\r\n var $groupListTable = null;\r\n var pageSize = 10;\r\n var pageCount = 0;\r\n var deleteGroupSuccess = false;\r\n var formModel = {\r\n Skip: 0,\r\n Take: pageSize,\r\n //SortField: \"\",\r\n SortField: \"GroupName\",\r\n SortDescending: false,\r\n ClearCache: true\r\n };\r\n var groupName = $('.groups-list-table-filters-container').data('group-name');\r\n var participantCount = $('.groups-list-table-filters-container').data('participant-count');\r\n var deleteAllGroups = $('.groups-list-table-filters-container').data('delete-all-groups');\r\n var deleteThisGroup = $('.groups-list-table-filters-container').data('delete-group');\r\n\r\n function dispatchEditEvent(groupId) {\r\n $(\".edit-g\").show();\r\n $(\".add-g\").hide();\r\n $(\".empty-g\").hide();\r\n window.InitEvents.editGroupClicked.dispatch(groupId);\r\n }\r\n\r\n var groupsTableController = {\r\n loadData: function (filter) {\r\n var d = $.Deferred();\r\n\r\n var request = getGroups(formModel);\r\n request.done(function (res) {\r\n var dataSet = res.DataSet;\r\n\r\n if (res.TotalResults > 0) {\r\n pageCount = Math.ceil(res.TotalResults / formModel.Take);\r\n $('.record-count-container').show();\r\n $('.record-count-dropdown-container').show();\r\n $(\"#groupResultCount span\").html(res.TotalResults);\r\n } else {\r\n $('.record-count-container').hide();\r\n $('.record-count-dropdown-container').hide();\r\n }\r\n\r\n d.resolve({\r\n data: dataSet,\r\n itemsCount: res.TotalResults\r\n });\r\n\r\n $('.m-groups-list .l-loader').hide();\r\n $('.m-groups-list .groups-list-info').show();\r\n $('.m-groups-list .bottom').show();\r\n window.InstitutionHelper.setPanelHeight('.l-groups-list');\r\n });\r\n\r\n return d.promise();\r\n }\r\n };\r\n\r\n var getGroups = function (model) {\r\n $('.m-groups-list .groups-list-info').hide();\r\n $('.m-groups-list .bottom').hide();\r\n $('.m-groups-list .l-loader').show();\r\n return InstitutionService.getParticipantGroupModelResult(model);\r\n };\r\n\r\n var columnModel = {\r\n request: {\r\n Columns:\r\n [\r\n { Name: '117_LABEL_GROUP_NAME', ApiFieldName: 'GroupName', IsSortable: true },\r\n { Name: '117_LABEL_PARTICIPANT_COUNT', IsSortable: false },\r\n { Name: '117_LABEL_DELETE', IsSortable: false }\r\n ]\r\n },\r\n response: {}\r\n };\r\n\r\n var setPaginationTitles = function () {\r\n $('#groupListPager').find('.jsgrid-pager-page a').each(function () {\r\n $this = $(this);\r\n $this.attr('title', \"Page \" + $this.html());\r\n $this.html(\"\" + $this.html() + \"\");\r\n $this.attr('href', '#');\r\n $this.click(function (event) {\r\n event.preventDefault();\r\n });\r\n });\r\n var navButtons = $('#groupListPager').find('.jsgrid-pager-nav-button a');\r\n var firstPage = null;\r\n var forward = null;\r\n navButtons.each(function () {\r\n var navButton = $(this);\r\n navButton.attr('href', '#');\r\n navButton.click(function (event) {\r\n event.preventDefault();\r\n });\r\n if (navButton.text() === '...back' || navButton.text() === '...forward') {\r\n navButton.attr('title', 'Load More Page Numbers');\r\n navButton.html(\"\" + navButton.html() + \"\");\r\n //need to set this because the pagination reloads when the button is clicked\r\n navButton.click(setPaginationTitles);\r\n if (navButton.text() === '...back') {\r\n if (firstPage) {\r\n firstPage.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n var nextButton = navButton.parent().next().find('a');\r\n if (nextButton.length === 0) nextButton = navButton.parent().next();\r\n if (nextButton.text() === '2') { //no previous set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n else {\r\n forward = navButton;\r\n var prevButton = navButton.parent().prev().find('a');\r\n if (prevButton.length === 0) prevButton = navButton.parent().prev();\r\n if (pageCount - prevButton.text() === 1) { //no next set, so hide nav button\r\n navButton.parent().addClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n navButton.text(\"...\");\r\n }\r\n else if (navButton.parent().is(':last-child')) {\r\n navButton.attr('aria-label', 'go to next page');\r\n }\r\n else if (navButton.text() === 'first') {\r\n navButton.text('1');\r\n navButton.attr('aria-label', \"to first page\");\r\n navButton.parent().addClass(\"nav-first\");\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n firstPage = navButton;\r\n }\r\n else if (navButton.text() === 'last') {\r\n navButton.text(pageCount);\r\n navButton.attr('aria-label', \"to last page\");\r\n navButton.parent().addClass(\"nav-last\");\r\n if (!forward) {\r\n navButton.parent().addClass(\" jsgrid-pager-nav-inactive-button \");\r\n } else {\r\n navButton.parent().removeClass(\"jsgrid-pager-nav-inactive-button\");\r\n }\r\n }\r\n else {\r\n navButton.attr('aria-label', 'go to previous page');\r\n }\r\n });\r\n };\r\n\r\n var getColumnWidth = function (index) {\r\n if (index === 0) {\r\n return '45%';\r\n }\r\n if (index === 1) {\r\n return '40%';\r\n }\r\n else if (index === 2) {\r\n return '15%';\r\n }\r\n else {\r\n return '13%';\r\n }\r\n };\r\n\r\n var setupGroupsTable = function () {\r\n $groupListTable.jsGrid({\r\n width: \"100%\",\r\n sorting: true,\r\n paging: true,\r\n autoload: true,\r\n pagerContainer: '#groupListPager',\r\n pageButtonCount: 7,\r\n pagerFormat: \"{prev} {first} {pages} {last} {next}\",\r\n pageLoading: true,\r\n pageNextText: \"\",\r\n pagePrevText: \"\",\r\n pageNavigatorNextText: \"...forward\",\r\n pageNavigatorPrevText: \"...back\",\r\n pageFirstText: \"first\",\r\n pageLastText: \"last\",\r\n controller: groupsTableController,\r\n pageSize: formModel.Take,\r\n noDataContent: function () {\r\n var table = $('.groups-list-table');\r\n return \"
\" + table.data('empty-table-title') +\r\n \"
\" + table.data('empty-table-desc') +\r\n \"
\";\r\n },\r\n rowClass: function (item, index) {\r\n return (index % 2 === 0) ? \"even\" : \"odd\";\r\n },\r\n headerRowRenderer: function () {\r\n var $result = $(\"
\");\r\n var grid = this;\r\n var columnRequest = window.JsGridHelper.getLocalizedColumnNames(columnModel.request);\r\n\r\n columnRequest.done(function (data) {\r\n columnModel.response = data;\r\n\r\n grid._eachField(function (field, index) {\r\n var column = columnModel.response.Columns[index];\r\n var colWidth = getColumnWidth(index);\r\n var headerTemplate = field.headerTemplate.call();\r\n var $th = $('
');\r\n\r\n if (headerTemplate.indexOf('input') > -1) {\r\n $th.append('' + column.Name + '').append($(headerTemplate));\r\n }\r\n else if (headerTemplate.indexOf('padded-header') > -1) {\r\n $th.append($(headerTemplate));\r\n }\r\n else {\r\n $th.text(column.Name);\r\n }\r\n $th.appendTo($result);\r\n $th.attr(\"tabindex\", '0');\r\n $th.attr('aria-label', column.Name);\r\n\r\n if (column.IsSortable) {\r\n $th.attr('aria-label', column.Name + \". click to sort ascending\");\r\n }\r\n\r\n if (column.IsSortable && grid.sorting && field.sorting) {\r\n $th.addClass('sortable')\r\n .on(\"click\", function () {\r\n if (formModel.SortField === column.ApiFieldName) {\r\n formModel.SortDescending = !formModel.SortDescending;\r\n }\r\n else {\r\n formModel.SortDescending = false;\r\n }\r\n formModel.SortField = column.ApiFieldName;\r\n formModel.Skip = 0;\r\n reloadTable();\r\n grid.pageIndex = 1;\r\n // Fix sort Icons since manually sorting with table reload and participant call.\r\n $groupListTable.find('th.sortable').each(function () {\r\n $(this).removeClass('jsgrid-header-sort')\r\n .removeClass('jsgrid-header-sort-desc')\r\n .removeClass('jsgrid-header-sort-asc');\r\n });\r\n\r\n if (formModel.SortDescending) {\r\n $th.removeClass('jsgrid-header-sort-asc')\r\n .addClass('jsgrid-header-sort')\r\n .addClass('jsgrid-header-sort-desc');\r\n $th.attr('aria-label', column.Name + \". click to sort ascending\");\r\n }\r\n else {\r\n $th.removeClass('jsgrid-header-sort-desc')\r\n .addClass('jsgrid-header-sort')\r\n .addClass('jsgrid-header-sort-asc');\r\n $th.attr('aria-label', column.Name + \". click to sort descending\");\r\n }\r\n\r\n })\r\n .on('keyup', function (e) {\r\n\r\n if (e.which === 13) {\r\n e.preventDefault();\r\n $th.trigger('click');\r\n }\r\n if (e.which === 9) {\r\n $('.user-tab').removeClass('user-tab');\r\n $th.addClass('user-tab');\r\n }\r\n });\r\n\r\n }\r\n });\r\n //setupParticipantsTable();\r\n });\r\n\r\n return $result;\r\n },\r\n fields: [\r\n {\r\n name: \"GroupName\",\r\n width: getColumnWidth(0),\r\n itemTemplate: function (value, item) {\r\n return '