https://www.pressplay.cc/public/0ef28a1ade/js/chunk/components/mem…/badge.bundle.js?v=d2c5639a0ec459756f61

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[12368],{9326:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Ze});var r=a(6496),n={class:"badge-page py-2"},o={class:"container"},i={class:"container"},l={class:"badge-page-title"},c={class:"img-box"},d={class:"other-box"},s={class:"name-box"},m={class:"info-box mode-type-pc"},u={class:"info-item"},g={class:"info-item"},p={class:"info-item"},b={class:"info-box mode-type-mobile"},f={class:"info-item"},y={class:"info-item"},v={class:"info-item"},w={class:"badge-how-to-play"},h=(0,r.createElementVNode)("div",{class:"badge-guide-icon"},[(0,r.createElementVNode)("i",{class:"icon icon_lightbulb"})],-1),_={class:"badge-guide-info"},k={class:"badge-page-content"},E={class:"container"},B={class:"row"},N=(0,r.createElementVNode)("div",{class:"col-12"},[(0,r.createElementVNode)("div",{class:"badge-sub-title d-flex align-items-center"}," 獲得的成就 ")],-1),V=(0,r.createElementVNode)("div",{class:"col-12 mb-4"},[(0,r.createElementVNode)("div",{class:"p-3 badge-time-tip"},[(0,r.createTextVNode)(" 成就徽章將於"),(0,r.createElementVNode)("span",null,"每日凌晨 01:00 更新"),(0,r.createTextVNode)("，明天再回來看看唷！ ")])],-1),D={class:"badge-list"},C={class:"badge-list-title"},O={class:"badge-type-title"},S={class:"badge-count"},T={class:"badge-list-wrapper"},j=["onClick"],P={class:"badge-item-img"},x={key:0,class:"btn-box"},A=(0,r.createElementVNode)("i",{class:"icon icon_lock_fill"},null,-1),L={key:1,class:"btn-box"},M=(0,r.createElementVNode)("i",{class:"icon icon_lock_fill"},null,-1),I={class:"badge-item-title mt-2"},z={class:"row"},U={class:"col-12 mt-4 mb-5"},R={class:"badge-feedback"},F=(0,r.createElementVNode)("hr",{class:"m-0 line"},null,-1),Y=["href"],G={class:"badge-guide-info-dialog"},q=(0,r.createElementVNode)("div",{class:"guide-title"},[(0,r.createElementVNode)("div",null,[(0,r.createTextVNode)("完成任務即可"),(0,r.createElementVNode)("span",null,"獲得徽章及兌換獎勵")]),(0,r.createElementVNode)("div",null,"獎勵內容除了目前的點數之外，後續還會增加優惠券或其他驚喜哦！")],-1),H={class:"guide-img-container"},W=["src"],$={key:0,class:"badge-popup-content"},J={class:"badge-popup-body"},Q={class:"badge-item-img badge-popup-img"},K={class:"badge-popup-title"},X={class:"badge-popup-got-at"},Z={class:"mt-3 badge-popup-conditions container"},ee={class:"col-8 text-left condition-title"},te={class:"col-4 text-right condition-val"},ae={key:0,class:"mt-4 badge-popup-more-info"},re={key:0,class:"badge-popup-more-info-panel mb-2 text-left"},ne=(0,r.createElementVNode)("label",null,"可取得時間",-1),oe={key:0},ie={key:1},le={key:1,class:"badge-popup-more-info-panel text-left"},ce=(0,r.createElementVNode)("label",null,"須先獲得",-1),de={class:"container p-0"},se={class:"col-8 text-left title"},me={class:"col-4 text-right status"},ue={key:1,class:"badge-awards mt-3"},ge=(0,r.createElementVNode)("div",{class:"awards-title"},[(0,r.createElementVNode)("hr",{class:"m-0 line"}),(0,r.createElementVNode)("span",null,"達成獎勵")],-1);var pe=a(89590),be=a(42637),fe=a.n(be),ye=a(28085),ve=a(11017);function we(e){return we="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},we(e)}function he(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function _e(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?he(Object(a),!0).forEach((function(t){ke(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):he(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function ke(e,t,a){var r;return r=function(e,t){if("object"!=we(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=we(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==we(r)?r:r+"")in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var Ee=ve.A.API_CONFIG.API_HOST,Be=_e(_e({},ve.A),{},{getBadgeList:function(e){var t;return t=e.member_id?"".concat(Ee,"/member/").concat(e.member_id,"/profile/badges"):"".concat(Ee,"/member/profile/badges"),Be.run(t,"GET")},getBadgeData:function(e){var t="".concat(Ee,"/member/").concat(e.member_id,"/profile/badges/").concat(e.badge_id);return Be.run(t,"GET")},getRecentReadProjectCards:function(){var e="".concat(Ee,"/member/profile/recent_read_project_cards");return Be.run(e,"GET")},receiveBadgeAward:function(e){var t="".concat(Ee,"/member/profile/badges/award/receive/").concat(e.badge_award_id);return Be.run(t,"PATCH")}});const Ne=Be;function Ve(e){return Ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ve(e)}function De(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function Ce(e,t,a){var r;return r=function(e,t){if("object"!=Ve(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=Ve(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==Ve(r)?r:r+"")in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var Oe="Badge",Se={state:function(){return{}},mutations:{},actions:{},getters:{},namespaced:!0};!function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};

1t%2?De(Object(a),!0).forEach((function(t){Ce(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):De(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}}({module_name:Oe},Se);var Te={key:0,class:"badge-award-info"},je={class:"award-content"},Pe={class:"award-title"},xe={key:0,class:"pickup-status"},Ae={key:1,class:"point-info"};var Le=a(22219),Me=a.n(Le),Ie=a(51988);function ze(e){return ze="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ze(e)}function Ue(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function Re(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?Ue(Object(a),!0).forEach((function(t){Fe(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Ue(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function Fe(e,t,a){var r;return r=function(e,t){if("object"!=ze(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=ze(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==ze(r)?r:r+"")in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}const Ye={name:"BadgeAward",components:{},props:{propAward:{type:Object,default:null,required:!0}},data:function(){return{award:this.propAward,loading:!1,receivedErrorMessage:""}},computed:{awardTypeText:function(){switch(this.award.award_type){case"coupon":return"優惠券";case"gift_activate":return"禮物卡";case"points":return"點數";default:return""}},awardImg:function(){switch(this.award.award_type){case"coupon":return"/public/img/badge/image-coupon.svg";case"gift_activate":return this.award.award_image;case"points":return"/public/img/badge/image-point.svg";default:return""}},awardStartTimeUTC:function(){return null!==this.award.award_start_time?Me().tz(this.award.award_start_time,"Asia/Taipei").tz("UTC"):null},awardEndTimeUTC:function(){return null!==this.award.award_end_time?Me().tz(this.award.award_end_time,"Asia/Taipei").tz("UTC"):null},isBeforeAwardTime:function(){return null!==this.awardStartTimeUTC&&Me().tz("UTC").isBefore(this.awardStartTimeUTC)},isAfterAwardTime:function(){return null!==this.awardEndTimeUTC&&Me().tz("UTC").isAfter(this.awardEndTimeUTC)},hasMemberBadgeAward:function(){return null!==this.award.member_badge_award},hasPointRules:function(){return null!==this.award.point_rules},isPicked:function(){return null!==this.award.member_badge_award.pickup_at},pickUpStatus:function(){return null!==this.award.member_badge_award.pickup_at?"已領取獎勵":this.isBeforeAwardTime?"尚未開始領取":this.isAfterAwardTime?"已超過領取時間":"尚未領取"},pointInfo:function(){if(null!==this.award.point_rules){if(null!==this.award.point_rules.end_time){var e=Me()(this.award.point_rules.end_time,"YYYY-MM-DD").format("YYYY/MM/DD");return"點數使用期限 ".concat(e," 前")}if(-1!==this.award.point_rules.day_number)return"點數使用期限 ".concat(this.award.point_rules.day_number," 天內")}return""},pickUpButtonName:function(){return""!==this.receivedErrorMessage?this.receivedErrorMessage:null!==this.award.member_badge_award&&null!==this.award.member_badge_award.pickup_at?"已領取獎勵":this.isBeforeAwardTime?"尚未開始領取":this.isAfterAwardTime?"已超過領取時間":null!==this.award.member_badge_award?"領取獎勵":"尚未達成"},pickUpButtonDisabled:function(){return!1===this.hasMemberBadgeAward||(!0===this.loading||(""!==this.receivedErrorMessage||(!!this.isBeforeAwardTime||!!this.isAfterAwardTime)))}},watch:{},created:function(){},mounted:function(){},updated:function(){},unmounted:function(){},methods:Re(Re(Re({},(0,pe.mapActions)({})),(0,pe.mapMutations)({})),{},{receive:function(){var e=this;this.loading=!0;var t={badge_award_id:this.award.badge_award_id};Ne.receiveBadgeAward(t).success((function(t){e.loading=!1,e.award.member_badge_award=t.result;var a=null!==t.result.gift_code?t.result.gift_code:null;if("points"===e.award.award_type)Ie("body").trigger("reload-member-points");else Ie("body").trigger("reload-member-info");ye.hg.success({title:"".concat(e.awardTypeText,"領取成功"),html:"",showConfirmButton:!0},(function(){null!==a?window.location.href="/promotion/gift_card/".concat(a):window.location.reload()}))})).error((function(t){e.loading=!1,ye.hg.warning({title:"".concat(e.awardTypeText,"領取失敗"),html:t.message,showConfirmButton:!0})}))}})};var Ge=a(2912);const qe=(0,Ge.A)(Ye,[["render",function(e,t,a,n,o,i){var l=(0,r.resolve

1Component)("pp-button");return(0,r.openBlock)(),(0,r.createElementBlock)("div",{class:(0,r.normalizeClass)(["badge-award",{enable:i.hasMemberBadgeAward}])},[null!==o.award?((0,r.openBlock)(),(0,r.createElementBlock)("div",Te,[(0,r.createElementVNode)("div",{class:"award-image",style:(0,r.normalizeStyle)({backgroundImage:"url(".concat(i.awardImg,")")})},null,4),(0,r.createElementVNode)("div",je,[(0,r.createElementVNode)("div",Pe,(0,r.toDisplayString)(o.award.award_title),1),i.hasMemberBadgeAward?((0,r.openBlock)(),(0,r.createElementBlock)("div",xe,(0,r.toDisplayString)(i.pickUpStatus),1)):(0,r.createCommentVNode)("",!0)])])):(0,r.createCommentVNode)("",!0),""!==i.pointInfo?((0,r.openBlock)(),(0,r.createElementBlock)("div",Ae,(0,r.toDisplayString)(i.pointInfo),1)):(0,r.createCommentVNode)("",!0),!1===i.hasMemberBadgeAward||!0===i.hasMemberBadgeAward&&!1===i.isPicked?((0,r.openBlock)(),(0,r.createBlock)(l,{key:2,class:"mt-4",block:!0,fill:"fill",color:"primary",size:"lg",loading:o.loading,disabled:i.pickUpButtonDisabled,onClick:i.receive},{default:(0,r.withCtx)((function(){return[(0,r.createTextVNode)((0,r.toDisplayString)(i.pickUpButtonName),1)]})),_:1},8,["loading","disabled","onClick"])):(0,r.createCommentVNode)("",!0)],2)}]]);function He(e){return He="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},He(e)}function We(e){return function(e){if(Array.isArray(e))return $e(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return $e(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return $e(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $e(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}function Je(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function Qe(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?Je(Object(a),!0).forEach((function(t){Ke(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Je(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function Ke(e,t,a){var r;return r=function(e,t){if("object"!=He(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=He(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==He(r)?r:r+"")in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}ye.wz.register([{rel:"stylesheet",type:"text/css",href:"public/[WEB_VER]/css/page/v2/member/badge/index.css"}]);const Xe={name:"Badge",components:{BadgeAward:qe,PpMarkdown:(0,r.defineAsyncComponent)((function(){return a.e(66637).then(a.bind(a,47517))}))},beforeRouteEnter:function(e,t,a){a((function(t){t.type=e.params.member_id?"someone":"me";var a={member_id:e.params.member_id};t.badgeListLoading=!0,Ne.getBadgeList(a).success((function(e){t.member=e.data.member,t.status.TimelineReadCount=e.data.status.TimelineReadCount,t.status.CollectedCount=e.data.status.CollectedCount,t.status.StraightLoginDays=e.data.status.StraightLoginDays,t.badgeList=e.data.badgeList,t.badgeListLoading=!1}))}))},beforeRouteUpdate:function(e,t,a){a()},beforeRouteLeave:function(e,t,a){a()},props:{member_id:{type:String,default:void 0,required:!1}},data:function(){return{type:"me",showModal:!1,member:{member_id:"",username:"",nickname:"",head_ph

1oto:""},status:{TimelineReadCount:0,CollectedCount:0,StraightLoginDays:0},badgeList:[],badgeListLoading:!1,recentReadProjectCards:null,displayBadgeModal:!1,modalBadgeData:{badge:null,awards:[],conditions:[],depend:[]},modalBadgeDataLoading:!1,dialogProps:{id:"badge-info-dialog",title:"我是標題",divide:!0,clickOutsideClose:!0,footerFlag:!0,closeButtonFlag:!0,cancelButtonFlag:!1,cancelButtonLoading:!1,cancelButtonDisabled:!1,cancelButtonText:"取消",confirmButtonFlag:!1,confirmButtonLoading:!1,confirmButtonDisabled:!1,confirmButtonText:"確定",linkUrl:"",linkText:"",trigger:!1,size:"sm"},trigger:!1}},computed:Qe(Qe({},(0,pe.mapGetters)(["MemberInfo"])),{},{bindBlock:function(){return{block_name:"recent_read_project",block_title:"最近在學",num:4,block_type:"common"}},badges:function(){var e=[];return this.badgeList.forEach((function(t){e=[].concat(We(e),We(t.badges))})),e},ownedBadgeIds:function(){return this.badges.filter((function(e){return e.is_owned})).map((function(e){return e.badge_id}))},block_data_ids:function(){var e=this;if(e.recentReadProjectCards&&e.recentReadProjectCards.length>0)return e.recentReadProjectCards.filter((function(e){return e.project_id}))}}),watch:{},beforeCreate:function(){this.$store.hasModule(Oe)||this.$store.registerModule(Oe,Se)},created:function(){},mounted:function(){},updated:function(){},unmounted:function(){},methods:Qe(Qe(Qe({},(0,pe.mapActions)({})),(0,pe.mapMutations)({})),{},{calcOwnedBadgeCount:function(e){var t=0;return e.forEach((function(e){e.is_owned&&(t+=1)})),t},showBadgeModal:function(e){var t=this,a={badge_id:e.badge_id,member_id:this.member.member_id};Ne.getBadgeData(a).success((function(a){t.modalBadgeData.badge=a.data.badge,t.modalBadgeData.awards=a.data.awards,t.modalBadgeData.conditions=a.data.conditions,t.modalBadgeData.depend=a.data.depend,e.read_at=a.data.badge.read_at,t.dialogProps.title=a.data.badge.badge_title,t.dialogProps.trigger=(new Date).getTime()}))},formatDateTime:function(e){return fe()(e).format("YYYY/MM/DD HH:mm")},checkCanGet:function(e){if(null!==e.start_time&&new Date(e.start_time).getTime()>(new Date).getTime())return!1;var t=null!==e.depend_badge?JSON.parse(e.depend_badge):[];if(t.length>0)for(var a=0;a<t.length;a+=1)if(-1===this.ownedBadgeIds.indexOf(t[a]))return!1;return!0},getBadgeListImage:function(e){return null===e.badge_img_list?e.badge_img:e.badge_img_list},closeDialog:function(){},cancelDialog:function(e){(0,e.close)()},open:function(){this.trigger=(new Date).getTime()}})},Ze=(0,Ge.A)(Xe,[["render",function(e,t,a,pe,be,fe){var ye=(0,r.resolveComponent)("pp-breadcrumb"),ve=(0,r.resolveComponent)("pp-avatar"),we=(0,r.resolveComponent)("pp-button"),he=(0,r.resolveComponent)("pp-dialog"),_e=(0,r.resolveComponent)("pp-markdown"),ke=(0,r.resolveComponent)("badge-award");return(0,r.openBlock)(),(0,r.createElementBlock)("div",n,[(0,r.createElementVNode)("div",o,[(0,r.createVNode)(ye)]),(0,r.createElementVNode)("div",i,[(0,r.createElementVNode)("div",l,[(0,r.createElementVNode)("div",c,[be.member.member_id?((0,r.openBlock)(),(0,r.createBlock)(ve,{key:0,size:"xxxlg",image:be.member.head_photo?be.member.head_photo:void 0},null,8,["image"])):(0,r.createCommentVNode)("",!0)]),(0,r.createElementVNode)("div",d,[(0,r.createElementVNode)("div",s,(0,r.toDisplayString)(be.member.nickname||be.member.username),1),(0,r.createElementVNode)("div",m,[(0,r.createElementVNode)("div",u,[(0,r.createTextVNode)(" 學習了 "),(0,r.createElementVNode)("span",null,(0,r.toDisplayString)(be.status.TimelineReadCount),1),(0,r.createTextVNode)(" 篇內容 ")]),(0,r.createElementVNode)("div",g,[(0,r.createTextVNode)(" 收藏了 "),(0,r.createElementVNode)("span",null,(0,r.toDisplayString)(be.status.CollectedCount),1),(0,r.createTextVNode)(" 篇內容 ")]),(0,r.createElementVNode)("div",p,[(0,r.createTextVNode)(" 連續回訪了 "),(0,r.createElementVNode)("span",null,(0,r.toDisplayString)(be.status.StraightLoginDays),1),(0,r.createTextVNode)(" 天 ")])]),(0,r.createElementVNode)("div",b,[(0,r.createElementVNode)("div",f,[(0,r.createElementVNode)("span",null,(0,r.toDisplayString)(be.status.TimelineReadCount),1),(0,r.createTextVNode)("看過的內容 ")]),(0,r.createElementVNode)("div",y,[(0,r.createElementVNode)("span",null,(0,r.toDisplayString)(be.status.CollectedCount),1),(0,r.createTextVNode)("收藏 ")]),(0,r.createElementVNode)("div",v,[(0,r.createElementVNode)("span",null,(0,r.toDisplayString)(be.status.StraightLoginDays),1),(0,r.createTextVNode)("連續回訪 ")])]),(0,r.createElementVNode)("div",w,[h,(0,r.createElementVNode)("div",_,[(0,r.createTextVNode)(" 完成任務累積成就，即可獲得徽章、點數或甜美的獎勵！ "),(0,r.createElementVNode)("span",{onClick:t[0]||(t[0]=function(){return fe.open&&fe.open.apply(fe,arguments)})}," 成就怎麼玩！ ")])])])])]),(0,r.createElementVNode)("div",k,[(0,r.createElementVNode)("div",E,[(0,r.createElementVNode)("div",B,[N,V,((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(be.badgeList,(function(e,t){return(0,r.openBlock)(),(0,r.createElementBlock)("div",{key:t,class:"col-12 my-3 my-md-4"},[(0,r.createElementVNode)("div",D,[(0,r.createElementVNode)("div",C,[(0,r.createElementVNode)("p",O,(0,r.toDisplayString)(e.type_title),1),(0,r.createElementVNode)("p",S,[(0,r.createElementVNode)("span",null,(0,r.toDisplayString)(fe.calcOwnedBadgeCount(e.badges).toLocaleStr

1ing("zh-TW",{minimumIntegerDigits:2})),1),(0,r.createTextVNode)(" / "+(0,r.toDisplayString)(e.badges.length.toLocaleString("zh-TW",{minimumIntegerDigits:2})),1)])]),(0,r.createElementVNode)("div",T,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.badges,(function(e,t){return(0,r.openBlock)(),(0,r.createElementBlock)("div",{key:t,class:(0,r.normalizeClass)(["badge-list-item",{"new-get":"me"===be.type&&e.is_owned&&null===e.read_at}]),onClick:function(t){return fe.showBadgeModal(e)}},[(0,r.createElementVNode)("div",P,[(0,r.createElementVNode)("div",{class:(0,r.normalizeClass)(["img-box",{isGet:e.is_owned}]),style:(0,r.normalizeStyle)({backgroundImage:"url(".concat(fe.getBadgeListImage(e),")")})},null,6),e.is_owned||!0!==fe.checkCanGet(e)?(0,r.createCommentVNode)("",!0):((0,r.openBlock)(),(0,r.createElementBlock)("div",x,[A,(0,r.createTextVNode)("尚未獲得 ")])),e.is_owned||!1!==fe.checkCanGet(e)?(0,r.createCommentVNode)("",!0):((0,r.openBlock)(),(0,r.createElementBlock)("div",L,[M,(0,r.createTextVNode)("尚無法取得 ")]))]),(0,r.createElementVNode)("div",I,(0,r.toDisplayString)(e.badge_title),1)],10,j)})),128))])])])})),128))]),(0,r.createElementVNode)("div",z,[(0,r.createElementVNode)("div",U,[(0,r.createElementVNode)("div",R,[F,(0,r.createElementVNode)("span",null,[(0,r.createTextVNode)(" 你的成就計算有誤嗎？ "),(0,r.createElementVNode)("a",{target:"_blank",href:"https://docs.google.com/forms/d/e/1FAIpQLScZx_bi2jA-rhED98sLUQwUR8LrGtK2raTLXsMgl44cJTwOqw/viewform?usp=pp_url&entry.379725983=".concat(e.MemberInfo.member_email)},"點擊這裡",8,Y),(0,r.createTextVNode)(" 告訴我們可獲得神秘小禮物 ")])])])])])]),(0,r.createVNode)(he,(0,r.mergeProps)({trigger:be.trigger},{id:"badge-guide-info-dialog",title:"成就玩法說明",divide:!0,clickOutsideClose:!0,footerFlag:!0,closeButtonFlag:!0,cancelButtonFlag:!1,size:"md",round:!0,fullscreen:!1},{onOpen:e.openCallback,onClose:e.closeCallback}),{default:(0,r.withCtx)((function(){return[(0,r.createElementVNode)("div",G,[q,(0,r.createElementVNode)("div",H,[((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(3,(function(e){return(0,r.createElementVNode)("div",{key:e,class:"guide-img"},[(0,r.createElementVNode)("img",{src:"/public/img/badge/Achieve_".concat(e,".gif"),alt:"badge_guide_img"},null,8,W)])})),64))])])]})),confirm:(0,r.withCtx)((function(e){var t=e.close;return[(0,r.createVNode)(we,{tag:"button",fill:"fill",color:"primary",size:"lg",onClick:function(e){return t()}},{default:(0,r.withCtx)((function(){return[(0,r.createTextVNode)(" 我瞭解了 ")]})),_:2},1032,["onClick"])]})),_:1},16,["trigger","onOpen","onClose"]),(0,r.createVNode)(he,(0,r.mergeProps)(be.dialogProps,{onCancel:fe.cancelDialog,onClose:fe.closeDialog}),{default:(0,r.withCtx)((function(){return[null!==be.modalBadgeData.badge?((0,r.openBlock)(),(0,r.createElementBlock)("div",$,[(0,r.createElementVNode)("div",J,[(0,r.createElementVNode)("div",Q,[(0,r.createElementVNode)("div",{class:(0,r.normalizeClass)(["img-box",{isGet:be.modalBadgeData.badge.is_owned}]),style:(0,r.normalizeStyle)({backgroundImage:"url(".concat(be.modalBadgeData.badge.badge_img)})},null,6)]),(0,r.createElementVNode)("div",K,(0,r.toDisplayString)(be.modalBadgeData.badge.badge_title),1),(0,r.createVNode)(_e,{content:be.modalBadgeData.badge.badge_desc,"custom-setting":["heading","blockquote","link","strong","paragraph","italic","strikethrough","quote","ul","image","list","listitem","em","codespan","del","text"],"force-target-blank":!0},null,8,["content"]),(0,r.createElementVNode)("div",X,(0,r.toDisplayString)(be.modalBadgeData.badge.got_at),1),(0,r.createElementVNode)("div",Z,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(be.modalBadgeData.conditions,(function(e){return(0,r.openBlock)(),(0,r.createElementBlock)("div",{key:e.exp_id,class:"condition row justify-content-center"},[(0,r.createElementVNode)("div",ee,(0,r.toDisplayString)(e.exp_title),1),(0,r.createElementVNode)("div",te,(0,r.toDisplayString)(e.member_exp_val)+" / "+(0,r.toDisplayString)(e.val),1)])})),128))]),null!==be.modalBadgeData.badge.start_time||null!==be.modalBadgeData.badge.end_time||be.modalBadgeData.depend.length>0?((0,r.openBlock)(),(0,r.createElementBlock)("div",ae,[null!==be.modalBadgeData.badge.start_time||null!==be.modalBadgeData.badge.end_time?((0,r.openBlock)(),(0,r.createElementBlock)("div",re,[ne,(0,r.createElementVNode)("div",null,[be.modalBadgeData.badge.start_time?((0,r.openBlock)(),(0,r.createElementBlock)("span",oe,(0,r.toDisplayString)(fe.formatDateTime(be.modalBadgeData.badge.start_time)),1)):(0,r.createCommentVNode)("",!0),(0,r.createTextVNode)(" ～ "),be.modalBadgeData.badge.end_time?((0,r.openBlock)(),(0,r.createElementBlock)("span",ie,(0,r.toDisplayString)(fe.formatDateTime(be.modalBadgeData.badge.end_time)),1)):(0,r.createCommentVNode)("",!0)])])):(0,r.createCommentVNode)("",!0),be.modalBadgeData.depend.length>0?((0,r.openBlock)(),(0,r.createElementBlock)("div",le,[ce,(0,r.createElementVNode)("div",de,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(be.modalBadgeData.depend,(function(e){return(0,r.openBlock)(),(0,r.createElementBlock)("div",{key:e.badge_id,class:(0,r.normalizeClass)([{got_it:e.got_it},"mt-1 row depend_badge"])},[(0,r.createElementVNode)("div",se,(0,r.toDisplayString)(e.badge_title),1),(0,r.createElementVNode)("div",me,(0,r.toDisplayString)(e.got_it?"獲得":"未獲得"),1)],2)})),128))])])):(0,r.createCommentVNode)("",!0)])):(0,r.createCommentVNode)("",!0),be.modalBadgeData.awards.length>0?((0,r.openBlock)(),(0,r.createElementBlock)("div",ue,[ge,((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(be.modalBadgeData.awards,(function(e){return(0,r.openBlock)(),(0,r.createBlock)(ke,{key:e.badge_award_id,"prop-award":e,class:"mt-3"},null,8,["prop-award"])})),128))])):(0,r.createCommentVNode)("",!0)])])):(0,r.createCommentVNode)("",!0)]})),_:1},16,["onCancel","onClose"])])}]])}}]);