'\r\n ];\r\n }\r\n\r\n if (props.onDeleteSuccess && $.isFunction(props.onDeleteSuccess))\r\n data.onDeleteSuccess = props.onDeleteSuccess;\r\n\r\n var renderAsHidden = props.renderDetailsAsHidden;\r\n\r\n this._htmlDetailsView = [\r\n '
',\r\n '
',\r\n headerHTML.join(''),\r\n '
',\r\n\r\n '
',\r\n (() => {\r\n const rows = [];\r\n\r\n var renderSeparator = () => {\r\n rows.push('');\r\n };\r\n\r\n if (isCompetition) {\r\n var renderPrice = (amount, totalPaid, forceOneLine) => {\r\n if (amount) {\r\n var price = _.cc.formatAmount(amount.Value, true, true);\r\n return _.ui.helpers.renderPrice(price, amount.Value > 0 && totalPaid >= amount.Value, forceOneLine);\r\n }\r\n\r\n return '';\r\n\r\n };\r\n\r\n var renderPlayer = (player, team) => {\r\n var genderIconClass = mg.getGenderIconClass(player.Gender);\r\n\r\n var getFirstColumn = function (content, isFirst, iconClass) { // We want the first column of each row to align the content. This is achieved by including the gender icon in each row, and only showing it on the first row\r\n var genderIcon = '';\r\n\r\n return [\r\n '
',\r\n genderIcon,\r\n '' + content + '',\r\n '
'\r\n ].join('');\r\n };\r\n\r\n var phcp = player.PHCP && (!team || !team.PHCP) ? player.PHCP : ''; // We only show a player's PHCP if the player is not in any team, or if the player's team does not have a PHCP\r\n var tee = player.Tee;\r\n var price = renderPrice(player.Price, player.TotalPaid);\r\n \r\n rows.push([\r\n '
',\r\n '
',\r\n '
',\r\n '
' + player.Name + '
',\r\n '
' + player.HCP + '
',\r\n '
' + player.GolfID + '
',\r\n '
' + player.ClubName + '
',\r\n '
',\r\n '
',\r\n phcp || tee ? [\r\n '
',\r\n '
',\r\n phcp ? '
' + phcp + '
' : '',\r\n tee ? '
' + tee + '
' : '', // In mobile mode this is only shown as right-aligned if phcp is shown\r\n '
',\r\n '
'\r\n ].join('') : '',\r\n price ? [\r\n '
',\r\n '
',\r\n '
' + price + '
',\r\n '
',\r\n '
'\r\n ].join('') : '',\r\n '
'\r\n ].join(''));\r\n };\r\n\r\n if (data.Teams && data.Teams.length > 0) {\r\n $.each(data.Teams, (k, v) => {\r\n var price = renderPrice(v.Price, v.TotalPaid, true); // We set forceOneLine to true, as we want to show this content on one line for this particular case\r\n\r\n var teamValues = ['' + (v.Name || '-') + ''];\r\n v.PHCP && teamValues.push('' + _.translations.PHCP + ': ' + v.PHCP + '');\r\n price && teamValues.push('' + price + '');\r\n\r\n rows.push('
' + teamValues.join('|') + '
');\r\n\r\n v.Entries && $.each(v.Entries, (kE, vE) => {\r\n var player = null;\r\n\r\n $.each(data.Players, function (kP, vP) {\r\n if (vP.EntryID === vE) {\r\n player = vP;\r\n return false; // Break the loop\r\n }\r\n });\r\n\r\n if (player) {\r\n kE === 0 && renderSeparator();\r\n renderPlayer(player, v);\r\n renderSeparator();\r\n }\r\n });\r\n });\r\n }\r\n else {\r\n renderSeparator();\r\n\r\n data.Players && $.each(data.Players, (k, v) => {\r\n renderPlayer(v);\r\n\r\n renderSeparator();\r\n });\r\n }\r\n }\r\n else {\r\n data.Players && $.each(data.Players, (k, v) => {\r\n const country = v.CountryCode ? _.countries.byCountryIsoCode(v.CountryCode) : null;\r\n k !== 0 && renderSeparator();\r\n\r\n var priceContent = '';\r\n\r\n if (!hasError && v.Price) // If there was an error we won't have a price to show\r\n priceContent = _.ui.helpers.renderPrice(_.cc.formatAmount(v.Price.Value, true, true), v.Price.Value > 0 && v.TotalPaid >= v.Price.Value);\r\n \r\n rows.push([\r\n '
',\r\n '
',\r\n '
',\r\n '
',\r\n '
',\r\n '
',\r\n '
',\r\n '
',\r\n '' + v.Name + '',\r\n '
',\r\n '
', // Hiding on lg, as we have a different column we want shown there (we can't properly restore the gutters we have removed)\r\n '' + (!v.ShowAsGuest ? v.HCP : '') + '',\r\n '
',\r\n '
',\r\n '
',\r\n '
', // Hiding on sm, as we have a different column we want shown there\r\n priceContent,\r\n '
'\r\n ].join(''));\r\n });\r\n }\r\n\r\n if (hasError)\r\n rows.push('
' + data.ErrorMessage + '
');\r\n\r\n return rows.join('');\r\n })(),\r\n '
',\r\n\r\n '',\r\n '
'\r\n ].join('');\r\n\r\n setTimeout(() => {\r\n this._modalDetails = _.ui.actionmodal({\r\n title : title,\r\n titleInHeader : true,\r\n html : this._htmlDetailsView,\r\n hideStateIcon : true,\r\n hideFooter : true,\r\n modalBodyFull : true,\r\n\r\n _data : data,\r\n\r\n onOpen : function() {\r\n var that = this;\r\n\r\n var handleAction = function (action, btnClass, onErrorModalClose) {\r\n if (action && action.DisabledReasons && action.DisabledReasons.length > 0) {\r\n var $btn = $('.' + btnClass, '#' + that.id);\r\n var errors = [];\r\n\r\n $.each(action.DisabledReasons, function (k, v) {\r\n var err = mg.resolveError(v);\r\n\r\n if (err && err[err.length - 1] === '.')\r\n err = err.substr(0, err.length - 1); // Remove trailing dots from error texts as we are adding one here as well.\r\n\r\n errors.push(err);\r\n });\r\n\r\n $btn.off('click').on('click', function () {\r\n mg.ui.errormodal({ title: mg.translations.NotAllowed, html: '
' + errors.join('.
') + '.
', onClose: onErrorModalClose });\r\n }).removeAttr('disabled').addClass('allow-click'); // Removing the disabled attribute, and adding the allow-click class, in order for the new onclick to work\r\n }\r\n };\r\n\r\n handleAction(data.DeleteAction, 'delete-calendar-item', props.onDeleteErrorModalClose);\r\n handleAction(data.EditAction, 'edit-calendar-item');\r\n handleAction(data.PayAction, 'pay-calendar-item');\r\n\r\n $.isFunction(props.onOpen) && props.onOpen();\r\n }\r\n });\r\n\r\n var $expandable = $('.expandable', '#' + this._modalDetails.id);\r\n\r\n var setTitle = function (title) {\r\n $expandable.find('> a > span:first-child').html(title);\r\n };\r\n\r\n $expandable.on('show.bs.collapse', function () {\r\n setTitle(mg.translations.HideChoices);\r\n }).on('hide.bs.collapse', function () {\r\n setTitle(mg.translations.SeeYourChoices);\r\n });\r\n }, 800);\r\n\r\n };\r\n\r\n if (props.getDetailsFunc && $.isFunction(props.getDetailsFunc))\r\n props.getDetailsFunc().done(done);\r\n else\r\n getDetails(itemTime, slotID, compID, listType, maxExpand, filterType, filterPeriodFrom, filterPeriodTo).done(done);\r\n }\r\n\r\n showDeleteCompetitionSignup(compID) {\r\n this.showDetails(null, null, compID, null, null, null, null, null, {\r\n renderDetailsAsHidden: true, // We want the initital Details view to be rendered as hidden, as the user would otherwise see a flicker when we switch to the Delete view. We could have used an onBeforeShow on the modal isntead, but that would be fired before the modal initialization returns, which didn't work too well with the flow we needed here.\r\n getDetailsFunc: () => {\r\n const url = '/Site/Calendar/?handler=CompetitionDetails';\r\n\r\n const data = {\r\n compID\r\n };\r\n\r\n return _.ajax.get(url, data); // Returning the ajax.get should allow us to use a .done on the return type.\r\n }, onOpen: () => {\r\n $('.delete-calendar-item', '#' + this._modalDetails.id).trigger('click');\r\n\r\n if ($('.details-cancel', '#' + this._modalDetails.id).attr('data-step') == 1) {\r\n $('#btn-delcalendaritem-back').hide(); // Hide the button that goes back to the \"Who do you want to remove\" step.\r\n }\r\n else {\r\n $('#btn-delcalendaritem-cancel').hide(); // Hide the button that goes back to the details view.\r\n }\r\n },\r\n onDeleteErrorModalClose: () => {\r\n this._modalDetails.close();\r\n },\r\n onDeleteSuccess: () => {\r\n window.location && $.isFunction(window.location.reload) && window.location.reload();\r\n }\r\n });\r\n }\r\n\r\n preparePopovers(target, src) {\r\n let $wrapper;\r\n\r\n if (target === 'future') {\r\n $wrapper = $('.calendar-futurerounds-wrapper');\r\n } else if (target === 'previous') {\r\n $wrapper = $('.calendar-previousrounds-wrapper');\r\n }\r\n\r\n const $container = $wrapper;\r\n\r\n $('.avatars-wrapper', $wrapper).each((idx, elem) => {\r\n const $this = $(elem);\r\n const time = $this.parents('.calendar-round-item').attr('data-time');\r\n let item;\r\n\r\n $.each(src, (k, v) => {\r\n if (v.Time === time) {\r\n item = v;\r\n return false;\r\n }\r\n });\r\n\r\n item && _.ui.popover.create($this, {\r\n content: [\r\n '
',\r\n (() => {\r\n let res = '';\r\n\r\n $.each(item.Players, (k, v) => {\r\n res += [\r\n '
'\r\n ].join(''),\r\n\r\n container : $container,\r\n boundary : $container[0],\r\n placement : 'top' // We try to place this on top if possible\r\n });\r\n });\r\n }\r\n\r\n openBooking(slotId, showPaymentDirectly) {\r\n var that = this;\r\n\r\n _.ajax.post('/Site/Calendar/?handler=RefreshDetails', { slotID: slotId }).done(function (data) {\r\n if (data && !data.ErrorMessage) {\r\n _.actions.findTeeTime(slotId, showPaymentDirectly, () => {\r\n that._modalDetails.close();\r\n });\r\n }\r\n else {\r\n mg.ui.errormodal({ title: mg.translations.Error, html: data.ErrorMessage.replace('\\r\\n', ' ').replace('\\n', ' ') });\r\n }\r\n });\r\n }\r\n\r\n openCompetitionSignup(competitionID, showPaymentDirectly) {\r\n var method = 1;\r\n\r\n if (this._modalDetails._data.Teams && this._modalDetails._data.Teams.length) {\r\n method = 2; // TODO - We have to determine the method differently, the setup may not allow either of these values\r\n }\r\n\r\n mg.redirect('/Competition/Entry/' + competitionID + '/' + method + (showPaymentDirectly ? '/payment' : ''));\r\n }\r\n\r\n redirectToOMG() {\r\n window.mg.openTab('{oMG}/MyPage/Calendar/Calendar.aspx');\r\n }\r\n\r\n saveToCalendar(time, clubName, courseName) {\r\n clubName = encodeURIComponent(clubName || '').replace(/'/g, '\\\\\\'');\r\n courseName = encodeURIComponent(courseName || '').replace(/'/g, '\\\\\\'');\r\n\r\n var url_google = '/handlers/booking/SaveToCalendar/' + time + '/' + clubName + '/' + courseName + '/google';\r\n var url_iCal = '/handlers/booking/SaveToCalendar/' + time + '/' + clubName + '/' + courseName;\r\n\r\n var html = [\r\n '
',\r\n '
',\r\n '',\r\n '
',\r\n '
',\r\n '',\r\n '
',\r\n '
'\r\n ].join('');\r\n\r\n _.calendar._saveToCalendarModal = _.ui.confirmmodal({ html: html, title: mg.translations.SaveToCalendar, hideAllButtons: true });\r\n }\r\n\r\n deleteBooking() {\r\n var modalTitle = _.translations.CancelTeeTime;\r\n this.deleteCalendarItemShared(modalTitle);\r\n }\r\n\r\n deleteCompetitionSignup() {\r\n var modalTitle = _.translations.DeleteCompetitionSignup;\r\n this.deleteCalendarItemShared(modalTitle);\r\n }\r\n\r\n deleteCalendarItemShared(modalTitle) {\r\n const $modal = $('#' + this._modalDetails.id);\r\n const $modalTitle = $('.modal-title', $modal);\r\n const $modalBody = $('.modal-body', $modal);\r\n\r\n var data = this._modalDetails._data;\r\n var isCompetition = data.CompetitionID !== undefined && data.CompetitionID !== null;\r\n var that = this;\r\n\r\n this.deleteCalendarItem({\r\n $wrapper: $modalBody,\r\n data: data,\r\n allowDeleteAll: data.AllowDeleteAll,\r\n isCompetition: isCompetition,\r\n onShow: function () {\r\n $('> .details', $modalBody).hide();\r\n $modalTitle.html(modalTitle);\r\n },\r\n onCancel: function () {\r\n $('> .details', $modalBody).show();\r\n $modalTitle.html(that._modalDetails.title);\r\n },\r\n onSuccess: function () {\r\n var onDeleteSuccess = that._modalDetails._data ? that._modalDetails._data.onDeleteSuccess : null;\r\n that._modalDetails.close();\r\n _.calendar && $.isFunction(_.calendar.updateFutureRounds) && _.calendar.updateFutureRounds();\r\n\r\n onDeleteSuccess && $.isFunction(onDeleteSuccess) && onDeleteSuccess();\r\n }\r\n });\r\n }\r\n\r\n deleteCalendarItem(options) {\r\n var props = $.extend(true, {\r\n $wrapper: null,\r\n allowDeleteAll: false,\r\n preSelectView: undefined, // Can be set to 0 or 1 to force either of these views\r\n preSelectViewViewShowHeader: undefined,\r\n isDeleteSelf: false,\r\n render: function () {\r\n var cancelTitle = mg.translations.WhoDoYouWantToRemoveBooking;\r\n var rdoAllText = mg.translations.CancelTheEntireTeeTime;\r\n var rdoOnlyMeText = mg.translations.OnlyRemoveMeFromTheBall;\r\n var btnDeleteSaveText = mg.translations.CancelTeeTime;\r\n\r\n if (props.isCompetition) {\r\n cancelTitle = mg.translations.WhoDoYouWantToRemoveCompetition;\r\n rdoAllText = mg.translations.TheEntireTeam;\r\n rdoOnlyMeText = mg.translations.OnlyMyself;\r\n btnDeleteSaveText = mg.translations.DeleteCompetitionSignup;\r\n }\r\n\r\n var data = props.data;\r\n var isSoloBooking = false;\r\n\r\n if (props.isCompetition) {\r\n var teams = data ? data.Teams : null;\r\n isSoloBooking = !teams || teams.length === 0; // TODO - Can the entry be in a TeeTime with teams without being in a team themself?\r\n }\r\n else {\r\n isSoloBooking = data && data.Players && data.Players.length === 1 && data.Players[0].IsSelf;\r\n }\r\n\r\n if (isSoloBooking) {\r\n props.allowDeleteAll = true; // Regardless of what was set before, if you are alone in your booking you must be allowed to delete the entire thing. Otherwise you cannot delete a booking where you are the only one left if you were not the booker.\r\n }\r\n\r\n props.$wrapper.append([\r\n '
'\r\n ].join(''));\r\n\r\n var that = this;\r\n\r\n $('#btn-delcalendaritem-next').off('change').on('click', function () {\r\n that.next();\r\n });\r\n\r\n $('#btn-delcalendaritem-cancel').off('change').on('click', function () {\r\n that.cancel();\r\n });\r\n\r\n $('#btn-delcalendaritem-save').off('change').on('click', function () {\r\n that.save();\r\n });\r\n\r\n \r\n\r\n var preSelectView = undefined;\r\n\r\n if (isSoloBooking) {\r\n preSelectView = 0; // This is a solo-booking, so there's no need to ask the user to select who they want to remove. Default to delete all\r\n }\r\n else if (!props.allowDeleteAll) {\r\n preSelectView = 1; // Force Delete Only Me\r\n\r\n if (props.preSelectViewShowHeader === undefined) {\r\n props.preSelectViewShowHeader = true; // Set this to true if it was not already set\r\n }\r\n }\r\n\r\n if (preSelectView === undefined && props.preSelectView !== undefined)\r\n preSelectView = props.preSelectView; // Only if preSelectView has not been resolved to anything so far, we allow using the specified value. This allows the resolved value to override any parameter\r\n //MGNY-864 Back button will bind to cancel, if we're going to call next() automatically below and skip the first step of the gui.\r\n var btnBackFuncPtr = preSelectView !== undefined ? that.cancel : that.back;\r\n $('#btn-delcalendaritem-back').off('change').on('click', function () {\r\n btnBackFuncPtr();\r\n });\r\n\r\n if (preSelectView !== undefined) {\r\n $('#rdo-delcalendaritem-' + preSelectView).prop('checked', true);\r\n that.next(!props.preSelectViewShowHeader);\r\n }\r\n\r\n $.isFunction(props.onShow) && props.onShow();\r\n },\r\n next: function (hideHeaderText) {\r\n const $detailsCancel = $('.details-cancel', props.$wrapper);\r\n const $body0 = $('.details-cancel-body[data-step=\"0\"]', $detailsCancel);\r\n const $body1 = $('.details-cancel-body[data-step=\"1\"]', $detailsCancel);\r\n const $rdo = $('input[name=\"rdo-delcalendaritem\"]:checked', $body0);\r\n\r\n const html = [];\r\n\r\n if (!$rdo.length)\r\n return;\r\n\r\n var data = props.data;\r\n var isCompetition = props.isCompetition;\r\n\r\n var headerText = '';\r\n var youAreNowRemovingText = isCompetition ? mg.translations.YouAreNowRemovingCompetition : mg.translations.YouAreNowRemovingBooking;\r\n var calendarItemHasAPaidFeeText = isCompetition ? mg.translations.TheSignupHasAPaidFee : mg.translations.TheBookingHasAPaidFee;\r\n var playerHasAPaidFeeText = mg.translations.ThePlayerHasAPaidFee;\r\n var paidWarning = '';\r\n var players = [];\r\n\r\n switch ($rdo.val()) {\r\n case '0':\r\n headerText = isCompetition ? mg.translations.TheEntireTeam : mg.translations.CancelTheEntireTeeTime;\r\n var showTeamName = isCompetition && data.Players.length < 2 && data.Teams && data.Teams.length > 0 ? true : false;\r\n\r\n if (showTeamName) // TODO - If we later reintroduce team members in the Details modal, we might want to revisit this, and perhaps show team members when possible, and fall back to team name or \"The entire team\".\r\n players.push('' + (data.Teams[0].Name || mg.translations.TheEntireTeam) + '');\r\n\r\n $.each(data.Players, function (k, v) {\r\n !showTeamName && players.push('' + v.Name + '');\r\n\r\n if (v.TotalPaid && v.TotalPaid > 0 && !paidWarning) {\r\n paidWarning = calendarItemHasAPaidFeeText;\r\n }\r\n });\r\n\r\n break;\r\n\r\n case '1':\r\n headerText = isCompetition ? mg.translations.OnlyMyself : mg.translations.OnlyRemoveMeFromTheBall;\r\n var player = data.Players.find((o) => _.user && o.GolfID === _.user.GolfId);\r\n\r\n if (player) {\r\n players.push('' + player.Name + '');\r\n\r\n if (player.TotalPaid && player.TotalPaid > 0) {\r\n paidWarning = playerHasAPaidFeeText;\r\n }\r\n }\r\n\r\n break;\r\n }\r\n\r\n if (data.AllowRefundOnDelete) // We have three scenarios. 1: Nothing has been paid, we show nothing. 2: Something was paid, auto refund enabled, we inform the user. 3: Something was paid, auto refund is not enabled/not possible, we inform the user.\r\n paidWarning = mg.translations.AnyRefundOfPaidCompetitionFeesHappensAutomatically + '.';\r\n else if (paidWarning)\r\n paidWarning += '. ' + mg.translations.DependingOnTheClubsSettingsRefundMayHappenAutomatically + '.';\r\n\r\n html.push(\r\n hideHeaderText ? '' : '
'\r\n );\r\n\r\n $detailsCancel.attr('data-step', '1');\r\n $body1.empty().html(html.join(''));\r\n $('.paid-warning', $detailsCancel).find('.paid-warning-text').html(paidWarning).end().toggleClass('d-flex', paidWarning !== '');\r\n },\r\n back: function () {\r\n const $detailsCancel = $('.details-cancel', props.$wrapper);\r\n\r\n $detailsCancel.attr('data-step', '0');\r\n },\r\n save: function () {\r\n const $detailsCancel = $('.details-cancel', props.$wrapper);\r\n const $body0 = $('.details-cancel-body[data-step=\"0\"]', $detailsCancel);\r\n const $rdo = $('input[name=\"rdo-delcalendaritem\"]:checked', $body0);\r\n const $btns = $('.details-cancel-footer .btn', $detailsCancel);\r\n const $spinner = $('.details-cancel-footer .spinner', $detailsCancel);\r\n\r\n if (!$rdo.length)\r\n return;\r\n\r\n $btns.prop('disabled', true);\r\n $spinner.removeClass('invisible');\r\n\r\n var showError = function (errorMessage) {\r\n mg.ui.errormodal({ html: errorMessage, title: mg.translations.Error });\r\n };\r\n\r\n var data = props.data;\r\n var isCompetition = props.isCompetition;\r\n var bookingURLBase = '/handlers/Booking/';\r\n var url = null;\r\n var lilumTransactionName = null;\r\n var o = {};\r\n\r\n if (isCompetition) {\r\n url = '/handlers/Competition/DeleteCompetitionSignup';\r\n o.competitionID = data.CompetitionID;\r\n o.deleteEntireTeam = $rdo.val() === '0';\r\n o.allowRefundOnlinePayments = data.AllowRefundOnDelete;\r\n }\r\n else {\r\n switch ($rdo.val()) {\r\n case '0':\r\n url = bookingURLBase + 'DeleteBooking';\r\n lilumTransactionName = 'DeleteBooking';\r\n o.slotId = data.SlotID;\r\n\r\n break;\r\n\r\n case '1':\r\n const players = data.Players.filter((o) => _.user && o.GolfID === _.user.GolfId && o.ParticipantID);\r\n\r\n if (players) {\r\n url = bookingURLBase + 'DeletePlayerSelf';\r\n lilumTransactionName = 'DeletePlayerSelf';\r\n o.slotId = data.SlotID;\r\n o.participantId = players[0].ParticipantID;\r\n }\r\n\r\n break;\r\n }\r\n }\r\n\r\n lilumTransactionName && mg.lilumStartTransaction(lilumTransactionName);\r\n\r\n _.ajax.post(url, o).done((data) => {\r\n if (data.Deleted) {\r\n if (data.ShowRefundWarning) {\r\n mg.ui.infomodal({ html: mg.translations.YourSignupWasDeletedButWeWereUnableToRefund, title: mg.translations.PleaseNote, hideButtonOK: false }); // TODO - Text and button?\r\n }\r\n\r\n $.isFunction(props.onSuccess) && props.onSuccess();\r\n return;\r\n }\r\n\r\n $btns.prop('disabled', false);\r\n $spinner.addClass('invisible');\r\n\r\n showError(data.ErrorMessage);\r\n }).always(() => {\r\n lilumTransactionName && mg.lilumStopTransaction(lilumTransactionName);\r\n });\r\n },\r\n cancel: function () {\r\n $('> .details-cancel', props.$wrapper).remove();\r\n\r\n $.isFunction(props.onCancel) && props.onCancel();\r\n }\r\n }, options);\r\n\r\n props.render();\r\n\r\n return props;\r\n }\r\n\r\n registerHCP(slot) {\r\n _.hcp.registerRound.open(slot, _.translations.HandicapRounds);\r\n }\r\n }\r\n\r\n _.calendar = new Calendar();\r\n})(jQuery, window);\r\n","(($, window, undefined) => {\r\n if (window.mg === undefined)\r\n window.mg = {};\r\n\r\n const _ = window.mg;\r\n\r\n const abstractView = (target, compEntry) => {\r\n target.compEntry = compEntry;\r\n };\r\n\r\n class _ViewPlayers {\r\n constructor(compEntry) {\r\n abstractView(this, compEntry);\r\n\r\n this.$wrapper = $('#comp-entry-view-players', this.compEntry.$target);\r\n }\r\n\r\n render() {\r\n const requestData = this.compEntry.data.requestData;\r\n\r\n $('.entry-list', this.$wrapper).empty();\r\n $('.team-details > .choices', this.$wrapper).remove();\r\n\r\n if (requestData) {\r\n if (this.compEntry.asTeam) {\r\n const team = requestData.Teams ? requestData.Teams[0] : null;\r\n\r\n if (team) {\r\n if (team.TeamEntries && team.TeamEntries.length) {\r\n team.TeamEntries.forEach((v) => {\r\n let entry = v.EntryID && requestData.Entries && requestData.Entries.find((vE) => vE.ID === v.EntryID);\r\n\r\n if (entry === null && team.ID === null && requestData.Entries && requestData.Entries.length === 1)\r\n entry = requestData.Entries[0]; // For the initial signup we may not be able to map TeamEntries to Entries, as we may not have an ID. Fallback to the first entry.\r\n\r\n entry && this._renderPlayer(entry);\r\n });\r\n } else {\r\n requestData.Entries && requestData.Entries.forEach((v) => {\r\n this._renderPlayer(v);\r\n });\r\n }\r\n\r\n this._renderTeam(team, requestData.Entries);\r\n }\r\n } else {\r\n requestData.Entries && requestData.Entries.forEach((v) => {\r\n this._renderPlayer(v);\r\n });\r\n }\r\n }\r\n\r\n // starting validation register\r\n const fvFields = this.compEntry.validation.fv.getFields();\r\n\r\n Object.keys(fvFields)\r\n .filter((v) => v.indexOf('{PARTICIPANT}') !== -1)\r\n .forEach((v) => {\r\n this.compEntry.validation.fv.removeField(v);\r\n });\r\n\r\n const playersFvFields = $('[name]', this.$wrapper)\r\n .filter((i, e) => Object.keys(e.dataset).some((v) => v.startsWith('fv')))\r\n .get();\r\n\r\n playersFvFields\r\n .forEach((v) => {\r\n this.compEntry.validation.fv.addField(\r\n v.name,\r\n this.compEntry.validation.fv.plugins.declarative.parseElement(v)\r\n );\r\n });\r\n }\r\n\r\n addPlayer(golfId, ...fields) {\r\n const funcAddPlayer = (golfId) => {\r\n golfId = golfId.trim();\r\n\r\n if (!golfId)\r\n return;\r\n\r\n const entries = this.compEntry.data.requestData.Entries;\r\n\r\n if (entries.some((v) => v.MemberID == golfId)) {\r\n _.ui.errormodal({\r\n html : '
' + _.translations.ThisPlayerAlreadyExists + '
',\r\n title : _.translations.Error\r\n });\r\n\r\n return;\r\n }\r\n\r\n const o = {\r\n competitionID : this.compEntry.data.requestData.ID,\r\n golfIDs : entries.map((v) => v.MemberID).concat([golfId]),\r\n asTeam : this.compEntry.asTeam\r\n };\r\n\r\n const pleaseWait = _.ui.showPleaseWaitModal();\r\n\r\n _.ajax.post('?handler=AddPlayer', o, true)\r\n .fail((jqXHR, textStatus, errorThrown) => {\r\n pleaseWait.close();\r\n\r\n _.ui.errormodal({\r\n html : '
' + errorThrown + '
',\r\n title : _.translations.Error\r\n });\r\n })\r\n .done((data) => {\r\n pleaseWait.close();\r\n\r\n data = this._checkRequestResponse(data);\r\n\r\n if (!data)\r\n return;\r\n\r\n this.compEntry.data.requestData = data;\r\n\r\n data.Entries\r\n .forEach((v) => {\r\n this._renderPlayer(v);\r\n });\r\n\r\n // Add player: Pre-select a class if the team only fits one class\r\n // Remove player: Remove the class selection if the team no longer fits the selected class\r\n\r\n var $ddlClass = $('#ddlClass');\r\n if ($ddlClass.length) { // Attempt to pre-select a class (also if the user has already selected a class. The class is only changed if they only fit in 1 class).\r\n var availableClasses = [];\r\n\r\n this.compEntry.data.requestData.Teams.forEach((v) => {\r\n var classes = this._getParticipantClasses(v, true); // This time we don't specify ignoreStatus, as we only want the classes the team is not invalid in\r\n\r\n classes && classes.forEach((vC) => {\r\n availableClasses.push(vC);\r\n });\r\n });\r\n\r\n if (availableClasses && availableClasses.length === 1) { // The team only fits in one class, auto-select this class\r\n $ddlClass.val(availableClasses[0].ID);\r\n }\r\n }\r\n\r\n // TODO - We might want to resolve team name here as well\r\n var team = this.compEntry.data.requestData.Teams ? this.compEntry.data.requestData.Teams[0] : null;\r\n this._renderTeamName(team);\r\n\r\n $ddlClass.trigger('change'); // Trigger change to recalculate any errors shown here\r\n $('#ddl-addplayer-favs, #txt-addplayer-golfid, #txt-addplayer-firstname, #txt-addplayer-lastname', this.$wrapper).val('');\r\n $(`.add-player-search-result-wrapper div[data-golfid=\"${golfId}\"]`, this.$wrapper).remove();\r\n\r\n _.ui.select.get($('#ddl-addplayer-favs', this.$wrapper)).sp.refresh();\r\n });\r\n };\r\n\r\n if (fields.length) {\r\n this.compEntry.validateFields(fields)\r\n .then((status) => {\r\n if (status === FormValidation.Status.Valid)\r\n funcAddPlayer(golfId);\r\n });\r\n } else {\r\n funcAddPlayer(golfId);\r\n }\r\n }\r\n\r\n removePlayer(golfId) {\r\n const newGolfIDs = this.compEntry.data.requestData.Entries.filter((v) => {\r\n return v.MemberID !== golfId || v.IsSelf;\r\n }).map((v) => v.MemberID);\r\n\r\n const o = {\r\n competitionID : this.compEntry.data.requestData.ID,\r\n golfIDs : newGolfIDs,\r\n asTeam : this.compEntry.asTeam\r\n };\r\n\r\n const pleaseWait = _.ui.showPleaseWaitModal();\r\n\r\n _.ajax.post('?handler=AddPlayer', o, true)\r\n .fail((jqXHR, textStatus, errorThrown) => {\r\n pleaseWait.close();\r\n\r\n _.ui.errormodal({\r\n html : '
' + errorThrown + '
',\r\n title : _.translations.Error\r\n });\r\n })\r\n .done((data) => {\r\n pleaseWait.close();\r\n\r\n data = this._checkRequestResponse(data);\r\n\r\n if (!data)\r\n return;\r\n\r\n this.compEntry.data.requestData = data;\r\n\r\n data.Entries\r\n .forEach((v) => {\r\n this._renderPlayer(v);\r\n });\r\n\r\n var $ddlClass = $('#ddlClass');\r\n var selectedClass = parseInt($('#ddlClass').val());\r\n if ($ddlClass.length && selectedClass) { // We want to clear the class selection if the user no longer fits in the selected class\r\n var availableClasses = [];\r\n var classFound = false;\r\n\r\n this.compEntry.data.requestData.Teams.forEach((v) => {\r\n var classes = this._getParticipantClasses(v, true); // This time we don't specify ignoreStatus, as we only want the classes the team is not invalid in\r\n\r\n classes && classes.forEach((vC) => {\r\n availableClasses.push(vC);\r\n });\r\n });\r\n\r\n availableClasses && $.each(availableClasses, function (k, v) {\r\n if (v.ID === selectedClass) {\r\n classFound = true;\r\n return false; // Break the v-loop\r\n }\r\n });\r\n\r\n if (!classFound) {\r\n $ddlClass.val(null); // Clear the selection\r\n }\r\n }\r\n\r\n // TODO - We might want to resolve team name here as well\r\n var team = this.compEntry.data.requestData.Teams ? this.compEntry.data.requestData.Teams[0] : null;\r\n this._renderTeamName(team);\r\n\r\n $ddlClass.trigger('change'); // Trigger change to recalculate any errors shown here\r\n $(`.entry[data-golfid=\"${golfId}\"]`, this.$wrapper).remove();\r\n });\r\n }\r\n\r\n searchPlayer(clubId, firstName, lastName, ...fields) {\r\n const funcSearchPlayer = (clubId, firstName, lastName) => {\r\n firstName = firstName.trim();\r\n lastName = lastName.trim();\r\n\r\n const pleaseWait = _.ui.showPleaseWaitModal();\r\n\r\n if (!clubId || firstName.length <= 1 || lastName.length <= 1) {\r\n pleaseWait.close();\r\n return;\r\n }\r\n\r\n $('.add-player-search-result-wrapper', this.$wrapper).empty();\r\n\r\n _.ajax.post('?handler=SearchPlayer', { clubId, firstName, lastName })\r\n .done((data) => {\r\n pleaseWait.close();\r\n\r\n if (data.Error) {\r\n _.ui.errormodal({\r\n html : '
' + data.Error + '
',\r\n title : _.translations.Error\r\n });\r\n\r\n return;\r\n }\r\n\r\n let html = data.Players.map((v, i) => {\r\n return `
` +\r\n `
${v.GolfID}
` +\r\n `
${v.FullName}
` +\r\n `
${v.ActualHCP}
` +\r\n `
` +\r\n `` +\r\n `
` +\r\n `
`;\r\n });\r\n\r\n $('.add-player-search-result-wrapper', this.$wrapper).empty().html(html);\r\n });\r\n };\r\n\r\n if (fields.length) {\r\n this.compEntry.validateFields(fields)\r\n .then((status) => {\r\n if (status === FormValidation.Status.Valid)\r\n funcSearchPlayer(clubId, firstName, lastName);\r\n });\r\n } else {\r\n funcSearchPlayer(clubId, firstName, lastName);\r\n }\r\n }\r\n\r\n toggleAddPlayer(id) {\r\n if (!id) {\r\n $('.add-player > .collapse', this.$wrapper).collapse('hide');\r\n return;\r\n }\r\n\r\n $(id, this.$wrapper).collapse('toggle');\r\n }\r\n\r\n _renderPlayer(player) {\r\n let classes = !this.compEntry.asTeam ? this._getParticipantClasses(player) : [];\r\n let tees = this._getPlayerTees(player);\r\n let html = this._getPlayerHTML(player, classes, tees);\r\n\r\n const idTeeTime = 'ddlTeeTimeWish'; // Same ID for entry and team, as the value is always stored on entries\r\n const idSelectTee = 'ddlTee_' + player.MemberID;\r\n const idMainClass = this.compEntry.data.competition.ClassSetup.EnableMultiClass ? 'ddlMainClass' : 'ddlClass'; // Same ID for entry and team (unless it's multiclass), as they use the same dropdown (in a team signup you cannot select class for entries, and vice versa)\r\n const idOtherClasses = 'ddlOtherClasses-wrapper';\r\n\r\n html += this._getChoicesHTML(\r\n !this.compEntry.asTeam ? this._getTeeTimeHTML(player, idTeeTime) : '',\r\n !this.compEntry.asTeam ? this._getMainClassHTML(player, idMainClass) : '',\r\n !this.compEntry.asTeam ? this._getOtherClassesHTML(player, idOtherClasses) : '',\r\n { html: this._getTeeHTML(player, idSelectTee) }\r\n );\r\n\r\n html = `
${html}
`;\r\n\r\n $('.entry-list', this.$wrapper).find('[data-golfid=\"' + player.MemberID + '\"]').remove().end().append(html); // Remove any existing elements for this player, and append a new\r\n\r\n if ($('#' + idMainClass).length) {\r\n $('#' + idMainClass).on('change', (e) => {\r\n this._ddlClassOnChange(e.target, player);\r\n });\r\n\r\n this._ddlClassOnChange($('#' + idMainClass)[0], player, true);\r\n }\r\n else if (this.compEntry.data.competition.Request.TeeWishesOpenFor === 2) {\r\n this._updateAvailableTees();\r\n }\r\n }\r\n\r\n _renderTeam(team, entries) {\r\n let html = '';\r\n\r\n const idTeeTime = 'ddlTeeTimeWish'; // Same ID for entry and team, as the value is always stored on entries\r\n const idClass = 'ddlClass'; // Same ID for entry and team, as they use the same dropdown (in a team signup you cannot select class for entries, and vice versa)\r\n\r\n html += this._getChoicesHTML(\r\n this._getTeeTimeHTML(team, idTeeTime, entries),\r\n this._getMainClassHTML(team, idClass, true)\r\n );\r\n\r\n $('.team-details .error-message', this.$wrapper).before(html); // Insert the HTML before the .error-message\r\n\r\n let $txtTeamName = $('#txtTeamName');\r\n let $lblTeamName = $('#lblTeamName');\r\n\r\n $txtTeamName.length && $txtTeamName.val(team.Name);\r\n $lblTeamName.length && this._renderTeamName(team, $lblTeamName);\r\n\r\n if ($('#' + idClass).length) {\r\n $('#' + idClass).on('change', (e) => {\r\n this._ddlTeamClassOnChange(e.target, team);\r\n });\r\n }\r\n else if (this.compEntry.data.competition.Request.TeeWishesOpenFor === 2) {\r\n this._updateAvailableTees();\r\n }\r\n }\r\n\r\n _renderTeamName(team, $lblTeamName) {\r\n if (!team)\r\n return;\r\n\r\n if ($lblTeamName === undefined)\r\n $lblTeamName = $('#lblTeamName');\r\n\r\n $lblTeamName.length && $lblTeamName.html(!team.ManualTeamNaming ? (_.translations.TeamName + ': ' + (team.Name || '-')) : '');\r\n }\r\n\r\n _getPlayerHTML(player, classes, tees) {\r\n let className = '';\r\n if (player.MainClassID && !this.compEntry.asTeam && (classes === null || classes.length < 2)) {\r\n classes.forEach((v) => {\r\n if (v.ID === player.MainClassID) {\r\n className = v.Name;\r\n return false; // Break the v-loop\r\n }\r\n });\r\n }\r\n\r\n var showHCPStatus = this.$wrapper.data().showhcpstatus === 1;\r\n var hcpStatusContent = showHCPStatus ? (player.HandicapStatus === 2 ? _.translations.Yes : _.translations.No) : '';\r\n var hcpStatusColInnerClass = 'd-flex h-100 justify-content-center' + (this.compEntry.asTeam ? ' align-items-center' : ''); // When we show the Remove Player content, it looks best when this content is aligned vertically like that. Otherwise, it looks best that it alins with the top row.\r\n\r\n return `
` : ``) + // KJ 2023-03-06: Upon request from Mikaela we're reserving this space in desktop when no content is shown here, to keep the other columns in their place (e.g. GolfID underneath player name).\r\n (className ? `
`).join('') + // The h-100 is to allow texts, i.e. team class text to align properly with the rest of the content\r\n `
` +\r\n `
`;\r\n }\r\n\r\n _getTeeTimeHTML(participant, id, entries) {\r\n if (!this.$wrapper.data().request || !this.$wrapper.data().request.AllowEarlyLateStart)\r\n return '';\r\n\r\n let selected = participant.Request ? participant.Request.TeeTime : entries && entries.length > 0 && entries[0].Request ? entries[0].Request.TeeTime : null; // TeeTime is stored on entries\r\n\r\n return `
${_.translations.TeeTimeWish}
`;\r\n }\r\n\r\n _getMainClassHTML(participant, id, isTeam) {\r\n if (this.compEntry.data.competition.ClassSetup && this.compEntry.data.competition.ClassSetup.SameSize)\r\n return '';\r\n\r\n let options = [];\r\n let classes = this._getParticipantClasses(participant, isTeam, isTeam); // We pass the isTeam variable as the ignoreStatus variable, as we want to allow users to select classes they are invalid in, in order to see a message why they cannot select that class\r\n const enableMultiClass = this.compEntry.data.competition.ClassSetup.EnableMultiClass;\r\n\r\n classes && classes.forEach((v) => {\r\n options.push('');\r\n });\r\n\r\n if (options.length > 1) {\r\n let title = '
';\r\n\r\n return title + ``;\r\n }\r\n else if (classes.length === 1 && isTeam) { // We only want to display the class name here in team signup, as the class name should otherwise already be listed with the player info\r\n return `