2024-11-18 01:39:30 +08:00
|
|
|
`,_=h=>(ne("data-v-cf24237d"),h=h(),ie(),h),me={class:"mt-4"},ve={class:"grid grid-cols-12 gap-4 mt-2"},fe={class:"col-span-3"},_e={class:"w-full flex justify-between items-center pr-4"},be=_(()=>t("h2",{class:"text-l font-semibold inline uppercase"},"Countries",-1)),ge={class:"overflow-y-scroll overscroll-contain scroll-section"},he=["onClick"],Ce=["onClick"],we={key:0,class:"col-span-4"},ke={class:"w-full flex justify-between items-center pr-4"},xe=_(()=>t("h2",{class:"text-l font-semibold inline uppercase"},"Provinces",-1)),De={class:"overflow-y-scroll overscroll-contain scroll-section"},$e=["onClick"],Oe=["onClick"],je={key:1,class:"col-span-5"},Pe={class:"w-full flex justify-between items-center pr-4"},Te=_(()=>t("h2",{class:"text-l font-semibold inline uppercase"},"Districts",-1)),Ae={class:"overflow-y-scroll overscroll-contain scroll-section"},Ie=["onClick"],Ue=["onClick"],Ee={action:"post",class:"p-1"},Se={class:"grid grid-cols-2 gap-x-4 mb-4"},Le={class:"block col-span-1 mb-2"},Ne=_(()=>t("span",{class:"text-gray-700"},"Name",-1)),Re={class:"block col-span-1 mb-2"},Ve=_(()=>t("span",{class:"text-gray-700"},"Code",-1)),Be=_(()=>t("hr",null,null,-1)),Me=W({__name:"LocationAdmin",setup(h){const N=oe(()=>se(()=>import("./FelModal-44636049.js"),["assets/FelModal-44636049.js","assets/index-e62f5c21.js","assets/index-332ec99e.css","assets/FelModal-780aeea9.css"])),a=X(),{withClientMutation:y}=ae();let l=w(!0),m=w(!1),C=w(""),u=k({}),d=k({}),p=k({}),i=k({}),U=w("");a.fetchCountries();const R=j(()=>a.getCountries);function V(){const n={name:i.name,code:i.code};y(ce,{payload:n},"createCountry").then(e=>{a.addCountry(e),Object.assign(u,e)})}function B(){const n={name:i.name,code:i.code,active:!0};y(de,{uid:i.uid,payload:n},"updateCountry").then(e=>{a.updateCountry(e),Object.assign(u,e)})}function M(){const n={name:i.name,code:i.code,countryUid:u.uid};y(le,{payload:n},"createProvince").then(e=>{a.addProvince(e),Object.assign(d,e)})}function F(){const n={name:i.name,code:i.code,active:!0,countryUid:+i.countryUid};y(ue,{uid:i.uid,payload:n},"updateProvince").then(e=>{a.updateProvince(e),Object.assign(d,e)})}function q(){const n={name:i.name,code:i.code,provinceUid:d.uid};y(pe,{payload:n},"createDistrict").then(e=>{a.addDistrict(e),Object.assign(p,e)})}function Y(){const n={name:i.name,code:i.code,active:!0,provinceUid:+i.provinceUid};y(ye,{uid:i.uid,payload:n},"updateDistrict").then(e=>{a.updateDistrict(e),Object.assign(p,e)})}function z(){return u.uid!==void 0}function G(){return d.uid!==void 0}const H=j(()=>a.getProvinces),J=j(()=>a.getDistricts);let O=(n,e)=>{n==="country"&&(Object.assign(u,{...e}),a.filterProvincesByCountry(e.uid)),n==="province"&&(Object.assign(d,{...e}),a.filterDistrictsByProvince(e.uid)),n==="district"&&Object.assign(p,{...e})},K=n=>{n==="country"&&(Object.assign(u,{}),Object.assign(d,{}),Object.assign(p,{})),n==="province"&&(Object.assign(d,{}),Object.assign(p,{})),n==="district"&&Object.assign(p,{})};function v(n,e,b={}){l.value=n,C.value=e,m.value=!0,U.value=(n?"CREATE":"EDIT")+" "+e.toUpperCase(),n?(K(e),Object.assign(i,{})):Object.assign(i,{...b})}function Q(){C.value==="country"&&(l.value===!0&&V(),l.value===!1&&B()),C.value==="province"&&(l.value===!0&&M(),l.value===!1&&F()),C.value==="district"&&(l.value===!0&&q(),l.value===!1&&Y()),m.value=!1}return(n,e)=>{const b=Z("font-awesome-icon");return r(),c(x,null,[t("div",me,[t("div",ve,[t("section",fe,[t("div",_e,[be,t("button",{class:"p-2 my-2 ml-8 text-sm border-sky-800 border text-dark-700 transition-colors duration-150 rounded-sm focus:outline-none hover:bg-sky-800 hover:text-gray-100",onClick:e[0]||(e[0]=o=>v(!0,"country"))}," Add Country ")]),t("div",ge,[(r(!0),c(x,null,P(R.value,o=>(r(),c("div",{key:o.uid,class:T(s(u)?.uid===o.uid?"bg-white w-full flex justify-between p-2 mb-1 rounded-l-sm shadow border c-active":"bg-white w-full flex justify-between p-2 mb-1 rounded-l-sm shadow border")},[t("a",{onClick:D(g=>s(O)("country",o),["prevent","stop"]),class:"font-semibold text-gray-700"},[t("span",null,$(o.name),1)],8,he),t("a",{onClick:g=>v(!1,"
|