mirror of
https://github.com/beak-insights/felicity-lims.git
synced 2025-02-24 17:02:55 +08:00
2 lines
5.9 KiB
JavaScript
2 lines
5.9 KiB
JavaScript
|
import{f as R,r as p,v as D,h as i,k as d,x as t,y as v,u as o,B as y,D as a,ag as f,j as q,A as E,i as b,F as x,ak as C,_ as $}from"./_plugin-vue_export-helper-dacf3d65.js";import j from"./LoadingMessage-097e117a.js";import z from"./SimpleModal-9e28c074.js";import{q as G,D as H,I as J,m as K,w as O}from"./shipment-53265c2d.js";import{A as Q,E as W}from"./clients.mutations-698c4600.js";import{h as X,o as Y,a as Z}from"./constants-743d82a1.js";import{b as tt,v as T,d as w,a as et}from"./runtime-dom.esm-bundler-98433118.js";const st={class:""},ot={class:"grid grid-cols-12 gap-4 mt-2"},lt={class:"col-span-12"},nt={class:"bg-white rounded-sm shadow-sm hover:shadow-lg duration-500 px-4 sm:px-6 md:px-2 py-4"},it={key:0,class:"py-4 text-center"},at={key:1,class:"grid grid-cols-12 gap-3"},dt={class:"col-span-12 px-3 sm:px-0"},ct={class:"flex justify-between sm:text-sm md:text-md lg:text-lg text-gray-700 font-bold"},rt=t("hr",null,null,-1),mt={class:"grid grid-cols-2 mt-2"},ut={class:"col-span-1"},_t={class:"flex"},pt=t("span",{class:"text-gray-800 text-sm font-medium w-16"},"Province:",-1),vt={class:"text-gray-600 text-sm md:text-md"},ft={class:"flex"},ht=t("span",{class:"text-gray-800 text-sm font-medium w-16"},"District:",-1),xt={class:"text-gray-600 text-sm md:text-md"},gt={class:"flex"},yt=t("span",{class:"text-gray-800 text-sm font-medium w-16"},"Code:",-1),bt={class:"text-gray-600 text-sm md:text-md"},Ct={class:"col-span-1"},wt={class:"flex"},kt=t("span",{class:"text-gray-800 text-sm font-medium w-16"},"Email:",-1),Ut={class:"text-gray-600 text-sm md:text-md"},Dt={class:"flex"},Et=t("span",{class:"text-gray-800 text-sm font-medium w-16"},"Mobile:",-1),Tt={class:"text-gray-600 text-sm md:text-md"},It={action:"post",class:"p-1"},Lt={class:"grid grid-cols-2 gap-x-4 mb-4"},Mt={class:"block col-span-1 mb-2"},Nt=t("span",{class:"text-gray-700"},"Name",-1),St={class:"block col-span-1 mb-2"},Bt=t("span",{class:"text-gray-700"},"Code",-1),Vt={class:"grid grid-cols-3 gap-x-4 mb-4"},Ft={class:"block col-span-1 mb-2"},Pt=t("span",{class:"text-gray-700"},"Country",-1),At=t("option",null,null,-1),Rt=["value"],qt={class:"block col-span-1 mb-2"},$t=t("span",{class:"text-gray-700"},"Province",-1),jt=t("option",null,null,-1),zt=["value"],Gt={class:"block col-span-1 mb-2"},Ht=t("span",{class:"text-gray-700"},"District",-1),Jt=t("option",null,null,-1),Kt=["value"],Ot=t("hr",null,null,-1),Qt=R({__name:"index",setup(Wt){const r=G(),{withClientMutation:k}=O(),I=H(),h=J(),{client:c,fetchingClient:L}=K(h);let m=p(!1),g=p(!1),U=p(""),l=p({}),u=p(),_=p();h.fetchClientByUid(I.query.clientUid),r.fetchCountries();function M(n){r.filterProvincesByCountry(u.value)}function N(n){r.filterDistrictsByProvince(_.value)}function S(n,s={}){g.value=n,U.value=`${n?"CREATE":"EDIT"} CLIENT`,m.value=!0,n?l.value={}:(u.value=s?.district?.province?.countryUid,_.value=s?.district?.provinceUid,l.value=s)}function B(){k(Q,{payload:{name:l?.value?.name,code:l?.value?.code,districtUid:l?.value?.districtUid}},"createClient").then(n=>h.addClient(n))}function V(){k(W,{uid:l?.value?.uid,payload:{name:l?.value?.name,code:l?.value?.code,districtUid:l?.value?.districtUid}},"updateClient").then(n=>h.updateClient(n))}function F(){g.value&&B(),g.value||V(),m.value=!1,l.value={}}return(n,s)=>{const P=D("font-awesome-icon"),A=D("router-view");return i(),d(x,null,[t("div",st,[t("div",ot,[t("section",lt,[v(" Listing Item Card "),t("div",nt,[o(L)?(i(),d("div",it,[y(j,{message:"Fetching client metadata ..."})])):(i(),d("div",at,[v(" Summary Column "),t("div",dt,[t("div",ct,[t("span",null,a(o(c)?.name),1),t("div",null,[f(t("button",{onClick:s[0]||(s[0]=e=>S(!1,o(c))),class:"p-1 ml-2 border-white border text-gray-500 text-md rounded-sm transition duration-300 hover:text-sky-800 focus:outline-none"},[y(P,{icon:"fa-edit"})],512),[[tt,X(Z.UPDATE,Y.CLIENT)]])])]),rt,t("div",mt,[t("div",ut,[v(" Client Details "),t("div",_t,[pt,t("span",vt,a(o(c)?.name),1)]),t("div",ft,[ht,t("span",xt,a(o(c)?.district?.name),1)]),t("div",gt,[yt,t("span",bt,a(o(c)?.code),1)])]),t("div",Ct,[v(" Communication Detai
|