https://web-stg.youtooapp.com/js/5718.2bbee0ac.js

1"use strict";(self["webpackChunkyoutoo"]=self["webpackChunkyoutoo"]||[]).push([[5718],{9207:function(t,s,e){e.d(s,{Z:function(){return c}});var i,o,a={methods:{rowStyleClassFn(t){return t===this.$YouToo.Enums.Status.COMPLETED||t===this.$YouToo.Enums.Status.CANCELED?"disabled-row":""},tooltipEdit(t){return t===this.$YouToo.Enums.Status.COMPLETED||t===this.$YouToo.Enums.Status.CANCELED?"View":"Edit"},getStatus(t){switch(t){case this.$YouToo.Enums.Status.DRAFT:return"(draft)";case this.$YouToo.Enums.Status.PUBLISHED:return"";case this.$YouToo.Enums.Status.COMPLETED:return"(completed)";default:return"(canceled)"}},isDraft(t){return t===this.$YouToo.Enums.Status.DRAFT},isPublish(t){return t===this.$YouToo.Enums.Status.PUBLISHED},isCompleted(t){return t===this.$YouToo.Enums.Status.COMPLETED},isCancel(t){return t===this.$YouToo.Enums.Status.CANCELED}}},l=a,n=e(3736),r=(0,n.Z)(l,i,o,!1,null,null,null),c=r.exports},5718:function(t,s,e){e.r(s),e.d(s,{default:function(){return h}});var i=function(){var t=this,s=t._self._c;return s("div",[s("div",{staticClass:"group-single__headline mb-30 w-100"},[s("c-button",{staticClass:"ml-auto px-15 btn-mobile-fixed",attrs:{variant:"info",size:"md-576",tag:"button"},on:{click:function(s){return t.onEditPost()}}},[t._v(" Add post ")])],1),s("span",{staticClass:"btn-show-group-details",on:{click:function(s){return t.$emit("minimizedInfo")}}},[s("svg",{attrs:{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",width:"25",role:"presentation",focusable:"false",tabindex:"-1"}},[s("circle",{attrs:{cx:"15",cy:"15",r:"15",fill:"#2889FC"}}),s("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.333 15c0-.368.264-.667.589-.667h8.823c.325 0 .588.299.588.667 0 .368-.263.667-.588.667H7.922c-.325 0-.589-.299-.589-.667z",fill:"#fff"}}),s("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17.138 14.529c.26.26.26.682 0 .942l-4 4a.667.667 0 01-.943-.942l4-4c.26-.26.683-.26.943 0z",fill:"#fff"}}),s("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.195 10.529c.26-.26.683-.26.943 0l4 4a.667.667 0 01-.943.942l-4-4a.667.667 0 010-.942zM19.333 10.333c.369 0 .667.299.667.667v8a.667.667 0 01-1.333 0v-8c0-.368.298-.667.666-.667z",fill:"#fff"}})])]),t.rowsPosts?s("vue-good-table",{staticClass:"custom-table custom-table-posts",attrs:{columns:t.columnsPosts,rows:t.rowsPosts,"search-options":{enabled:!0,placeholder:"Search"},"pagination-options":{enabled:t.tablesPaginationEnable,prevLabel:"",nextLabel:""},"row-style-class":s=>t.rowStyleClassFn(s.postStatus),"sort-options":{enabled:!0,initialSortBy:{field:"postStatusUpdatedOnUtc",type:"desc"}}},on:{"on-page-change":function(s){return t.windowScrollToTop()}},scopedSlots:t._u([{key:"table-row",fn:function(e){return["postStatusUpdatedOnUtc"===e.column.field?s("div",{staticClass:"responsive-cell"},[t._v(" "+t._s(e.row.postStatusUpdatedOnUtc)+" ")]):t._e(),"title"===e.column.field?s("div",{staticClass:"responsive-cell title-wrapp"},[s("div",{staticClass:"responsive-cell__desktop",on:{mouseover:function(s){return t.tooltipText(e)}}},[s("span",{directives:[{name:"tooltip",rawName:"v-tooltip.top-start",value:t.tooltipTitle,expression:"tooltipTitle",modifiers:{"top-start":!0}}],ref:`title-${e.index}`,staticClass:"title",class:t.getClassByStatus(e.row.postStatus),on:{click:function(s){return t.onEditPost(e.row.id)}}},[t._v(" "+t._s(e.row.title)+" ")]),s("span",{staticClass:"status"},[t._v(" "+t._s(t.getStatus(e.row.postStatus)))])]),s("div",{staticClass:"responsive-cell__mobile"},[s("div",{staticClass:"responsive-cell__mobile-top"},[s("div",{staticClass:"details-row"},[s("div",{staticClass:"details-row__col"},[s("span",[t._v("Name")]),s("p",{staticClass:"title",class:t.getClassByStatus(e.row.postStatus),on:{click:function(s){return t.onEditPost(e.row.id)}}},[t._v(t._s(e.row.title))])]),s("div",{staticClass:"details-row__col"},[s("span",[t._v("When")]),e.row.postStatusUpdatedOnUtc?s("p",[t._v(" "+t._s(t.$moment.utc(e.row.postStatusUpdatedOnUtc).local().format("MM/DD/YYYY"))+" ")]):t._e()])])]),s("div",{staticClass:"responsive-cell__mobile-bottom"},[s("div",{staticClass:"bottom-buttom--wrapp"},[s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:t.tooltipEdit(e.row.postStatus),expression:"tooltipEdit(props.row.postStatus)"}],attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onEditPost(e.row.id)}}},[s("svg",{attrs:{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",role:"presentation",focusable:"false",tabindex:"-1"}},[s("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.563 6.112a3.288 3.288 0 00-2.992.68l-.183.171L7.505 17.845a1.008 1.008 0 00-.26.448l-1.208 4.433a1.008 1.008 0 001.237 1.237l4.433-1.209c.17-.046.324-.135.448-.26l10.882-10.882a3.288 3.288 0 00-1.474-5.5zm.049 4.075L10.919 20.88l-2.474.675.675-2.474L19.813 8.388a1.272 1.272 0 011.799 1.8z",fill:"#2889FC"}})])]),s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Delete",expression:"'Delete'"}],staticClass:"ml-15 remove-btn",attrs:{variant:"plain",tag:"button",disabled:!t.isDraft(e.row.postStatus)},on:{click:function(s){return t.onDeletePost(e.row.id,e.row.title)}}},[s("svg",{attrs:{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",role:"presentation",focusable:"false",tabindex:"-1"}},[s("path",{attrs:{d:"M10.508 8.636v-.909c0-1.51 1.208-2.727 2.689-2.727h3.606c1.482 0 2.689 1.217 2.689 2.727v.91h3.623c.489 0 .885.406.885.908a.897.897 0 01-.885.91h-.918v11.818c0 1.51-1.208 2.727-2.689 2.727h-9.016c-1.481 0-2.689-1.217-2.689-2.727V10.454h-.918A.897.897 0 016 9.545c0-.502.396-.909.885-.909h3.623zm1.77 0h5.443v-.909a.914.914 0 00-.918-.909h-3.606c-.51 0-.918.411-.918.91v.908zm8.148 1.819H9.574v11.818c0 .498.407.909.918.909h9.016c.51 0 .918-.411.918-.91V10.456z",fill:"#ED4967"}})])]),s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Duplicate",expression:"'Duplicate'"}],staticClass:"ml-15",attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onCopyPost(e.row.id)}}},[s("svg",{attrs:{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",role:"presentation",focusable:"false",tabindex:"-1"}},[s("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M22.333 6.625h-8c-.515 0-.933.392-.933.875v1.25h2.267c1.472 0 2.666 1.12 2.666 2.5v8.375h4c.516 0 .934-.392.934-.875V7.5c0-.483-.418-.875-.934-.875zm-4 14.625h4c1.473 0 2.667-1.12 2.667-2.5V7.5C25 6.12 23.806 5 22.333 5h-8c-1.472 0-2.666 1.12-2.666 2.5v1.25h-4C6.194 8.75 5 9.87 5 11.25V22.5C

15 23.88 6.194 25 7.667 25h8c1.472 0 2.666-1.12 2.666-2.5v-1.25zm-11.6-10c0-.483.418-.875.934-.875h8c.515 0 .933.392.933.875V22.5c0 .483-.418.875-.933.875h-8c-.516 0-.934-.392-.934-.875V11.25z",fill:"#2889FC"}})])])],1),s("div",{staticClass:"bottom-buttom--wrapp"},[t.isDraft(e.row.postStatus)?s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Click to publish",expression:"'Click to publish'"}],staticClass:"ml-auto btn-publish",attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onPublishPost(e.row.id,e.row.title)}}},[s("svg",{attrs:{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",height:"24px",width:"24px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("circle",{attrs:{cx:"10",cy:"10",r:"10",fill:"#909DB1"}}),s("g",{attrs:{"clip-path":"url(#clip0_14374_87201)"}},[s("path",{attrs:{d:"M13.869 6.058a.313.313 0 00-.326-.023l-9.375 4.896a.313.313 0 00.043.573l2.607.891 5.55-4.746-4.295 5.175 4.368 1.493a.314.314 0 00.41-.25l1.146-7.708a.313.313 0 00-.128-.301z",fill:"#fff"}})]),s("defs",[s("clipPath",{attrs:{id:"clip0_14374_87201"}},[s("path",{attrs:{fill:"#fff",transform:"translate(4 5)",d:"M0 0h10v10H0z"}})])])]),t._v(" Tap to publish ")]):t._e(),t.isPublish(e.row.postStatus)?s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Click to cancel",expression:"'Click to cancel'"}],staticClass:"ml-auto btn-cancel",attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onCancelPost(e.row.id,e.row.title)}}},[s("svg",{attrs:{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",height:"25px",width:"24px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("circle",{attrs:{cx:"10",cy:"10",r:"10",fill:"#2889FC"}}),s("path",{attrs:{d:"M10 3.692a.77.77 0 01.77.77v5.063l3.266 1.633a.77.77 0 01-.688 1.376l-3.692-1.846A.77.77 0 019.23 10V4.462a.77.77 0 01.769-.77z",fill:"#fff"}})]),t._v(" Published ")]):t._e(),t.isCancel(e.row.postStatus)?s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Canceled",expression:"'Canceled'"}],staticClass:"ml-auto btn-canceled btn-no-action",attrs:{variant:"plain",tag:"button"}},[s("svg",{attrs:{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",height:"16px",width:"16px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("g",{attrs:{opacity:".7"}},[s("circle",{attrs:{cx:"10",cy:"10",r:"10",fill:"#ED4967"}}),s("path",{attrs:{d:"M6 14l8-8m0 8L6 6",stroke:"#FAFBFD","stroke-width":"1.5","stroke-linecap":"round"}})])]),t._v(" Canceled ")]):t._e()],1)])])]):t._e(),"action"===e.column.field?s("div",{staticClass:"group-actions"},[s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:t.tooltipEdit(e.row.postStatus),expression:"tooltipEdit(props.row.postStatus)"}],staticClass:"edit-btn",attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onEditPost(e.row.id)}}},[s("svg",{attrs:{width:"18",height:"18",viewBox:"0 0 19 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",tabindex:"-1","svg-inline":"",height:"18px",width:"18px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.769.112a3.364 3.364 0 00-3.032.68l-.186.171L1.525 11.845a1.005 1.005 0 00-.263.448L.037 16.726c-.208.752.492 1.443 1.254 1.237l4.492-1.209c.171-.046.327-.135.453-.26L17.262 5.613a3.258 3.258 0 00.862-3.175A3.31 3.31 0 0015.769.112zm.05 4.075L4.983 14.88l-2.507.675.684-2.474L13.995 2.388a1.3 1.3 0 011.245-.33c.445.118.793.461.912.9.119.44-.008.908-.334 1.23z",fill:"#909DB1"}})])]),s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Delete",expression:"'Delete'"}],staticClass:"ml-15 remove-btn",attrs:{variant:"plain",tag:"button",disabled:!t.isDraft(e.row.postStatus)},on:{click:function(s){return t.onDeletePost(e.row.id,e.row.title)}}},[s("svg",{attrs:{width:"21",height:"21",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",tabindex:"-1","svg-inline":"",height:"21px",width:"21px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("path",{attrs:{d:"M5.329 4V3c0-1.661 1.427-3 3.178-3h4.263c1.751 0 3.178 1.339 3.178 3v1h4.283c.578 0 1.046.448 1.046 1s-.468 1-1.046 1h-1.085v13c0 1.661-1.428 3-3.178 3H5.31c-1.751 0-3.178-1.339-3.178-3V6H1.046C.468 6 0 5.552 0 5s.468-1 1.046-1H5.33zm2.093 0h6.433V3c0-.548-.481-1-1.085-1H8.507c-.604 0-1.085.452-1.085 1v1zm9.63 2H4.225v13c0 .548.482 1 1.086 1h10.658c.603 0 1.085-.452 1.085-1V6z",fill:"#909DB1"}})])]),s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Duplicate",expression:"'Duplicate'"}],staticClass:"ml-15 edit-btn",attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onCopyPost(e.row.id)}}},[s("svg",{attrs:{width:"24",height:"23",viewBox:"0 0 23 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",tabindex:"-1","svg-inline":"",height:"23px",width:"24px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.933 1.95h-9.2c-.593 0-1.073.47-1.073 1.05v1.5h2.607c1.693 0 3.066 1.343 3.066 3v10.05h4.6c.593 0 1.074-.47 1.074-1.05V3c0-.58-.48-1.05-1.074-1.05zm-4.6 17.55h4.6c1.694 0 3.067-1.343 3.067-3V3c0-1.657-1.373-3-3.067-3h-9.2C9.04 0 7.667 1.343 7.667 3v1.5h-4.6C1.373 4.5 0 5.843 0 7.5V21c0 1.657 1.373 3 3.067 3h9.2c1.693 0 3.066-1.343 3.066-3v-1.5zm-13.34-12c0-.58.48-1.05 1.074-1.05h9.2c.593 0 1.073.47 1.073 1.05V21c0 .58-.48 1.05-1.073 1.05h-9.2c-.593 0-1.074-.47-1.074-1.05V7.5z",fill:"#909DB1"}})])]),t.isDraft(e.row.postStatus)?s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Click to publish",expression:"'Click to publish'"}],staticClass:"ml-15 edit-btn-fill",attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onPublishPost(e.row.id,e.row.title)}}},[s("svg",{attrs:{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",height:"24px",width:"24px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("circle",{attrs:{cx:"10",cy:"10",r:"10",fill:"#909DB1"}}),s("g",{attrs:{"clip-path":"url(#clip0_14374_87201)"}}

1,[s("path",{attrs:{d:"M13.869 6.058a.313.313 0 00-.326-.023l-9.375 4.896a.313.313 0 00.043.573l2.607.891 5.55-4.746-4.295 5.175 4.368 1.493a.314.314 0 00.41-.25l1.146-7.708a.313.313 0 00-.128-.301z",fill:"#fff"}})]),s("defs",[s("clipPath",{attrs:{id:"clip0_14374_87201"}},[s("path",{attrs:{fill:"#fff",transform:"translate(4 5)",d:"M0 0h10v10H0z"}})])])])]):t._e(),t.isPublish(e.row.postStatus)?s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Click to cancel",expression:"'Click to cancel'"}],staticClass:"ml-15 edit-btn-fill",attrs:{variant:"plain",tag:"button"},on:{click:function(s){return t.onCancelPost(e.row.id,e.row.title)}}},[s("svg",{attrs:{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",height:"25px",width:"24px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("circle",{attrs:{cx:"10",cy:"10",r:"10",fill:"#2889FC"}}),s("path",{attrs:{d:"M10 3.692a.77.77 0 01.77.77v5.063l3.266 1.633a.77.77 0 01-.688 1.376l-3.692-1.846A.77.77 0 019.23 10V4.462a.77.77 0 01.769-.77z",fill:"#fff"}})])]):t._e(),t.isCancel(e.row.postStatus)?s("c-button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:"Canceled",expression:"'Canceled'"}],staticClass:"ml-15 btn-no-action",attrs:{variant:"plain",tag:"button"}},[s("svg",{attrs:{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","svg-inline":"",height:"24px",width:"24px",role:"presentation",focusable:"false",tabindex:"-1"}},[s("g",{attrs:{opacity:".7"}},[s("circle",{attrs:{cx:"10",cy:"10",r:"10",fill:"#ED4967"}}),s("path",{attrs:{d:"M6 14l8-8m0 8L6 6",stroke:"#FAFBFD","stroke-width":"1.5","stroke-linecap":"round"}})])])]):t._e()],1):t._e()]}}],null,!1,4027263290)}):t._e()],1)},o=[],a=e(5206),l=e(6615),n=e(9207),r=e(3827),c={mixins:[n.Z,l.Z,r.Z],components:{"vue-good-table":a.K},props:{rowsPosts:{default:null,type:Array}},data(){return{columnsPosts:[{label:"Title",field:"title",width:"calc(85% - 170px)",thClass:"desktop-only",tdClass:"ellipsis"},{label:"When",field:"postStatusUpdatedOnUtc",width:"15%",tdClass:"desktop-only",thClass:"desktop-only"},{label:"",field:"action",filterable:!1,sortable:!1,width:"170px",tdClass:"col-actions desktop-only",thClass:"desktop-only"}],tooltipTitle:"",tablesPaginationEnable:!0}},methods:{onEditPost(t=0){t?this.$store.dispatch("setCurrentPost",t):(this.$store.dispatch("setCurrentPost",0),this.$store.dispatch("setActiveModal",this.$YouToo.Enums.ModalType.POST))},onCopyPost(t){this.$store.commit("setDuplicate",t),this.onEditPost(t)},async onPublishPost(t,s){this.$YouToo.Popup(this.$YouToo.Enums.PopupType.PUBLISH_POST,s).then((async e=>{if(e){let e=!1;try{this.setLoadingStatus(!0);const i=await this.makeRequest(["API_POST_ID_PUBLISH",t],"POST");e=200===i?.status}finally{await this.reloadGroup(),this.setLoadingStatus(!1),e&&this.$notify({group:"confirm",type:"success",data:{name:s,status:"published. Group members have been notified.",hasAction:!0,action:()=>{this.$store.dispatch("setCurrentPost",t)},actiontext:"Dismiss"}})}}}))},onCancelPost(t,s){this.$YouToo.Popup(this.$YouToo.Enums.PopupType.CANCEL_POST,s).then((async e=>{if(e){let e=!1;try{this.setLoadingStatus(!0);const i=await this.makeRequest(["API_POST_ID_CANCEL",t],"POST");e=200===i?.status}finally{await this.reloadGroup(),this.setLoadingStatus(!1),e&&this.$notify({group:"confirm",type:"success",data:{name:s,status:"canceled.",hasAction:!0,action:()=>{this.$store.dispatch("setCurrentPost",t)},actiontext:"Dismiss"}})}}}))},onDeletePost(t,s){this.$YouToo.Popup(this.$YouToo.Enums.PopupType.DELETE_POST,s).then((async e=>{if(e){let e=!1;try{this.setLoadingStatus(!0);const i=await this.makeRequest(["API_POST_ID",t],"DELETE");e=200===i?.status}finally{await this.reloadGroup(),this.setLoadingStatus(!1),e&&this.$notify({group:"confirm",type:"success",data:{name:"",status:`'<span class='custom__notification__text accent'>${s}</span>' deleted.`,actiontext:"Dismiss"}})}}}))},tooltipText(t){this.$refs[`title-${t.index}`].scrollWidth>this.$refs[`title-${t.index}`].clientWidth?this.tooltipTitle=t.row.title:this.tooltipTitle=""}}},u=c,p=e(3736),d=(0,p.Z)(u,i,o,!1,null,null,null),h=d.exports}}]);
2//# sourceMappingURL=5718.2bbee0ac.js.map