// this is an example of what the data will look like when a user imports your component window.dataBlc5K = {}; dataBlc5K['pollDays'] = '7'; dataBlc5K['pollHours'] = '0'; dataBlc5K['pollSelection'] = {"userInput":{"poll_question":[],"poll_user_count":null},"aggregateValues":{"poll_question":[4,1,2,2],"poll_user_count":9},"userInputMeta":{"created":null,"modified":null}}; dataBlc5K['options'] = [{},{},{},{}]; dataBlc5K['options'][0]['image'] = ''; dataBlc5K['options'][1]['image'] = ''; dataBlc5K['options'][2]['image'] = ''; dataBlc5K['options'][3]['image'] = ''; dataBlc5K['options'][0]['option'] = 'No, they pay for what they ordered'; dataBlc5K['options'][1]['option'] = 'Yes, splitting is easier'; dataBlc5K['options'][2]['option'] = 'Only if the difference is small'; dataBlc5K['options'][3]['option'] = 'Depends who I\'m with';

'; } function applyPollBarsBlc5K() { var pollRowsBlc5K = pollRootdataBlc5K.querySelectorAll(".pollResultRowBlc5K"); for (var pollRowIndexBlc5K = 0; pollRowIndexBlc5K < pollRowsBlc5K.length; pollRowIndexBlc5K++) { var pollRowBlc5K = pollRowsBlc5K[pollRowIndexBlc5K]; var pollFillPercentBlc5K = parseFloat(pollRowBlc5K.getAttribute("data-poll-fill") || "0"); var pollWinnerBlc5K = pollRowBlc5K.getAttribute("data-poll-winner") === "1"; var pollFillColorBlc5K = pollWinnerBlc5K ? "#629fcd" : "#d5dee8"; var pollEmptyColorBlc5K = pollWinnerBlc5K ? "#e6f0fc" : "#f0f3f7"; if (!Number.isFinite(pollFillPercentBlc5K)) { pollFillPercentBlc5K = 0; } if (pollFillPercentBlc5K < 0) pollFillPercentBlc5K = 0; if (pollFillPercentBlc5K > 100) pollFillPercentBlc5K = 100; pollRowBlc5K.style.background = "linear-gradient(90deg," + pollFillColorBlc5K + " 0%," + pollFillColorBlc5K + " " + pollFillPercentBlc5K + "%," + pollEmptyColorBlc5K + " " + pollFillPercentBlc5K + "%," + pollEmptyColorBlc5K + " 100%)"; void pollRowBlc5K.offsetHeight; } } function pollIconSvgBlc5K() { return ``; } function renderPollBlc5K(pollStatusTextBlc5K, pollStatusIsErrorBlc5K) { var pollOptionDataBlc5K = getPollOptionDataBlc5K(); var pollSelectedIndexBlc5K = getPollSelectedIndexBlc5K(pollStoredataBlc5K); var pollIsSubmittingBlc5K = pollSubmittingIndexBlc5K > -1; if (pollIsSubmittingBlc5K) { pollSelectedIndexBlc5K = pollSubmittingIndexBlc5K; } var pollHasVotedBlc5K = pollSelectedIndexBlc5K > -1; var pollExpiredBlc5K = isPollExpiredBlc5K(); var pollShowResultsBlc5K = pollHasVotedBlc5K || pollExpiredBlc5K || pollIsSubmittingBlc5K; var pollWinningIndexesBlc5K = getPollWinningIndexesBlc5K(); var pollTotalVotesBlc5K = pollStoredataBlc5K && pollStoredataBlc5K.aggregateValues && typeof pollStoredataBlc5K.aggregateValues.poll_user_count === "number" ? pollStoredataBlc5K.aggregateValues.poll_user_count : 0; var pollTotalVotesTextBlc5K = formatPollVoteCountBlc5K(pollTotalVotesBlc5K); var pollOptionsHtmlBlc5K = ""; for (var pollIndexBlc5K = 0; pollIndexBlc5K < pollOptionDataBlc5K.length; pollIndexBlc5K++) { var pollOptionBlc5K = pollOptionDataBlc5K[pollIndexBlc5K]; var pollLabelBlc5K = pollOptionBlc5K.option; var pollImageBlc5K = pollOptionBlc5K.image; var pollVotesForOptionBlc5K = pollStoredataBlc5K && pollStoredataBlc5K.aggregateValues && Array.isArray(pollStoredataBlc5K.aggregateValues.poll_question) && typeof pollStoredataBlc5K.aggregateValues.poll_question[pollIndexBlc5K] === "number" ? pollStoredataBlc5K.aggregateValues.poll_question[pollIndexBlc5K] : 0; var pollPercentBlc5K = pollTotalVotesBlc5K > 0 ? Math.round(pollVotesForOptionBlc5K / pollTotalVotesBlc5K * 100) : 0; var pollIsWinnerBlc5K = pollWinningIndexesBlc5K.indexOf(pollIndexBlc5K) > -1; if (!pollShowResultsBlc5K) { pollOptionsHtmlBlc5K += '

' + '" + "

"; } else { pollOptionsHtmlBlc5K += '

' + '

' + (pollSelectedIndexBlc5K === pollIndexBlc5K ? pollIsSubmittingBlc5K ? '' : '' : "") + buildPollImageHtmlBlc5K(pollImageBlc5K, "pollResultImageBlc5K") + '' + escapePollHtmlBlc5K(pollLabelBlc5K) + "" + "

" + '

