{"version":3,"file":"SinglePoll-BjoDzKGo.js","sources":["../../vue-src/components/SinglePoll.vue"],"sourcesContent":["<template>\n\t<div class=\"max-w-[853px] mx-auto\">\n<!--\t\t<span v-if=\"!inRelation\" class=\"font-semibold text-[20px] xl:text-[24px]\">Sonda {{ hasPollEnded ? '(zakończona)' : '' }}</span>-->\n\t\t<div :class=\"{'!bg-zt-light/30 !font-medium border-zt-light/60 border !text-sm px-[11px] xl:!px-[18px] xl:!py-2.5 xl:!text-base' : inRelation}\"\n          class=\"bg-[#313D51] mt-[9px] py-4 px-2.5 rounded-zt text-[16px] xl:text-base xl:mt-[13px] xl:px-10 xl:py-4\">\n\t\t\t<div  class=\"pb-2 xl:pb-4 xl:mx-6\"\n           :class=\"{ 'xl:!pb-2.5 xl:!mx-0' : inRelation }\">\n\t\t\t\t<span class=\"font-[500]\">SONDA: {{ pollData.title }} {{ hasPollEnded ? '(zakończona)' : '' }}</span>\n\t\t\t</div>\n\t\t\t<div class=\"flex flex-col gap-y-[6px] xl:gap-y-[11px] xl:mx-6\"\n           :class=\"{ 'xl:!mx-0' : inRelation }\">\n        <div v-for=\"(option, index) in pollOptions\" :key=\"option.id\"\n             :class=\"{ 'cursor-pointer zt-hover' : canUserVote, 'progress-selected' : option.id === selectedId || hasPollEnded,\n                       'progress after:!bg-[#3A4B64]' : !canUserVote && option.id !== selectedId && !hasPollEnded, '!py-[5px] xl:!py-[10px]' :inRelation }\"\n             :style=\"`--div-width: ${getWidthPercentage(option)}% `\"\n             class=\"w-full transition-all group flex gap-x-[18px] py-2.5 font-[500] border-2 border-[#415876] rounded-zt xl:py-[15px]\"\n             @click=\"selectOption(option.id, index)\">\n\t\t\t\t\t<div class=\"z-10 flex items-center mr-2\" :class=\"hasPollEnded ? '-ml-2.5 xl:pl-[6px] xl:-ml-0' : 'w-[15px] pl-[9px] xl:w-[36px] xl:pl-[18px]'\">\n            <svg v-if=\"option.id === selectedId && !hasPollEnded\" class=\"shrink-0\"\n                xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\n              <rect x=\"0.5\" y=\"0.5\" width=\"24\" height=\"24\" rx=\"12\" fill=\"\" :class=\"selectedId === option.id ? 'stroke-[#9B2733] fill-zt-red' : 'stroke-[#9B2733]'\"/>\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.3918 15.9467L5.30986 12.235L3.94922 13.4723L9.3918 18.4212L21.0545 7.81634L19.6938 6.5791L9.3918 15.9467Z\" fill=\"white\"/>\n            </svg>\n            <svg v-else-if=\"!hasPollEnded\" class=\"shrink-0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\n              <rect x=\"0.5\" y=\"0.5\" width=\"24\" height=\"24\" rx=\"12\" fill=\"#313D51\"/>\n              <rect x=\"0.5\" y=\"0.5\" width=\"24\" height=\"24\" rx=\"12\" stroke=\"#485C7A\"/>\n            </svg>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"w-full z-10 flex gap-x-5 justify-between\">\n\t\t\t\t\t\t<span>{{ option.title }}</span>\n            <Transition name=\"slide-fade\">\n              <div v-if=\"!canUserVote\" class=\"flex gap-x-[7px] items-center\">\n<!--                <span class=\"only-desktop text-sm font-medium text-zt-more\">-->\n<!--                  ({{ option.votes }})-->\n<!--                </span>-->\n                <span class=\"pr-5\">\n                  {{ sumOfVotes > 0 ? getWidthPercentage(option) : \"0\" }}%\n                </span>\n              </div>\n            </Transition>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n      <div v-if=\"!canUserVote\" class=\"text-center pt-4 flex justify-between xl:mx-6\">\n        <span class=\"text-sm\">\n          Zagłosowało: <span class=\"font-semibold\">{{ sumOfVotes }}</span>\n        </span>\n        <span class=\"text-zt-red underline zt-hover cursor-pointer text-sm\"\n              @click.stop=\"$emit('refresh')\" :class=\"{'pointer-events-none opacity-50' : hasPollEnded}\">\n          Odśwież\n        </span>\n      </div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'SinglePoll',\n\tinject: ['WP'],\n\tprops: ['pollData', 'pollOptions'],\n\tdata() {\n\t\treturn {\n\t\t\tselectedId: 0,\n\t\t\tcanUserVote: true,\n\t\t}\n\t},\n  computed: {\n    sumOfVotes() {\n      return Object.values(this.pollOptions).reduce((t, {votes}) => t + +votes, 0);\n    },\n    hasPollEnded() {\n      if (this.pollData.end_date) {\n        const pollEndDate = DateTime.fromSQL(this.pollData.end_date).ts;\n        const currentTime = DateTime.now().ts;\n        return currentTime > pollEndDate;\n      }\n      return false;\n    },\n    inRelation() {\n      return this.pollData.in_relation === '1';\n    }\n  },\n\tcreated() {\n\t\tthis.checkCanUserVote();\n\t\tlet interval = setInterval(() => {\n\t\t\tif (this.hasPollEnded) {\n\t\t\t\tthis.canUserVote = false;\n\t\t\t\tclearInterval(interval);\n\t\t\t}\n\t\t}, 1000);\n\t},\n\tmethods: {\n\t\tselectOption(option, index) {\n\t\t\tthis.checkCanUserVote();\n\t\t\tif (!this.canUserVote) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.selectedId = option;\n\t\t\taxios\n\t\t\t\t.post(this.WP.ajaxUrl, {\n\t\t\t\t\tendpoint: 'api_add_user_poll_vote',\n\t\t\t\t\tpoll_id: this.pollData.id,\n\t\t\t\t\toption_id: option,\n          commentary_id: this.pollData.postId,\n\t\t\t\t})\n\t\t\t\t.then(() => {\n\t\t\t\t\tthis.pollOptions[index].votes = +this.pollOptions[index].votes + 1;\n\t\t\t\t\tthis.canUserVote = false;\n\t\t\t\t});\n\t\t},\n\t\tcheckCanUserVote() {\n\t\t\tif (this.hasPollEnded) {\n\t\t\t\tthis.canUserVote = false;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\taxios\n\t\t\t\t.post(this.WP.ajaxUrl, {\n\t\t\t\t\tendpoint: 'api_can_user_vote_in_poll',\n\t\t\t\t\tpoll_id: this.pollData.id\n\t\t\t\t})\n\t\t\t\t.then((response) => {\n\t\t\t\t\tif (response.data.data !== true) {\n\t\t\t\t\t\tthis.canUserVote = false;\n\t\t\t\t\t\tthis.selectedId = response.data.data;\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t},\n\t\tgetWidthPercentage(option) {\n\t\t\treturn Math.round((+option.votes / this.sumOfVotes) * 100);\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.progress:after,\n.progress-selected:after {\n  content: '\\A';\n  position: absolute;\n  background: #3A4B64;\n  background-size: contain;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: var(--div-width);\n}\n\n.progress, .progress-selected {\n  position: relative;\n  @apply overflow-hidden\n}\n\n.slide-fade-enter-active {\n  transition: all 0.3s ease-out;\n}\n\n.slide-fade-leave-active {\n  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);\n}\n\n.slide-fade-enter-from,\n.slide-fade-leave-to {\n  transform: translateX(20px);\n  opacity: 0;\n}\n\n</style>"],"names":["_sfc_main","t","votes","pollEndDate","interval","option","index","response","_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_7","_hoisted_8","_hoisted_10","_hoisted_12","_hoisted_14","_hoisted_15","_openBlock","_createElementBlock","_normalizeClass","$options","_toDisplayString","$props","_Fragment","_renderList","$data","_normalizeStyle","_hoisted_4","_hoisted_5","_createCommentVNode","_hoisted_6","_hoisted_9","_createVNode","_Transition","_withCtx","_hoisted_11","_hoisted_13","_createTextVNode","_cache","_withModifiers","_ctx"],"mappings":"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"}