|
1
|
|
-import{r as p,e as C,o as g,a as e,h as S,c as D,w as t,b as $,u as a,f as T,t as h,d as A,J as z,F as O,g as R,l as P,Z as ee,i as te}from"./chunks/vue.esm-bundler.js?ver=1.4.2";import{_ as W}from"./chunks/_plugin-vue_export-helper.js?ver=1.4.2";import{t as l}from"./chunks/Translator.js?ver=1.4.2";import{T as Y,_ as Z}from"./chunks/TableWrapper.js?ver=1.4.2";import{_ as F,P as le}from"./chunks/Empty.js?ver=1.4.2";import{_ as M}from"./chunks/RouteCell.js?ver=1.4.2";import{_ as N}from"./chunks/DynamicIcon.js?ver=1.4.2";import{_ as K}from"./chunks/ConvertedTime.js?ver=1.4.2";import{$ as Q,h as j,a as q}from"./chunks/common.js?ver=1.4.2";import{n as B}from"./chunks/Notify.js?ver=1.4.2";import{R as L}from"./chunks/Rest.js?ver=1.4.2";import{a as ae}from"./chunks/vue-router.js?ver=1.4.2";import{b as oe}from"./chunks/index.js?ver=1.4.2";import"./chunks/Arr.js?ver=1.4.2";import"./chunks/Model.js?ver=1.4.2";import"./chunks/IconButton.js?ver=1.4.2";import"./chunks/Str.js?ver=1.4.2";import"./chunks/Url.js?ver=1.4.2";import"./chunks/dayjs.min.js?ver=1.4.2";import"./chunks/timezone.js?ver=1.4.2";import"./chunks/index3.js?ver=1.4.2";import"./chunks/Utils.js?ver=1.4.2";import"./chunks/TransitionAccordion.js?ver=1.4.2";const ne={name:"AttributesView"};function re(c,f,u,m,i,d){const r=p("router-view");return g(),C("div",null,[e(r)])}const ie=W(ne,[["render",re]]);class se extends Y{setupInitialData(){super.setupInitialData(),this.data.sorting.sortBy="id"}getTabs(){return{all:l("All"),button:l("Button"),dropdown:l("Dropdown")}}getToggleableColumns(){return[{label:l("Title"),value:"title"},{label:l("Slug"),value:"slug"},{label:l("Type"),value:"type"},{label:l("Styling"),value:"styling"},{label:l("Description"),value:"description"}]}getSortableColumns(){return[{label:l("ID"),value:"id"},{label:l("Title"),value:"title"},{label:l("Slug"),value:"slug"},{label:l("Created at"),value:"created_at"}]}getSearchHint(){return l("Search by id, title or slug.")}getFetchUrl(){return"options/attr/groups"}parseResponse(f){return f.groups}getTableName(){return"attr_groups_table"}getSearchGuideOptions(){return[]}}function ue(){return se.init()}const de={class:"more-btn mr-2"},H={__name:"AttrGroupsTableBody",props:{attrGroupsTable:{type:Object,required:!0}},emits:["edit"],setup(c,{emit:f}){const u=c,m=f,i=S(!1),d=o=>{var w;const _={options:l("Options"),color:l("Color"),image:l("Image")},n=((w=o.settings)==null?void 0:w.type)||"options";return _[n]||n},r=o=>{var w;const _={dropdown:l("Dropdown"),button:l("Button")},n=((w=o.settings)==null?void 0:w.styling)||"";return _[n]||"--"},k=o=>{if(!i.value){if(o.used_terms_count>0){B.error(l("Group's terms are already in use, please remove the terms from product first."));return}Q(l("Are you sure you want to delete this group? This action is not recoverable."),l("Confirm Delete!"),{confirmButtonText:l("Yes, Delete this group"),cancelButtonText:l("Cancel"),type:"warning"}).then(()=>{i.value=!0,L.delete("options/attr/group/"+o.id).then(_=>{B.success(_.message),u.attrGroupsTable.fetch()}).catch(_=>{var n;B.error(((n=_.data)==null?void 0:n.message)||l("Delete failed"))}).finally(()=>{i.value=!1})}).catch(()=>{})}},V=o=>{o.action==="edit"?m("edit",o.row):o.action==="delete"&&k(o.row)};return(o,_)=>{const n=p("el-table-column"),w=p("el-dropdown-item"),G=p("el-dropdown-menu"),v=p("el-dropdown"),b=p("el-table");return g(),D(b,{data:c.attrGroupsTable.getTableData(),class:"w-full compact-table"},{empty:t(()=>[e(F,{icon:"Empty/ListView","has-dark":!0,text:a(l)("No attribute groups found!")},null,8,["text"])]),default:t(()=>[e(n,{width:60,label:a(l)("ID")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[T(" #"+h(s.row.id),1)]),_:2},1032,["to"])]),_:1},8,["label"]),c.attrGroupsTable.isColumnVisible("title")?(g(),D(n,{key:0,"min-width":150,label:a(l)("Title")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[T(h(s.row.title||a(l)("No Name")),1)]),_:2},1032,["to"])]),_:1},8,["label"])):$("",!0),c.attrGroupsTable.isColumnVisible("slug")?(g(),D(n,{key:1,"min-width":150,label:a(l)("Slug")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[T(h(s.row.slug),1)]),_:2},1032,["to"])]),_:1},8,["label"])):$("",!0),c.attrGroupsTable.isColumnVisible("type")?(g(),D(n,{key:2,"min-width":100,label:a(l)("Type")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[T(h(d(s.row)),1)]),_:2},1032,["to"])]),_:1},8,["label"])):$("",!0),c.attrGroupsTable.isColumnVisible("styling")?(g(),D(n,{key:3,"min-width":100,label:a(l)("Styling")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[T(h(r(s.row)),1)]),_:2},1032,["to"])]),_:1},8,["label"])):$("",!0),c.attrGroupsTable.isColumnVisible("description")?(g(),D(n,{key:4,"min-width":120,label:a(l)("Description")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[T(h(s.row.description),1)]),_:2},1032,["to"])]),_:1},8,["label"])):$("",!0),e(n,{"min-width":100,label:a(l)("Terms")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[T(h(s.row.terms_count||0),1)]),_:2},1032,["to"])]),_:1},8,["label"]),e(n,{"min-width":120,label:a(l)("Date")},{default:t(s=>[e(M,{class:"hover:no-underline",to:{name:"attr_view_group",params:{group_id:s.row.id}}},{default:t(()=>[e(K,{"date-time":s.row.created_at},null,8,["date-time"])]),_:2},1032,["to"])]),_:1},8,["label"]),e(n,{width:80,align:"right"},{default:t(s=>[e(v,{trigger:"click",class:"fct-more-option-wrap","popper-class":"fct-dropdown",disabled:i.value,onCommand:V,placement:"bottom-end"},{dropdown:t(()=>[e(G,null,{default:t(()=>[e(w,{command:{action:"edit",row:s.row}},{default:t(()=>[e(N,{name:"Edit"}),T(" "+h(a(l)("Edit")),1)]),_:2},1032,["command"]),e(w,{command:{action:"delete",row:s.row},class:"item-destructive"},{default:t(()=>[e(N,{name:"Delete"}),T(" "+h(a(l)("Delete")),1)]),_:2},1032,["command"])]),_:2},1024)]),default:t(()=>[A("span",de,[e(N,{name:"More"})])]),_:2},1032,["disabled"])]),_:1})]),_:1},8,["data"])}}},J={__name:"AttrGroupsTableLoader",setup(c){return(f,u)=>{const m=p("el-skeleton-item"),i=p("el-skeleton"),d=p("el-table-column"),r=p("el-table");return g(),D(r,{data:[1,2,3,4,5],class:"w-full"},{empty:t(()=>[e(F,{icon:"Empty/ListView","has-dark":!0,text:a(l)("No attribute groups found!")},null,8,["text"])]),default:t(()=>[e(d,{width:60,label:a(l)("ID")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":150,label:a(l)("Title")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":150,label:a(l)("Slug")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":100,label:a(l)("Type")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":100,label:a(l)("Styling")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":120,label:a(l)("Description")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":100,label:a(l)("Terms")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-1/2"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":120,label:a(l)("Date")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{width:80})]),_:1})}}},pe={class:"fct-attr-group-modal"},me={class:"dialog-footer"},ce=Object.assign({name:"AddGroupModal"},{__name:"AddGroupModal",emits:"whenGroupCreateIsDone",setup(c,{emit:f}){const u=f,m=S(!1),i=S({}),d=z({title:"",slug:"",description:"",settings:{type:"options",styling:"button"}}),r=()=>{m.value=!0,i.value={},L.post("options/attr/group/",{...d}).then(o=>{j(o.message),u("whenGroupCreateIsDone")}).catch(o=>{if(o.message)return q(o);if(typeof o=="object")return i.value=o}).finally(()=>{m.value=!1})},k=()=>{!d.slug&&d.title&&(d.slug=V(d.title))},V=o=>o.trim().toLowerCase().replace(/ /g,"-").replace(/&/g,"and").replace(/'/g,"_");return(o,_)=>{const n=p("el-input"),w=p("el-form-item"),G=p("el-col"),v=p("el-option"),b=p("el-select"),s=p("el-row"),I=p("el-button"),x=p("el-form");return g(),C("div",pe,[e(x,{"label-position":"top",data:d},{default:t(()=>[e(s,{gutter:24},{default:t(()=>[e(G,{span:12},{default:t(()=>[e(w,{label:o.$t("Group Title"),required:""},{default:t(()=>[e(n,{type:"text",modelValue:d.title,"onUpdate:modelValue":_[0]||(_[0]=y=>d.title=y),placeholder:o.$t("Group Title"),onBlur:k},null,8,["modelValue","placeholder"]),i.value.title?(g(!0),C(O,{key:0},R(i.value.title,(y,U)=>(g(),C("span",{class:"error",key:U},h(y),1))),128)):$("",!0)]),_:1},8,["label"])]),_:1}),e(G,{span:12},{default:t(()=>[e(w,{label:o.$t("Group Slug"),required:""},{default:t(()=>[e(n,{type:"text",modelValue:d.slug,"onUpdate:modelValue":_[1]||(_[1]=y=>d.slug=y),placeholder:o.$t("Unique Slug")},null,8,["modelValue","placeholder"]),i.value.slug?(g(!0),C(O,{key:0},R(i.value.slug,(y,U)=>(g(),C("span",{class:"error",key:U},h(y),1))),128)):$("",!0)]),_:1},8,["label"])]),_:1}),e(G,{span:12},{default:t(()=>[e(w,{label:o.$t("Attribute Type")},{default:t(()=>[e(b,{modelValue:d.settings.type,"onUpdate:modelValue":_[2]||(_[2]=y=>d.settings.type=y),style:{width:"100%"}},{default:t(()=>[e(v,{label:o.$t("Options"),value:"options"},null,8,["label"]),e(v,{label:o.$t("Color"),value:"color"},null,8,["label"]),e(v,{label:o.$t("Image"),value:"image"},null,8,["label"])]),_:1},8,["modelValue"])]),_:1},8,["label"])]),_:1}),e(G,{span:12},{default:t(()=>[e(w,{label:o.$t("Styling")},{default:t(()=>[e(b,{modelValue:d.settings.styling,"onUpdate:modelValue":_[3]||(_[3]=y=>d.settings.styling=y),clearable:"",style:{width:"100%"}},{default:t(()=>[e(v,{label:o.$t("Dropdown"),value:"dropdown"},null,8,["label"]),e(v,{label:o.$t("Button"),value:"button"},null,8,["label"])]),_:1},8,["modelValue"])]),_:1},8,["label"])]),_:1}),e(G,{span:24},{default:t(()=>[e(w,{label:o.$t("Group Description")},{default:t(()=>[e(n,{type:"textarea",modelValue:d.description,"onUpdate:modelValue":_[4]||(_[4]=y=>d.description=y),placeholder:o.$t("Group Description..."),autosize:{minRows:8}},null,8,["modelValue","placeholder"]),i.value.description?(g(!0),C(O,{key:0},R(i.value.description,(y,U)=>(g(),C("span",{class:"error",key:U},h(y),1))),128)):$("",!0)]),_:1},8,["label"])]),_:1})]),_:1}),A("div",me,[e(I,{disabled:m.value,loading:m.value,onClick:_[5]||(_[5]=y=>r()),type:"primary"},{default:t(()=>[T(h(o.$t("Add Group")),1)]),_:1},8,["disabled","loading"])])]),_:1},8,["data"])])}}}),_e={name:"EditGroupModal",props:["group","groupId"],setup(c,f){const u=S(!1),m=S(!1),i=S({}),d=c.group.settings||{},r=z({type:d.type||"options",styling:d.styling||"button"});return{loading:u,is_group_loading:m,updateGroup:()=>{u.value=!0,i.value={};const V={...r};L.put("options/attr/group/"+c.groupId,{title:c.group.title,slug:c.group.slug,description:c.group.description,settings:V}).then(o=>{j(o.message),c.group.settings=V,f.emit("whenGroupEditIsDone",c.group)}).catch(o=>{if(o.message)return q(o);if(typeof o=="object")return i.value=o}).finally(()=>{u.value=!1})},validationErrors:i,groupSettings:r}}},ge={class:"fct-attr-group-edit-modal"},be={class:"dialog-footer"};function fe(c,f,u,m,i,d){const r=p("el-input"),k=p("el-form-item"),V=p("el-col"),o=p("el-option"),_=p("el-select"),n=p("el-row"),w=p("el-form"),G=p("el-button");return g(),C("div",ge,[e(w,{"label-position":"top",data:u.group},{default:t(()=>[e(n,{gutter:24},{default:t(()=>[e(V,{span:24},{default:t(()=>[e(k,{label:c.$t("Group Title")},{default:t(()=>[e(r,{type:"text",modelValue:u.group.title,"onUpdate:modelValue":f[0]||(f[0]=v=>u.group.title=v),placeholder:c.$t("Group Title")},null,8,["modelValue","placeholder"]),m.validationErrors.title?(g(!0),C(O,{key:0},R(m.validationErrors.title,(v,b)=>(g(),C("span",{class:"error",key:b},h(v),1))),128)):$("",!0)]),_:1},8,["label"])]),_:1}),e(V,{span:12},{default:t(()=>[e(k,{label:c.$t("Attribute Type")},{default:t(()=>[e(_,{modelValue:m.groupSettings.type,"onUpdate:modelValue":f[1]||(f[1]=v=>m.groupSettings.type=v),style:{width:"100%"}},{default:t(()=>[e(o,{label:c.$t("Options"),value:"options"},null,8,["label"]),e(o,{label:c.$t("Color"),value:"color"},null,8,["label"]),e(o,{label:c.$t("Image"),value:"image"},null,8,["label"])]),_:1},8,["modelValue"])]),_:1},8,["label"])]),_:1}),e(V,{span:12},{default:t(()=>[e(k,{label:c.$t("Styling")},{default:t(()=>[e(_,{modelValue:m.groupSettings.styling,"onUpdate:modelValue":f[2]||(f[2]=v=>m.groupSettings.styling=v),clearable:"",style:{width:"100%"}},{default:t(()=>[e(o,{label:c.$t("Dropdown"),value:"dropdown"},null,8,["label"]),e(o,{label:c.$t("Button"),value:"button"},null,8,["label"])]),_:1},8,["modelValue"])]),_:1},8,["label"])]),_:1}),e(V,{span:24},{default:t(()=>[e(k,{label:c.$t("Group Description")},{default:t(()=>[e(r,{autosize:{minRows:4},type:"textarea",modelValue:u.group.description,"onUpdate:modelValue":f[3]||(f[3]=v=>u.group.description=v),placeholder:c.$t("Group Description ...")},null,8,["modelValue","placeholder"]),m.validationErrors.description?(g(!0),C(O,{key:0},R(m.validationErrors.description,(v,b)=>(g(),C("span",{class:"error",key:b},h(v),1))),128)):$("",!0)]),_:1},8,["label"])]),_:1})]),_:1})]),_:1},8,["data"]),A("div",be,[e(G,{disabled:!u.group.title||m.loading,loading:m.is_group_loading,onClick:f[4]||(f[4]=v=>m.updateGroup()),type:"primary"},{default:t(()=>[T(h(c.$t("Save changes")),1)]),_:1},8,["disabled","loading"])])])}const ve=W(_e,[["render",fe]]),we={class:"fct-attr-group-page fct-layout-width"},ye={key:1},he={__name:"AttrGroups",setup(c){const f=ue(),u=S(!1),m=S(!1),i=S({}),d=V=>{u.value=!1,i.value=V,m.value=!0},r=()=>{u.value=!1,f.fetch()},k=()=>{i.value={},m.value=!1,f.fetch()};return(V,o)=>{const _=p("el-button"),n=p("el-dialog");return g(),C("div",we,[e(le,{title:a(l)("Attributes")},{action:t(()=>[e(_,{onClick:o[0]||(o[0]=w=>u.value=!u.value),type:"primary"},{default:t(()=>[T(h(a(l)("Add Group")),1)]),_:1})]),_:1},8,["title"]),e(Z,{table:a(f),"has-mobile-slot":!0},{mobile:t(()=>[a(f).isLoading()?(g(),D(J,{key:0})):(g(),D(H,{key:1,"attr-groups-table":a(f),onEdit:d},null,8,["attr-groups-table"]))]),default:t(()=>[a(f).isLoading()?(g(),D(J,{key:0})):(g(),C("div",ye,[e(H,{"attr-groups-table":a(f),onEdit:d},null,8,["attr-groups-table"])]))]),_:1},8,["table"]),e(n,{"append-to-body":!0,width:"50%",modelValue:u.value,"onUpdate:modelValue":o[1]||(o[1]=w=>u.value=w),title:a(l)("Add new attribute group")},{default:t(()=>[u.value?(g(),D(ce,{key:0,onWhenGroupCreateIsDone:r})):$("",!0)]),_:1},8,["modelValue","title"]),e(n,{"append-to-body":!0,width:"50%",modelValue:m.value,"onUpdate:modelValue":o[2]||(o[2]=w=>m.value=w),title:a(l)("Edit attribute group")},{default:t(()=>[m.value?(g(),D(ve,{key:0,group:i.value,"group-id":i.value.id,onWhenGroupEditIsDone:k},null,8,["group","group-id"])):$("",!0)]),_:1},8,["modelValue","title"])])}}};class Ve extends Y{setupInitialData(){super.setupInitialData(),this.data.sorting.sortBy="serial",this.data.sorting.sortType="ASC"}setGroupId(f){this.data.groupId=f}getTabs(){return null}getToggleableColumns(){return[{label:l("Slug"),value:"slug"},{label:l("Description"),value:"description"}]}getSortableColumns(){return[{label:l("Serial"),value:"serial"},{label:l("Title"),value:"title"},{label:l("Created at"),value:"created_at"}]}getSearchHint(){return l("Search by title or slug.")}getFetchUrl(){return"options/attr/group/"+this.data.groupId+"/terms"}parseResponse(f){return f.terms}getTableName(){return"attr_terms_table"}getSearchGuideOptions(){return[]}}function Te(c={}){return Ve.init(c)}const ke={class:"more-btn mr-2"},De={__name:"AttrTermsTableBody",props:{attrTermsTable:{type:Object,required:!0}},emits:["edit","delete","serialChange"],setup(c,{emit:f}){const u=f,m=i=>{i.action==="edit"?u("edit",i.row):i.action==="delete"?u("delete",i.row):i.action==="serial_up"?u("serialChange",{row:i.row,direction:"up"}):i.action==="serial_down"&&u("serialChange",{row:i.row,direction:"down"})};return(i,d)=>{const r=p("el-table-column"),k=p("el-dropdown-item"),V=p("el-dropdown-menu"),o=p("el-dropdown"),_=p("el-table");return g(),D(_,{data:c.attrTermsTable.getTableData(),class:"w-full"},{empty:t(()=>[e(F,{icon:"Empty/ListView","has-dark":!0,text:a(l)("No attribute terms found!")},null,8,["text"])]),default:t(()=>[e(r,{width:70,label:a(l)("Serial")},{default:t(n=>[T(h(n.row.serial),1)]),_:1},8,["label"]),e(r,{"min-width":150,label:a(l)("Title")},{default:t(n=>[T(h(n.row.title||a(l)("No Name")),1)]),_:1},8,["label"]),c.attrTermsTable.isColumnVisible("slug")?(g(),D(r,{key:0,"min-width":150,label:a(l)("Slug")},{default:t(n=>[T(h(n.row.slug),1)]),_:1},8,["label"])):$("",!0),c.attrTermsTable.isColumnVisible("description")?(g(),D(r,{key:1,"min-width":150,label:a(l)("Description")},{default:t(n=>[T(h(n.row.description),1)]),_:1},8,["label"])):$("",!0),e(r,{"min-width":120,label:a(l)("Date")},{default:t(n=>[e(K,{"date-time":n.row.created_at},null,8,["date-time"])]),_:1},8,["label"]),e(r,{width:80,align:"right"},{default:t(n=>[e(o,{trigger:"click",class:"fct-more-option-wrap","popper-class":"fct-dropdown",onCommand:m,placement:"bottom-end"},{dropdown:t(()=>[e(V,null,{default:t(()=>[e(k,{command:{action:"serial_up",row:n.row}},{default:t(()=>[e(N,{name:"ArrowUp"}),T(" "+h(a(l)("Serial Up")),1)]),_:2},1032,["command"]),e(k,{command:{action:"serial_down",row:n.row}},{default:t(()=>[e(N,{name:"ArrowDown"}),T(" "+h(a(l)("Serial Down")),1)]),_:2},1032,["command"]),e(k,{command:{action:"edit",row:n.row}},{default:t(()=>[e(N,{name:"Edit"}),T(" "+h(a(l)("Edit")),1)]),_:2},1032,["command"]),e(k,{command:{action:"delete",row:n.row},class:"item-destructive"},{default:t(()=>[e(N,{name:"Delete"}),T(" "+h(a(l)("Delete")),1)]),_:2},1032,["command"])]),_:2},1024)]),default:t(()=>[A("span",ke,[e(N,{name:"More"})])]),_:2},1024)]),_:1})]),_:1},8,["data"])}}},Se={__name:"AttrTermsTableLoader",setup(c){return(f,u)=>{const m=p("el-skeleton-item"),i=p("el-skeleton"),d=p("el-table-column"),r=p("el-table");return g(),D(r,{data:[1,2,3,4,5],class:"w-full"},{default:t(()=>[e(d,{width:70,label:a(l)("Serial")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":150,label:a(l)("Title")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":150,label:a(l)("Slug")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"]),e(d,{"min-width":120,label:a(l)("Date")},{default:t(()=>[e(i,{animated:""},{template:t(()=>[e(m,{variant:"p",class:"w-4/5"})]),_:1})]),_:1},8,["label"])]),_:1})}}},$e={class:"fct-add-term-modal"},Ce={class:"flex items-center gap-3"},Ge={key:0,class:"mt-2"},Ie=["src"],Ue={class:"dialog-footer"},Ee={__name:"AddTermModal",props:{groupId:{type:[String,Number],required:!0},group:{type:Object,default:()=>({})}},emits:["isTermCreatingDone"],setup(c,{emit:f}){const u=c,m=f,i=S(!1),d=P(()=>{const _=u.group&&u.group.settings;return _&&_.type?_.type:"options"}),r=S({title:"",slug:"",serial:10,description:"",settings:{color:"",image:""}}),k=()=>{if(window.wp&&window.wp.media){const _=window.wp.media({title:"Select Image",multiple:!1,library:{type:"image"}});_.on("select",()=>{const n=_.state().get("selection").first().toJSON();r.value.settings.image=n.url}),_.open()}},V=()=>{i.value=!0,L.post("options/attr/group/"+u.groupId+"/term",{title:r.value.title,slug:r.value.slug,serial:r.value.serial,description:r.value.description,settings:{color:r.value.settings.color,image:r.value.settings.image}}).then(_=>{j(_.message),m("isTermCreatingDone")}).catch(_=>{q(_)}).finally(()=>{i.value=!1})},o=()=>{!r.value.slug&&r.value.title&&(r.value.slug=r.value.title.toLowerCase().trim().replace(/ /g,"-").replace(/&/g,"and").replace(/'/g,"_"))};return(_,n)=>{const w=p("el-input"),G=p("el-form-item"),v=p("el-col"),b=p("el-row"),s=p("el-color-picker"),I=p("el-button"),x=p("el-form");return g(),C("div",$e,[e(x,{"label-position":"top",data:r.value},{default:t(()=>[e(b,{gutter:15},{default:t(()=>[e(v,{span:12},{default:t(()=>[e(G,{label:a(l)("Title")},{default:t(()=>[e(w,{type:"text",modelValue:r.value.title,"onUpdate:modelValue":n[0]||(n[0]=y=>r.value.title=y),placeholder:a(l)("Title"),onBlur:o},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1}),e(v,{span:12},{default:t(()=>[e(G,{label:a(l)("Slug")},{default:t(()=>[e(w,{type:"text",modelValue:r.value.slug,"onUpdate:modelValue":n[1]||(n[1]=y=>r.value.slug=y),placeholder:a(l)("Unique slug...")},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1})]),_:1}),e(G,{label:a(l)("Description")},{default:t(()=>[e(w,{type:"textarea",modelValue:r.value.description,"onUpdate:modelValue":n[2]||(n[2]=y=>r.value.description=y),placeholder:a(l)("Description ...")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),e(G,{label:a(l)("Serial")},{default:t(()=>[e(w,{type:"number",modelValue:r.value.serial,"onUpdate:modelValue":n[3]||(n[3]=y=>r.value.serial=y),placeholder:a(l)("Term serial...")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),d.value==="color"?(g(),D(G,{key:0,label:a(l)("Color")},{default:t(()=>[A("div",Ce,[e(s,{modelValue:r.value.settings.color,"onUpdate:modelValue":n[4]||(n[4]=y=>r.value.settings.color=y)},null,8,["modelValue"]),e(w,{modelValue:r.value.settings.color,"onUpdate:modelValue":n[5]||(n[5]=y=>r.value.settings.color=y),placeholder:a(l)("Color code"),class:"flex-1"},null,8,["modelValue","placeholder"])])]),_:1},8,["label"])):$("",!0),d.value==="image"?(g(),D(G,{key:1,label:a(l)("Image URL")},{default:t(()=>[e(w,{modelValue:r.value.settings.image,"onUpdate:modelValue":n[6]||(n[6]=y=>r.value.settings.image=y),placeholder:a(l)("https://...")},{append:t(()=>[e(I,{onClick:k},{default:t(()=>[T(h(a(l)("Upload")),1)]),_:1})]),_:1},8,["modelValue","placeholder"]),r.value.settings.image?(g(),C("div",Ge,[A("img",{src:r.value.settings.image,alt:"",class:"rounded border border-gray-200 dark:border-dark-400 max-w-[60px] max-h-[60px]"},null,8,Ie)])):$("",!0)]),_:1},8,["label"])):$("",!0)]),_:1},8,["data"]),A("div",Ue,[e(I,{disabled:!r.value.title||i.value,loading:i.value,onClick:V,type:"primary"},{default:t(()=>[T(h(a(l)("Add term")),1)]),_:1},8,["disabled","loading"])])])}}},Ae={class:"fct-edit-term-modal"},xe={class:"flex items-center gap-3"},Be={key:0,class:"mt-2"},Me=["src"],Ne={class:"dialog-footer"},Le={__name:"EditTermModal",props:{groupId:{type:[String,Number],required:!0},editing:{type:Object,required:!0},group:{type:Object,default:()=>({})}},emits:["isTermEditingDone"],setup(c,{emit:f}){const u=c,m=f,i=S(!1),d=P(()=>{const b=u.group&&u.group.settings;return b&&b.type?b.type:"options"}),r=S(u.editing.title||""),k=S(u.editing.slug||""),V=S(u.editing.description||""),o=S(u.editing.serial||""),_=u.editing.settings&&typeof u.editing.settings=="object"?u.editing.settings:{},n=S(_.color||""),w=S(_.image||""),G=()=>{if(window.wp&&window.wp.media){const b=window.wp.media({title:"Select Image",multiple:!1,library:{type:"image"}});b.on("select",()=>{const s=b.state().get("selection").first().toJSON();w.value=s.url}),b.open()}},v=()=>{i.value=!0,L.post("options/attr/group/"+u.groupId+"/term/"+u.editing.id,{title:r.value,slug:k.value,serial:o.value,description:V.value,settings:{color:n.value,image:w.value}}).then(b=>{j(b.message),m("isTermEditingDone")}).catch(b=>{q(b)}).finally(()=>{i.value=!1})};return(b,s)=>{const I=p("el-input"),x=p("el-form-item"),y=p("el-color-picker"),U=p("el-button"),X=p("el-form");return g(),C("div",Ae,[e(X,{"label-position":"top",data:c.editing},{default:t(()=>[e(x,{label:a(l)("Title")},{default:t(()=>[e(I,{type:"text",modelValue:r.value,"onUpdate:modelValue":s[0]||(s[0]=E=>r.value=E),placeholder:a(l)("Title")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),e(x,{label:a(l)("Slug")},{default:t(()=>[e(I,{type:"text",disabled:"",modelValue:k.value,"onUpdate:modelValue":s[1]||(s[1]=E=>k.value=E),placeholder:a(l)("Slug")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),e(x,{label:a(l)("Description")},{default:t(()=>[e(I,{type:"textarea",modelValue:V.value,"onUpdate:modelValue":s[2]||(s[2]=E=>V.value=E),placeholder:a(l)("Description ...")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),e(x,{label:a(l)("Serial")},{default:t(()=>[e(I,{type:"number",modelValue:o.value,"onUpdate:modelValue":s[3]||(s[3]=E=>o.value=E),placeholder:a(l)("Term serial...")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),d.value==="color"?(g(),D(x,{key:0,label:a(l)("Color")},{default:t(()=>[A("div",xe,[e(y,{modelValue:n.value,"onUpdate:modelValue":s[4]||(s[4]=E=>n.value=E)},null,8,["modelValue"]),e(I,{modelValue:n.value,"onUpdate:modelValue":s[5]||(s[5]=E=>n.value=E),placeholder:a(l)("Color code"),class:"flex-1"},null,8,["modelValue","placeholder"])])]),_:1},8,["label"])):$("",!0),d.value==="image"?(g(),D(x,{key:1,label:a(l)("Image URL")},{default:t(()=>[e(I,{modelValue:w.value,"onUpdate:modelValue":s[6]||(s[6]=E=>w.value=E),placeholder:a(l)("https://...")},{append:t(()=>[e(U,{onClick:G},{default:t(()=>[T(h(a(l)("Upload")),1)]),_:1})]),_:1},8,["modelValue","placeholder"]),w.value?(g(),C("div",Be,[A("img",{src:w.value,alt:"",class:"rounded border border-gray-200 dark:border-dark-400 max-w-[60px] max-h-[60px]"},null,8,Me)])):$("",!0)]),_:1},8,["label"])):$("",!0)]),_:1},8,["data"]),A("div",Ne,[e(U,{disabled:!r.value||i.value,loading:i.value,onClick:v,type:"primary"},{default:t(()=>[T(h(a(l)("Save changes")),1)]),_:1},8,["disabled","loading"])])])}}},Oe={class:"fct-single-term-page fct-layout-width"},Re={class:"single-page-header flex items-start justify-between"},je={class:"single-page-header-title-wrap"},qe={class:"fct-btn-group sm"},Fe={key:1},He={__name:"GroupTermView",setup(c){const u=ae().params.group_id,m=S({}),i=S({}),d=S(!1),r=S(!1),k=ee(oe),V=Te({fetch:!1});V.setGroupId(u),V.fetch(),te(()=>{L.get("options/attr/group/"+u,{}).then(v=>{m.value=v.group}).catch(v=>{var b;v.status_code=="422"?B.validationErrors(v):B.error((b=v.data)==null?void 0:b.message)})});const o=v=>{d.value=!0,i.value=v},_=v=>{Q(l("Are you sure you want to delete this term? This action is not recoverable."),l("Confirm Delete!"),{confirmButtonText:l("Yes, Delete"),cancelButtonText:l("Cancel"),type:"warning"}).then(()=>{L.delete("options/attr/group/"+u+"/term/"+v.id).then(b=>{B.success(b.message),V.fetch()}).catch(b=>{var s;b.status_code=="422"?B.validationErrors(b):B.error((s=b.data)==null?void 0:s.message)})}).catch(()=>{})},n=({row:v,direction:b})=>{L.post("options/attr/group/"+u+"/term/"+v.id+"/serial",{direction:b}).then(s=>{j(s),V.fetch()}).catch(s=>{var I;s.status_code=="422"?B.validationErrors(s):B.error((I=s.data)==null?void 0:I.message)})},w=()=>{r.value=!1,V.fetch()},G=()=>{i.value={},d.value=!1,V.fetch()};return(v,b)=>{const s=p("el-breadcrumb-item"),I=p("el-breadcrumb"),x=p("el-button"),y=p("el-dialog");return g(),C("div",Oe,[A("div",Re,[A("div",je,[e(I,{"separator-icon":a(k)},{default:t(()=>[e(s,{to:{name:"attributes"}},{default:t(()=>[T(h(a(l)("Attributes")),1)]),_:1}),e(s,{to:{name:"attributes"}},{default:t(()=>[T(h(a(l)("Group")),1)]),_:1}),e(s,{to:{name:"attributes"}},{default:t(()=>[T(h(m.value.title||a(l)("loading...")),1)]),_:1}),e(s,null,{default:t(()=>[T(" #"+h(a(u)),1)]),_:1})]),_:1},8,["separator-icon"])]),A("div",qe,[e(x,{type:"primary",onClick:b[0]||(b[0]=U=>r.value=!0)},{default:t(()=>[T(h(a(l)("Add Term")),1)]),_:1})])]),e(Z,{table:a(V),"has-mobile-slot":!1},{default:t(()=>[a(V).isLoading()?(g(),D(Se,{key:0})):(g(),C("div",Fe,[e(De,{"attr-terms-table":a(V),onEdit:o,onDelete:_,onSerialChange:n},null,8,["attr-terms-table"])]))]),_:1},8,["table"]),e(y,{"append-to-body":!0,width:"40%",modelValue:r.value,"onUpdate:modelValue":b[1]||(b[1]=U=>r.value=U),title:a(l)("Add new attribute term")},{default:t(()=>[r.value?(g(),D(Ee,{key:0,"group-id":a(u),group:m.value,onIsTermCreatingDone:w},null,8,["group-id","group"])):$("",!0)]),_:1},8,["modelValue","title"]),e(y,{"append-to-body":!0,width:"40%",modelValue:d.value,"onUpdate:modelValue":b[2]||(b[2]=U=>d.value=U),title:a(l)("Edit the term")},{default:t(()=>[d.value?(g(),D(Le,{key:0,"group-id":a(u),group:m.value,editing:i.value,onIsTermEditingDone:G},null,8,["group-id","group","editing"])):$("",!0)]),_:1},8,["modelValue","title"])])}}};window.fluent_cart_admin.hooks.addFilter("fluent_cart_routes","fluent_attributes_routes",function(c){return c.attributes={path:"/attributes",component:ie,meta:{active_menu:"products",title:"Attributes",permission:"products/edit"},children:[{name:"attributes",path:"",component:he,meta:{active_menu:"products",title:"Attribute Groups",permission:"products/edit"}},{name:"attr_view_group",path:":group_id(\\d+)",component:He,props:!0,meta:{active_menu:"products",title:"Attribute Terms",permission:"products/edit"}}]},c}); |
