vuefilemanager/public/chunks/app-appearance.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{"0T7M":function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".select[data-v-0a75dd76]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.select-search[data-v-0a75dd76]{background:#fff;position:sticky;top:0;padding:13px}.select-search .search-input[data-v-0a75dd76]{border:1px solid transparent;background:#f4f5f6;transition:all .15s ease;font-size:.875em;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;outline:0;width:100%}.input-options[data-v-0a75dd76]{box-shadow:0 5px 15px rgba(0,0,0,.12);background:#fff;position:absolute;overflow:hidden;top:65px;left:0;right:0;z-index:9;max-height:295px;overflow-y:auto}.input-options .option-item[data-v-0a75dd76]{padding:13px 20px;display:block;cursor:pointer}.input-options .option-item[data-v-0a75dd76]:hover{color:#00bc7e;background:#f4f5f6}.input-options .option-item[data-v-0a75dd76]:last-child{border-bottom:none}.input-area[data-v-0a75dd76]{border:1px solid transparent;justify-content:space-between;align-items:center;padding:13px 20px;display:flex;outline:0;width:100%;cursor:pointer}.input-area[data-v-0a75dd76],.input-area .chevron[data-v-0a75dd76]{transition:all .15s ease}.input-area.is-active .chevron[data-v-0a75dd76]{transform:rotate(180deg)}.input-area.is-error[data-v-0a75dd76]{border-color:#fd397a;box-shadow:0 0 7px rgba(253,57,122,.3)}.option-icon[data-v-0a75dd76]{width:20px;display:inline-block;font-size:.625em}.option-icon svg[data-v-0a75dd76]{margin-top:-4px;vertical-align:middle}.option-icon svg circle[data-v-0a75dd76],.option-icon svg line[data-v-0a75dd76],.option-icon svg path[data-v-0a75dd76]{color:inherit}.option-value[data-v-0a75dd76]{font-size:.875em;font-weight:700;width:100%;vertical-align:middle}.option-value.placehoder[data-v-0a75dd76]{color:rgba(27,37,57,.5)}.slide-in-enter-active[data-v-0a75dd76]{transition:all .15s ease}.slide-in-enter[data-v-0a75dd76]{opacity:0;transform:translateY(-50px)}.dark .select-search[data-v-0a75dd76]{background:#1e2024}.dark .select-search .search-input[data-v-0a75dd76]{background:#151515}.dark .input-area[data-v-0a75dd76]{background:#1e2024;border-color:#1e2024}.dark .popup-wrapper .input-area[data-v-0a75dd76]{background:#25272c}.dark .input-options[data-v-0a75dd76]{background:#1e2024}.dark .input-options .option-item[data-v-0a75dd76]{border-bottom:none}.dark .input-options .option-item[data-v-0a75dd76]:hover{background:#2a2c32}.dark .input-options .option-item:hover .option-icon circle[data-v-0a75dd76],.dark .input-options .option-item:hover .option-icon path[data-v-0a75dd76]{color:inherit}.dark .input-options .option-item[data-v-0a75dd76]:last-child{border-bottom:none}.dark .option-value.placehoder[data-v-0a75dd76]{color:#7d858c}",""])},"1XC+":function(t,e,a){"use strict";a.r(e);var o=a("jH4x"),i=a("UD3w"),n=a("A5+z"),s=a("gahf"),r=a("4TWA"),p=a("D+dh"),d=a("eZ9V"),c=a("Nv84"),l=a("13Td"),u=a("qefO"),v=a("KnjL"),g=a("TJPC"),m=a("vDqi"),_=a.n(m),h={name:"AppAppearance",components:{AppInputSwitch:o.a,AppInputText:i.a,ValidationObserver:n.ValidationObserver,ValidationProvider:n.ValidationProvider,PageTabGroup:s.a,SelectInput:r.a,ImageInput:p.a,ButtonBase:c.a,FormLabel:d.a,SetupBox:l.a,required:g.a,PageTab:u.a,InfoBox:v.a},data:function(){return{isLoading:!0,app:void 0}},mounted:function(){var t=this;_.a.get("/api/admin/settings",{params:{column:"app_title|app_description|app_logo|app_favicon|app_logo_horizontal|app_color|app_og_image|app_touch_icon"}}).then((function(e){t.app={logo_horizontal:e.data.app_logo_horizontal,description:e.data.app_description,favicon:e.data.app_favicon,title:e.data.app_title,color:e.data.app_color,logo:e.data.app_logo,og_image:e.data.app_og_image,touch_icon:e.data.app_touch_icon}})).finally((function(){t.isLoading=!1}))}},f=a("KHd+"),b=Object(f.a)(h,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("PageTab",{attrs:{"is-loading":t.isLoading}},[t.app?a("div",{staticClass:"card shadow-card"},[a("FormLabel",[t._v("\n\t\t\t\t"+t._s(t.$t("admin_settings.appearance.section_general"))+"\n\t\t\t")]),t._v(" "),a("AppInputText",{attrs:{title:t.$t("admin_settings.appearance.title")}},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.app.title,expression:"app.title"}],staticClass:"focus-border-theme input-dark",attrs:{placeholder:t.$t("admin_settings.appearance.title_plac"),type:"text"},domProps:{value:t.app.title},on:{input:[function(e){e.target.composing||t.$set(t.app,"title",e.target.value)},function(e){return t.$updateText("/admin/settings","app_title",t.app.title)}]}})]),t._v(" "),a("AppInputText",{attrs:{title:t.$t("admin_settings.appearance.description")}},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.app.description,expression:"app.description"}],staticClass:"focus-border-theme input-dark",attrs:{placeholder:t.$t("admin_settings.appearance.description_plac"),type:"text"},domProps:{value:t.app.description},on:{input:[function(e){e.target.composing||t.$set(t.app,"description",e.target.value)},function(e){return t.$updateText("/admin/settings","app_description",t.app.description)}]}})]),t._v(" "),a("AppInputSwitch",{attrs:{title:t.$t("color_theme"),description:t.$t("color_theme_description"),"is-last":!0}},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.app.color,expression:"app.color"}],attrs:{placeholder:t.$t("admin_settings.appearance.title_plac"),type:"color"},domProps:{value:t.app.color},on:{input:[function(e){e.target.composing||t.$set(t.app,"color",e.target.value)},function(e){return t.$updateText("/admin/settings","app_color",t.app.color)}]}})])],1):t._e(),t._v(" "),t.app?a("div",{staticClass:"card shadow-card"},[a("FormLabel",[t._v("\n\t\t\t\t"+t._s(t.$t("Branding"))+"\n\t\t\t")]),t._v(" "),a("AppInputText",{attrs:{title:t.$t("admin_settings.appearance.logo")}},[a("ImageInput",{attrs:{image:t.$getImage(t.app.logo)},on:{input:function(e){return t.$updateImage("/admin/settings","app_logo",t.app.logo)}},model:{value:t.app.logo,callback:function(e){t.$set(t.app,"logo",e)},expression:"app.logo"}})],1),t._v(" "),a("AppInputText",{attrs:{title:t.$t("admin_settings.appearance.logo_horizontal")}},[a("ImageInput",{attrs:{image:t.$getImage(t.app.logo_horizontal)},on:{input:function(e){return t.$updateImage("/admin/settings","app_logo_horizontal",t.app.logo_horizontal)}},model:{value:t.app.logo_horizontal,callback:function(e){t.$set(t.app,"logo_horizontal",e)},expression:"app.logo_horizontal"}})],1),t._v(" "),a("AppInputText",{attrs:{title:t.$t("admin_settings.appearance.favicon")}},[a("ImageInput",{attrs:{image:t.$getImage(t.app.favicon)},on:{input:function(e){return t.$updateImage("/admin/settings","app_favicon",t.app.favicon)}},model:{value:t.app.favicon,callback:function(e){t.$set(t.app,"favicon",e)},expression:"app.favicon"}})],1),t._v(" "),a("AppInputText",{attrs:{title:t.$t("og_image"),description:t.$t("og_image_description")}},[a("ImageInput",{attrs:{image:t.$getImage(t.app.og_image)},on:{input:function(e){return t.$updateImage("/admin/settings","app_og_image",t.app.og_image)}},model:{value:t.app.og_image,callback:function(e){t.$set(t.app,"og_image",e)},expression:"app.og_image"}})],1),t._v(" "),a("AppInputText",{attrs:{title:t.$t("app_touch_icon"),description:t.$t("app_touch_icon_description")}},[a("ImageInput",{attrs:{image:t.$getImage(t.app.touch_icon)},on:{input:function(e){return t.$updateImage("/admin/settings","app_touch_icon",t.app.touch_icon)}},model:{value:t.app.touch_icon,callback:function(e){t.$set(t.app,"touch_icon",e)},expression:"app.touch_icon"}})],1)],1):t._e()])}),[],!1,null,null,null);e.default=b.exports},"4TWA":function(t,e,a){"use strict";var o=a("CjXH"),i=a("LvDl"),n={name:"SelectInput",props:["placeholder","options","isError","default"],components:{Edit2Icon:o.u,UserIcon:o.nb,ChevronDownIcon:o.g},watch:{query:Object(i.debounce)((function(t){this.searchedResults=Object(i.omitBy)(this.options,(function(e){return!e.label.toLowerCase().includes(t.toLowerCase())}))}),200)},computed:{isSearching:function(){return this.searchedResults&&""!==this.query},optionList:function(){return this.isSearching?this.searchedResults:this.options}},data:function(){return{searchedResults:void 0,selected:void 0,isOpen:!1,query:""}},methods:{selectOption:function(t){this.$emit("input",t.value),this.selected=t,this.isOpen=!1},openMenu:function(){var t=this;this.isOpen=!this.isOpen,this.isOpen&&this.$nextTick((function(){return t.$refs.search.focus()}))}},created:function(){var t=this;this.default&&(this.selected=this.options.find((function(e){return e.value===t.default})))}},s=(a("ATD2"),a("KHd+")),r=Object(s.a)(n,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"select"},[a("div",{staticClass:"input-area bg-light-background rounded-lg",class:{"is-active":t.isOpen,"is-error":t.isError},on:{click:t.openMenu}},[t.selected?a("div",{staticClass:"selected"},[t.selected.icon?a("div",{staticClass:"option-icon"},["user"===t.selected.icon?a("user-icon",{staticClass:"text-theme dark-text-theme",attrs:{size:"14"}}):t._e(),t._v(" "),"user-edit"===t.selected.icon?a("edit2-icon",{staticClass:"text-theme dark-text-theme",attrs:{size:"14"}}):t._e()],1):t._e(),t._v(" "),a("span",{staticClass:"option-value"},[t._v(t._s(t.selected.label))])]):t._e(),t._v(" "),t.selected?t._e():a("div",{staticClass:"not-selected"},[a("span",{staticClass:"option-value placehoder"},[t._v(t._s(t.placeholder))])]),t._v(" "),a("chevron-down-icon",{staticClass:"chevron",attrs:{size:"19"}})],1),t._v(" "),a("transition",{attrs:{name:"slide-in"}},[t.isOpen?a("div",{staticClass:"input-options rounded-lg"},[t.options.length>5?a("div",{staticClass:"select-search"},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.query,expression:"query"}],ref:"search",staticClass:"search-input focus-border-theme rounded-lg",attrs:{type:"text",placeholder:t.$t("select_search_placeholder")},domProps:{value:t.query},on:{input:function(e){e.target.composing||(t.query=e.target.value)}}})]):t._e(),t._v(" "),a("ul",{staticClass:"option-list"},t._l(t.optionList,(function(e,o){return a("li",{key:o,staticClass:"option-item",on:{click:function(a){return t.selectOption(e)}}},[e.icon?a("div",{staticClass:"option-icon"},["user"===e.icon?a("user-icon",{attrs:{size:"14"}}):t._e(),t._v(" "),"user-edit"===e.icon?a("edit2-icon",{attrs:{size:"14"}}):t._e()],1):t._e(),t._v(" "),a("span",{staticClass:"option-value"},[t._v(t._s(e.label))])])})),0)]):t._e()])],1)}),[],!1,null,"0a75dd76",null);e.a=r.exports},"4t/o":function(t,e,a){var o=a("0T7M");"string"==typeof o&&(o=[[t.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(o,i);o.locals&&(t.exports=o.locals)},A6XD:function(t,e,a){"use strict";a("tYwX")},ATD2:function(t,e,a){"use strict";a("4t/o")},"D+dh":function(t,e,a){"use strict";var o=a("CjXH"),i={name:"ImageInput",props:["image","error"],components:{ImageIcon:o.I,XIcon:o.sb},data:function(){return{imagePreview:void 0}},computed:{isData:function(){return void 0!==this.imagePreview&&""!==this.imagePreview}},methods:{resetImage:function(){this.imagePreview=void 0,this.$emit("input",void 0)},showImagePreview:function(t){var e=this,a=t.target.files[0].name,o=a.substring(a.lastIndexOf(".")+1).toLowerCase();if(["png","jpg","jpeg","svg"].includes(o)){var i=t.target.files[0],n=new FileReader;n.onload=function(){return e.imagePreview=n.result},n.readAsDataURL(i),this.$emit("input",t.target.files[0])}else alert(this.$t("validation_errors.wrong_image"))}},created:function(){this.image&&(this.imagePreview=this.image)}},n=(a("A6XD"),a("KHd+")),s=Object(n.a)(i,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"dropzone",class:{"is-error":t.error}},[t.imagePreview?a("div",{staticClass:"reset-image",on:{click:t.resetImage}},[a("x-icon",{staticClass:"close-icon text-theme",attrs:{size:"14"}})],1):t._e(),t._v(" "),a("input",{ref:"file",staticClass:"dummy",attrs:{type:"file"},on:{change:function(e){return t.showImagePreview(e)}}}),t._v(" "),t.imagePreview?a("img",{ref:"image",staticClass:"image-preview",attrs:{src:t.imagePreview}}):t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.isData,expression:"! isData"}],staticClass:"dropzone-message"},[a("image-icon",{staticClass:"icon-upload text-theme mx-auto mb-1",attrs:{size:"28"}}),t._v(" "),a("span",{staticClass:"dropzone-title"},[t._v("\n            "+t._s(t.$t("input_image.title"))+"\n        ")]),t._v(" "),a("span",{staticClass:"dropzone-description"},[t._v("\n            "+t._s(t.$t("input_image.supported"))+"\n        ")])],1)])}),[],!1,null,"b523667e",null);e.a=s.exports},UD3w:function(t,e,a){"use strict";var o={name:"AppInputText",props:["description","isLast","title","error"]},i=a("KHd+"),n=Object(i.a)(o,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{class:{"mb-7":!t.isLast}},[t.title?a("label",{staticClass:"text-sm font-bold dark:text-gray-400 text-gray-700 mb-1.5 block"},[t._v("\n\t\t"+t._s(t.title)+":\n\t")]):t._e(),t._v(" "),t._t("default"),t._v(" "),t.description?a("small",{staticClass:"text-xs text-gray-500 pt-2 leading-4 block",domProps:{innerHTML:t._s(t.description)}}):t._e(),t._v(" "),t.error?a("span",{staticClass:"text-red-700 pt-2 text-xs"},[t._v("\n\t\t"+t._s(t.error)+"\n\t")]):t._e()],2)}),[],!1,null,null,null);e.a=n.exports},c6uZ:function(t,e,a){(t.exports=a("I1BE")(!1)).push([t.i,".dropzone[data-v-b523667e]{border:1px dashed #a1abc2;border-radius:8px;position:relative;text-align:center;display:flex;align-items:center;min-height:175px}.dropzone.is-error[data-v-b523667e]{border:2px dashed rgba(253,57,122,.3)}.dropzone.is-error .dropzone-title[data-v-b523667e]{color:#fd397a}.dropzone.is-error .icon-upload circle[data-v-b523667e],.dropzone.is-error .icon-upload polyline[data-v-b523667e],.dropzone.is-error .icon-upload rect[data-v-b523667e]{stroke:#fd397a}.dropzone input[type=file][data-v-b523667e]{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;cursor:pointer}.dropzone .image-preview[data-v-b523667e]{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;left:0;padding:25px;display:block}.dropzone .image-preview.fit-image[data-v-b523667e]{-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden}.dropzone .dropzone-message[data-v-b523667e]{padding:50px 0;width:100%}.dropzone .dropzone-message .icon-upload circle[data-v-b523667e],.dropzone .dropzone-message .icon-upload polyline[data-v-b523667e],.dropzone .dropzone-message .icon-upload rect[data-v-b523667e]{color:inherit}.dropzone .dropzone-message .dropzone-title[data-v-b523667e]{font-size:1em;font-weight:700;display:block}.dropzone .dropzone-message .dropzone-description[data-v-b523667e]{color:rgba(27,37,57,.7);font-size:.75em}.dropzone .reset-image[data-v-b523667e]{z-index:2;background:#fff;border-radius:50px;display:block;position:absolute;right:0;top:0;cursor:pointer;transform:translateY(-50%) translateX(50%);padding:0 4px;box-shadow:0 1px 5px rgba(0,0,0,.12)}.dropzone .reset-image .close-icon[data-v-b523667e]{vertical-align:middle}.dropzone .reset-image .close-icon line path[data-v-b523667e]{fill:#1b2539}.dark .dropzone[data-v-b523667e]{border-color:hsla(0,0%,100%,.2)}.dark .dropzone .dropzone-message .icon-upload line[data-v-b523667e],.dark .dropzone .dropzone-message .icon-upload path[data-v-b523667e],.dark .dropzone .dropzone-message .icon-upload polyline[data-v-b523667e]{color:inherit}.dark .dropzone .dropzone-message .dropzone-description[data-v-b523667e]{color:#7d858c}",""])},jH4x:function(t,e,a){"use strict";var o={name:"AppInputSwitch",props:["description","isLast","title","error"]},i=a("KHd+"),n=Object(i.a)(o,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"flex justify-between space-x-8 w-full",class:{"mb-7":!t.isLast}},[a("div",{staticClass:"leading-5"},[a("label",{staticClass:"text-sm font-bold dark:text-gray-400 text-gray-700 mb-1.5 block"},[t._v("\n\t\t\t"+t._s(t.title)+":\n\t\t")]),t._v(" "),t.description?a("span",{staticClass:"text-xs text-gray-500 leading-4 block",domProps:{innerHTML:t._s(t.description)}}):t._e(),t._v(" "),t.error?a("span",{staticClass:"error-message"},[t._v("\n\t\t\t"+t._s(t.error)+"\n\t\t")]):t._e()]),t._v(" "),a("div",[t._t("default")],2)])}),[],!1,null,null,null);e.a=n.exports},tYwX:function(t,e,a){var o=a("c6uZ");"string"==typeof o&&(o=[[t.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(o,i);o.locals&&(t.exports=o.locals)}}]);