MAINHACK

Viewing / Editing File: 3521.js

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[3521],{3521:(e,o,t)=>{t.r(o),t.d(o,{default:()=>B});var l=t(9726),a={id:"theme",class:"db-card db-tab-div active"},r={class:"db-card-header"},n={class:"db-card-title"},c={class:"db-card-body"},i={class:"form-row"},s={class:"form-col-12 sm:form-col-6"},m={for:"theme_logo",class:"db-field-title"},g={key:0,class:"db-field-alert"},d=["src"],h={class:"form-col-12 sm:form-col-6"},f={for:"fav_icon",class:"db-field-title"},_={key:0,class:"db-field-alert"},p=["src"],v={class:"form-col-12 sm:form-col-6"},u={for:"footer_logo",class:"db-field-title"},b={key:0,class:"db-field-alert"},y=["src"],E={class:"form-col-12"},N={type:"submit",class:"db-btn text-white bg-primary"};var V=t(5475),k=t(9856);const C={name:"ThemeComponent",components:{LoadingComponent:V.A},data:function(){return{loading:{isActive:!1},theme_logo:"",theme_logo_reader:"",theme_favicon_logo:"",theme_favicon_logo_reader:"",theme_footer_logo:"",theme_footer_logo_reader:"",errors:{}}},mounted:function(){this.list()},methods:{changeLogo:function(e){this.theme_logo=e.target.files[0]},changeFavIcon:function(e){this.theme_favicon_logo=e.target.files[0]},changeFooterLogo:function(e){this.theme_footer_logo=e.target.files[0]},list:function(){var e=this;this.loading.isActive=!0,this.$store.dispatch("theme/lists").then(function(o){e.theme_logo_reader=o.data.data.theme_logo,e.theme_favicon_logo_reader=o.data.data.theme_favicon_logo,e.theme_footer_logo_reader=o.data.data.theme_footer_logo,e.loading.isActive=!1}).catch(function(o){e.loading.isActive=!1})},save:function(){var e=this;try{var o=new FormData;this.theme_logo&&o.append("theme_logo",this.theme_logo),this.theme_favicon_logo&&o.append("theme_favicon_logo",this.theme_favicon_logo),this.theme_footer_logo&&o.append("theme_footer_logo",this.theme_footer_logo),this.loading.isActive=!0,this.$store.dispatch("theme/save",{form:o}).then(function(o){e.loading.isActive=!1,k.A.successFlip(1,e.$t("menu.theme")),e.list(),e.theme_logo="",e.theme_favicon_logo="",e.theme_footer_logo="",e.errors={},e.$refs.themeLogoProperty.value=null,e.$refs.themeFaviconLogoProperty.value=null,e.$refs.themeFooterLogoProperty.value=null}).catch(function(o){e.loading.isActive=!1,e.errors=o.response.data.errors})}catch(e){this.loading.isActive=!1,k.A.error(e)}}}};const B=(0,t(6262).A)(C,[["render",function(e,o,t,V,k,C){var B=(0,l.resolveComponent)("LoadingComponent");return(0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,null,[(0,l.createVNode)(B,{props:k.loading},null,8,["props"]),(0,l.createElementVNode)("div",a,[(0,l.createElementVNode)("div",r,[(0,l.createElementVNode)("h3",n,(0,l.toDisplayString)(e.$t("menu.theme")),1)]),(0,l.createElementVNode)("div",c,[(0,l.createElementVNode)("form",{onSubmit:o[3]||(o[3]=(0,l.withModifiers)(function(){return C.save&&C.save.apply(C,arguments)},["prevent"])),class:"w-full d-block"},[(0,l.createElementVNode)("div",i,[(0,l.createElementVNode)("div",s,[(0,l.createElementVNode)("label",m,(0,l.toDisplayString)(e.$t("label.logo"))+" (128px,43px) ",1),(0,l.createElementVNode)("input",{onChange:o[0]||(o[0]=function(){return C.changeLogo&&C.changeLogo.apply(C,arguments)}),class:(0,l.normalizeClass)([k.errors.theme_logo?"invalid":"","db-field-control"]),id:"theme_logo",type:"file",ref:"themeLogoProperty",accept:"image/png, image/jpeg, image/jpg"},null,34),k.errors.theme_logo?((0,l.openBlock)(),(0,l.createElementBlock)("small",g,(0,l.toDisplayString)(k.errors.theme_logo[0]),1)):(0,l.createCommentVNode)("",!0),k.theme_logo_reader?((0,l.openBlock)(),(0,l.createElementBlock)("img",{key:1,class:"w-[150px] h-[120px] object-fill rounded-lg mt-2",alt:"logo",src:k.theme_logo_reader},null,8,d)):(0,l.createCommentVNode)("",!0)]),(0,l.createElementVNode)("div",h,[(0,l.createElementVNode)("label",f,(0,l.toDisplayString)(e.$t("label.fav_icon"))+" (120px,120px) ",1),(0,l.createElementVNode)("input",{onChange:o[1]||(o[1]=function(){return C.changeFavIcon&&C.changeFavIcon.apply(C,arguments)}),class:(0,l.normalizeClass)([k.errors.theme_favicon_logo?"invalid":"","db-field-control"]),id:"fav_icon",type:"file",ref:"themeFaviconLogoProperty",accept:"image/png, image/jpeg, image/jpg"},null,34),k.errors.theme_favicon_logo?((0,l.openBlock)(),(0,l.createElementBlock)("small",_,(0,l.toDisplayString)(k.errors.theme_favicon_logo[0]),1)):(0,l.createCommentVNode)("",!0),k.theme_favicon_logo_reader?((0,l.openBlock)(),(0,l.createElementBlock)("img",{key:1,class:"w-[120px] h-[120px] object-fill rounded-lg mt-2",alt:"logo",src:k.theme_favicon_logo_reader},null,8,p)):(0,l.createCommentVNode)("",!0)]),(0,l.createElementVNode)("div",v,[(0,l.createElementVNode)("label",u,(0,l.toDisplayString)(e.$t("label.footer_logo"))+" (144px,48px) ",1),(0,l.createElementVNode)("input",{onChange:o[2]||(o[2]=function(){return C.changeFooterLogo&&C.changeFooterLogo.apply(C,arguments)}),class:(0,l.normalizeClass)([k.errors.theme_footer_logo?"invalid":"","db-field-control"]),id:"fav_icon",type:"file",ref:"themeFooterLogoProperty",accept:"image/png, image/jpeg, image/jpg"},null,34),k.errors.theme_footer_logo?((0,l.openBlock)(),(0,l.createElementBlock)("small",b,(0,l.toDisplayString)(k.errors.theme_footer_logo[0]),1)):(0,l.createCommentVNode)("",!0),k.theme_footer_logo_reader?((0,l.openBlock)(),(0,l.createElementBlock)("img",{key:1,class:"w-[150px] h-[120px] object-fill rounded-lg mt-2",alt:"logo",src:k.theme_footer_logo_reader},null,8,y)):(0,l.createCommentVNode)("",!0)]),(0,l.createElementVNode)("div",E,[(0,l.createElementVNode)("button",N,[o[4]||(o[4]=(0,l.createElementVNode)("i",{class:"lab lab-fill-save"},null,-1)),(0,l.createElementVNode)("span",null,(0,l.toDisplayString)(e.$t("button.save")),1)])])])],32)])])],64)}]])}}]);

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: 3521.js

Server Info

System Features

User Info