// this is an example of what the data will look like when a user imports your component window.dataBlc5K = {}; dataBlc5K['question'] = 'What kind of pizza do you prefer'; dataBlc5K['pollDays'] = '7'; dataBlc5K['pollHours'] = '0'; dataBlc5K['pollSelection'] = {"userInput":{"poll_question":[null,1],"poll_user_count":null},"aggregateValues":{"poll_question":[6,5,null],"poll_user_count":11},"userInputMeta":{"created":null,"modified":null}}; dataBlc5K['options'] = [{},{}]; dataBlc5K['options'][0]['image'] = {"src":"https://d1pymbn96bwdg3.cloudfront.net/uploads/1/6PbCIf25.jpg","srcset":"https://d1pymbn96bwdg3.cloudfront.net/uploads/1/6PbCIf25-480w.jpg 480w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/6PbCIf25-720w.jpg 720w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/6PbCIf25-960w.jpg 960w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/6PbCIf25-1440w.jpg 1440w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/6PbCIf25-1920w.jpg 1920w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/6PbCIf25.jpg 2400w"}; dataBlc5K['options'][1]['image'] = {"src":"https://d1pymbn96bwdg3.cloudfront.net/uploads/1/sPYs3QU1.jpg","srcset":""}; dataBlc5K['options'][0]['option'] = 'Pepperoni'; dataBlc5K['options'][1]['option'] = 'Cheese';

' ); } 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(); })();

Poll

About

Preview

Trending Posts with this component