| 1 |
import{X as W,n as z,l as G,a as K,x as Q,I as X,E as Y,g as j,v as q,s as H,t as J,$ as Z,h as $,d as x}from"./element-plus.js?ver=2.10.0";import"./dayjs.js?ver=2.10.0";import{M as ee,C as le}from"./app.js?ver=2.10.0";import{B as ne}from"./BgImageUpload.js?ver=2.10.0";import{F as b,K as s,Q as i,a7 as w,L as V,S as n,I as o,R as E,O as h,E as f,ae as g,D as r,ab as ae,P as v}from"./vue.js?ver=2.10.0";import{_ as oe}from"./emoji-picker.js?ver=2.10.0";import"./fcom-utils.js?ver=2.10.0";import"./vendor.js?ver=2.10.0";import"./vue-router.js?ver=2.10.0";import"./pinia.js?ver=2.10.0";import"./milkdown.js?ver=2.10.0";const te={name:"WelcomeBannerConfig",props:["savingCount"],emits:["saved"],components:{MediaEmbeder:ee,BgImageUpload:ne,CrepeEditor:le},data(){return{saving:!1,loading:!1,currentTab:"login",appReady:!1,bannerData:{login:{enable:"no",mediaType:"image",title:"",description:"",allowClose:"yes",bannerImage:"",ctaButtons:[],bannerVideo:{}},logout:{enable:"no",mediaType:"image",title:"",description:"",bannerImage:"",ctaButtons:[],bannerVideo:{}}}}},watch:{savingCount(){this.saveSettings()}},computed:{isEnabled(){return this.bannerData[this.currentTab].enabled=="yes"}},methods:{switchOption(e){this.appReady=!1,this.currentTab=e,this.$nextTick(()=>{this.appReady=!0})},addButton(){this.bannerData[this.currentTab].ctaButtons.push({label:"",link:"",type:"primary",newTab:"yes"})},removeButton(e){this.bannerData[this.currentTab].ctaButtons.splice(e,1)},getSettings(){this.loading=!0,this.$get("admin/welcome-banner").then(e=>{this.bannerData=e.settings,this.appReady=!0}).catch(e=>{this.$handleError(e)}).finally(()=>{this.loading=!1})},saveSettings(){this.saving=!0,this.$post("admin/welcome-banner",{settings:this.bannerData}).then(e=>{this.$notify.success(e.message),this.$emit("saved"),this.Storage.remove("fcom_welcome_banner_closed_auth"),this.Storage.remove("fcom_welcome_banner_closed_guest")}).catch(e=>{this.$handleError(e)}).finally(()=>{this.saving=!1})}},mounted(){this.getSettings()}},se={class:"fcom_customizer_container"},re={class:"fcom_wc_banner_header"},ie={class:"fcom_wc_banner_options"},me={class:"fcom_filter_menu"},ue={class:"fcom_filter_menu_ul"},ce={key:0,class:"fcom_wc_banner_content"},be={class:"fcom_wc_banner_content_header"},de={class:"fcom_wc_banner_media_type"},_e={key:0,class:"fcom_banner_image_holder"},pe={key:1,class:"fcom_banner_image_preview"},fe={key:0,class:"fcom_wc_banner_cta_buttons"},ge={class:"fcom_wc_help_text"},he={class:"fcom_wc_banner_content_footer"};function ve(e,a,ye,Te,l,d){const I=W,k=X,U=z,S=g("BgImageUpload"),R=G,L=g("CloseBold"),D=Y,y=K,M=g("media-embeder"),T=j,m=q,N=g("crepe-editor"),_=H,B=J,O=g("Delete"),C=Z,F=$,A=Q,P=x;return r(),b("div",se,[s("div",re,[s("h4",null,i(e.$t("Welcome Banner")),1)]),s("div",ie,[s("div",me,[s("ul",ue,[s("li",null,[s("a",{onClick:a[0]||(a[0]=w(t=>d.switchOption("login"),["prevent"])),class:V({"router-link-exact-active":l.currentTab=="login"}),href:"#"},i(e.$t("Logged in")),3)]),s("li",null,[s("a",{onClick:a[1]||(a[1]=w(t=>d.switchOption("logout"),["prevent"])),class:V({"router-link-exact-active":l.currentTab=="logout"}),href:"#"},i(e.$t("Logged out")),3)])])])]),l.loading?(r(),f(P,{key:1,rows:5})):(r(),b("div",ce,[s("div",be,[s("h4",null,i(l.currentTab==="login"?e.$t("Enable for logged in members"):e.$t("Enable for logged out members")),1),n(I,{modelValue:l.bannerData[l.currentTab].enabled,"onUpdate:modelValue":a[2]||(a[2]=t=>l.bannerData[l.currentTab].enabled=t),"active-value":"yes","inactive-value":"no",class:"fcom_switch"},null,8,["modelValue"])]),s("div",{class:V(["fcom_wc_banner_content_body",{fcom_wc_disabled:!d.isEnabled}])},[s("div",de,[s("p",null,i(e.$t("Media type")),1),n(U,{modelValue:l.bannerData[l.currentTab].mediaType,"onUpdate:modelValue":a[3]||(a[3]=t=>l.bannerData[l.currentTab].mediaType=t),class:"fcom_radio_group"},{default:o(()=>[n(k,{label:e.$t("Image"),value:"image"},null,8,["label"]),n(k,{label:e.$t("Video"),value:"video"},null,8,["label"])]),_:1},8,["modelValue"])]),l.bannerData[l.currentTab].mediaType==="image"?(r(),b(E,{key:0},[l.bannerData[l.currentTab].bannerImage?(r(),b("div",pe,[n(R,{alt:e.$t("Image Preview"),src:l.bannerData[l.currentTab].bannerImage},null,8,["alt","src"]),n(y,{class:"fcom_secondary_button",text:"",onClick:a[5]||(a[5]=t=>l.bannerData[l.currentTab].bannerImage="")},{default:o(()=>[n(D,null,{default:o(()=>[n(L)]),_:1})]),_:1})])):(r(),b("div",_e,[s("h4",null,i(e.$t("Featured Image")),1),s("p",null,i(e.$t("Set a featured image at the top of the welcome banner. Recommended image dimension: 1680x600")),1),n(S,{modelValue:l.bannerData[l.currentTab].bannerImage,"onUpdate:modelValue":a[4]||(a[4]=t=>l.bannerData[l.currentTab].bannerImage=t)},null,8,["modelValue"])]))],64)):h("",!0),l.bannerData[l.currentTab].mediaType==="video"?(r(),f(M,{key:1,media:l.bannerData[l.currentTab].bannerVideo},null,8,["media"])):h("",!0),n(A,{onSubmit:a[9]||(a[9]=w(t=>e.doNothing(),["prevent"])),"label-position":"top",class:"fcom_form_container"},{default:o(()=>[n(m,{label:e.$t("Title")},{default:o(()=>[n(T,{modelValue:l.bannerData[l.currentTab].title,"onUpdate:modelValue":a[6]||(a[6]=t=>l.bannerData[l.currentTab].title=t)},null,8,["modelValue"])]),_:1},8,["label"]),n(m,{label:e.$t("Description")},{default:o(()=>[l.appReady?(r(),f(N,{key:0,modelValue:l.bannerData[l.currentTab].description,"onUpdate:modelValue":a[7]||(a[7]=t=>l.bannerData[l.currentTab].description=t)},null,8,["modelValue"])):h("",!0)]),_:1},8,["label"]),n(m,{label:e.$t("Call to Action")},{default:o(()=>{var t;return[((t=l.bannerData[l.currentTab].ctaButtons)==null?void 0:t.length)>0?(r(),b("div",fe,[(r(!0),b(E,null,ae(l.bannerData[l.currentTab].ctaButtons,(u,p)=>(r(),b("div",{key:p,class:"fcom_wc_banner_cta_button"},[n(m,{label:p&&!e.isMobile?"":e.$t("Button Label")},{default:o(()=>[n(T,{modelValue:u.label,"onUpdate:modelValue":c=>u.label=c},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),n(m,{label:p&&!e.isMobile?"":e.$t("Button Link")},{default:o(()=>[n(T,{modelValue:u.link,"onUpdate:modelValue":c=>u.link=c},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),n(m,{label:p&&!e.isMobile?"":e.$t("Button Type"),class:"fcom_wc_banner_select"},{default:o(()=>[n(B,{modelValue:u.type,"onUpdate:modelValue":c=>u.type=c,class:"fcom_select",placeholder:e.$t("Select type")},{default:o(()=>[n(_,{label:e.$t("Primary"),value:"primary"},null,8,["label"]),n(_,{label:e.$t("Secondary"),value:"secondary"},null,8,["label"]),n(_,{label:e.$t("Text"),value:"text"},null,8,["label"]),n(_,{label:e.$t("Link"),value:"link"},null,8,["label"])]),_:1},8,["modelValue","onUpdate:modelValue","placeholder"])]),_:2},1032,["label"]),n(m,{label:p&&!e.isMobile?"":e.$t("Open in new tab"),class:"fcom_wc_banner_select"},{default:o(()=>[n(B,{modelValue:u.newTab,"onUpdate:modelValue":c=>u.newTab=c,class:"fcom_select"},{default:o(()=>[n(_,{label:e.$t("Yes"),value:"yes"},null,8,["label"]),n(_,{label:e.$t("No"),value:"no"},null,8,["label"])]),_:1},8,["modelValue","onUpdate:modelValue"])]),_:2},1032,["label"]),n(y,{text:"",class:"wc_button_remove","aria-label":e.$t("Remove button"),onClick:c=>d.removeButton(p)},{default:o(()=>[n(D,null,{default:o(()=>[n(O)]),_:1})]),_:1},8,["aria-label","onClick"])]))),128)),n(C,{underline:!1,onClick:d.addButton},{default:o(()=>[v(i("+ "+e.$t("Add button")),1)]),_:1},8,["onClick"])])):(r(),f(C,{key:1,underline:!1,onClick:d.addButton},{default:o(()=>[v(i("+ "+e.$t("Add button")),1)]),_:1},8,["onClick"]))]}),_:1},8,["label"]),l.currentTab=="login"?(r(),f(m,{key:0},{default:o(()=>[n(F,{modelValue:l.bannerData[l.currentTab].allowClose,"onUpdate:modelValue":a[8]||(a[8]=t=>l.bannerData[l.currentTab].allowClose=t),"true-value":"yes","false-value":"no",class:"fcom_checkbox"},{default:o(()=>[v(i(e.$t("Allow members to close the welcome banner")),1)]),_:1},8,["modelValue"]),s("span",ge,i(e.$t("If allowed, members will be able to hide the banner")),1)]),_:1})):h("",!0)]),_:1})],2),s("div",he,[n(y,{class:"fcom_primary_button",disabled:l.saving,loading:l.saving,onClick:d.saveSettings},{default:o(()=>[v(i(e.$t("Update Info")),1)]),_:1},8,["disabled","loading","onClick"])])]))])}const Le=oe(te,[["render",ve]]);export{Le as default}; |