' + "" + formatPollVoteCountBlc5K(pollVotesForOptionBlc5K) + " vote" + (pollVotesForOptionBlc5K === 1 ? "" : "s") + "" + "" + pollPercentBlc5K + "%" + "

" + "

"; } } var hasPollQuestionBlc5K = pollQuestionTextBlc5K.trim() !== ""; var pollExpiredDivBlc5K = '' + buildPollTopRightHtmlBlc5K(pollExpiredBlc5K) + ""; var hasPollStatusBlc5K = String(pollStatusTextBlc5K || "").trim() !== ""; pollRootdataBlc5K.innerHTML = '

' + (hasPollQuestionBlc5K ? '

' + '

' + escapePollHtmlBlc5K(pollQuestionTextBlc5K) + "

" + "

" : "") + `

` + `` + pollIconSvgBlc5K() + `` + pollTotalVotesTextBlc5K + " total vote" + (pollTotalVotesBlc5K === 1 ? "" : "s") + "" + pollExpiredDivBlc5K + "

" + '

' + pollOptionsHtmlBlc5K + "

" + (hasPollStatusBlc5K ? '

' + escapePollHtmlBlc5K(pollStatusTextBlc5K || "") + "

" : "") + "

"; if (pollShowResultsBlc5K) { applyPollBarsBlc5K(); setTimeout(applyPollBarsBlc5K, 0); } if (!pollShowResultsBlc5K) { var pollButtonsBlc5K = pollRootdataBlc5K.querySelectorAll("[data-poll-option-index-Blc5K]"); for (var pollButtonIndexBlc5K = 0; pollButtonIndexBlc5K < pollButtonsBlc5K.length; pollButtonIndexBlc5K++) { pollButtonsBlc5K[pollButtonIndexBlc5K].addEventListener("click", handlePollVoteBlc5K); } } } function handlePollVoteBlc5K(pollEventBlc5K) { if (isPollInitializePostBlc5K()) { if (pollEventBlc5K && typeof pollEventBlc5K.preventDefault === "function") { pollEventBlc5K.preventDefault(); } return; } var pollButtonBlc5K = pollEventBlc5K.currentTarget; var pollSelectedIndexBlc5K = parseInt(pollButtonBlc5K.getAttribute("data-poll-option-index-Blc5K"), 10); if (isPollExpiredBlc5K()) { renderPollBlc5K("", false); return; } if (!pollStoreFnBlc5K || !Number.isFinite(pollSelectedIndexBlc5K)) { renderPollBlc5K("Voting is unavailable.", true); return; } pollStoreBeforeSubmitBlc5K = clonePollStoredataBlc5K(pollStoredataBlc5K); pollSubmittingIndexBlc5K = pollSelectedIndexBlc5K; pollStoredataBlc5K = buildOptimisticPollStoredataBlc5K(pollSelectedIndexBlc5K); polldataBlc5K["pollSelection"] = pollStoredataBlc5K; renderPollBlc5K("", false); pollStoreFnBlc5K("save", "dataBlc5K", "pollSelection", buildPollSavePayloadBlc5K(pollSelectedIndexBlc5K)).then(function (pollResponseBlc5K) { var pollNextStoredataBlc5K = pollResponseBlc5K && pollResponseBlc5K.storeData ? pollResponseBlc5K.storeData : pollResponseBlc5K; pollStoredataBlc5K = normalizePollStoredataBlc5K(pollNextStoredataBlc5K); polldataBlc5K["pollSelection"] = pollStoredataBlc5K; pollSubmittingIndexBlc5K = -1; pollStoreBeforeSubmitBlc5K = null; renderPollBlc5K("", false); }).catch(function (pollErrorBlc5K) { pollStoredataBlc5K = pollStoreBeforeSubmitBlc5K ? clonePollStoredataBlc5K(pollStoreBeforeSubmitBlc5K) : normalizePollStoredataBlc5K(pollStoredataBlc5K); polldataBlc5K["pollSelection"] = pollStoredataBlc5K; pollSubmittingIndexBlc5K = -1; pollStoreBeforeSubmitBlc5K = null; renderPollBlc5K(pollErrorBlc5K && pollErrorBlc5K.message ? pollErrorBlc5K.message : "Unable to save vote.", true); }); } function loadPollStoredataBlc5K() { pollStoredataBlc5K = normalizePollStoredataBlc5K(pollStoredataBlc5K); polldataBlc5K["pollSelection"] = pollStoredataBlc5K; renderPollBlc5K("", false); schedulePollExpiryRefreshBlc5K(); if (isPollInitializePostBlc5K()) { return; } if (!pollStoreFnBlc5K || hasPollUserVotedBlc5K(pollStoredataBlc5K)) { return; } try { var pollLoadResultBlc5K = pollStoreFnBlc5K("load", "dataBlc5K", "pollSelection"); if (!pollLoadResultBlc5K || typeof pollLoadResultBlc5K.then !== "function") { return; } pollLoadResultBlc5K.then(function (pollResponseBlc5K) { var pollNextStoredataBlc5K = pollResponseBlc5K && pollResponseBlc5K.storeData ? pollResponseBlc5K.storeData : pollResponseBlc5K; pollStoredataBlc5K = normalizePollStoredataBlc5K(pollNextStoredataBlc5K); polldataBlc5K["pollSelection"] = pollStoredataBlc5K; renderPollBlc5K("", false); schedulePollExpiryRefreshBlc5K(); }).catch(function () {}); } catch (e) {} } loadPollStoredataBlc5K(); })();

Do you split the bill evenly if one person ordered way more?

Share

Comments

Related Posts