https://my.livingdna.com/js/1661.69d36697.js

1"use strict";(self["webpackChunkcustomer_portal"]=self["webpackChunkcustomer_portal"]||[]).push([[1661],{22081:function(e,a,l){l.d(a,{A:function(){return p}});l(44114);var t=l(56768),u=l(24232),o=l(90144);const n={key:0,class:"pagination"},r={class:"pagination-btns"},s={key:2,class:"ellipsis",disabled:""},c=["onClick"],i={key:3,class:"ellipsis",disabled:""};var v={__name:"CustomPagination",props:{pagination:Object},emits:["page-change"],setup(e,{emit:a}){const l=e,v=a,d=(0,o.KR)({totalPages:1,currentPage:1,itemsPerPage:10}),k=(0,t.EW)((()=>d.value.currentPage>1)),p=(0,t.EW)((()=>d.value.currentPage<d.value.totalPages)),m=(0,t.EW)((()=>d.value.currentPage>1)),b=(0,t.EW)((()=>d.value.currentPage<d.value.totalPages)),g=(0,t.EW)((()=>{const e=[],a=d.value.currentPage,l=d.value.totalPages;for(let t=Math.max(2,a-2);t<a;t++)t<l&&e.push(t);a>1&&a<l&&e.push(a);for(let t=a+1;t<=Math.min(l-1,a+2);t++)e.push(t);return e})),h=(0,t.EW)((()=>d.value.currentPage>4)),P=(0,t.EW)((()=>d.value.currentPage<d.value.totalPages-3));(0,t.wB)((()=>l.pagination),(e=>{d.value={...d.value,...e},d.value.currentPage<1&&(d.value.currentPage=1),d.value.currentPage>d.value.totalPages&&(d.value.currentPage=d.value.totalPages)}),{immediate:!0,deep:!0});const C=e=>{let a=d.value.currentPage;switch(e){case"FIRST":a=1;break;case"NEXT":a+=1;break;case"PREV":a-=1;break;case"LAST":a=d.value.totalPages;break;default:a=e}a<1&&(a=1),a>d.value.totalPages&&(a=d.value.totalPages),d.value.currentPage=a,v("page-change",a)};return(e,a)=>d.value.totalPages>1?((0,t.uX)(),(0,t.CE)("div",n,[(0,t.Lk)("div",null," Showing page "+(0,u.v_)(d.value.currentPage)+" of "+(0,u.v_)(d.value.totalPages)+" pages ",1),(0,t.Lk)("div",r,[k.value?((0,t.uX)(),(0,t.CE)("button",{key:0,onClick:a[0]||(a[0]=e=>C("FIRST"))},"First")):(0,t.Q3)("",!0),m.value?((0,t.uX)(),(0,t.CE)("button",{key:1,onClick:a[1]||(a[1]=e=>C("PREV"))},"Prev")):(0,t.Q3)("",!0),(0,t.Lk)("button",{onClick:a[2]||(a[2]=e=>C(1)),class:(0,u.C4)({active:1===d.value.currentPage})},"1",2),h.value?((0,t.uX)(),(0,t.CE)("button",s,"...")):(0,t.Q3)("",!0),((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(g.value,(e=>((0,t.uX)(),(0,t.CE)("button",{key:e,onClick:a=>C(e),class:(0,u.C4)({active:d.value.currentPage===e})},(0,u.v_)(e),11,c)))),128)),P.value?((0,t.uX)(),(0,t.CE)("button",i,"...")):(0,t.Q3)("",!0),d.value.totalPages>1?((0,t.uX)(),(0,t.CE)("button",{key:4,onClick:a[3]||(a[3]=e=>C(d.value.totalPages)),class:(0,u.C4)({active:d.value.currentPage===d.value.totalPages})},(0,u.v_)(d.value.totalPages),3)):(0,t.Q3)("",!0),b.value?((0,t.uX)(),(0,t.CE)("button",{key:5,onClick:a[4]||(a[4]=e=>C("NEXT"))},"Next")):(0,t.Q3)("",!0),p.value?((0,t.uX)(),(0,t.CE)("button",{key:6,onClick:a[5]||(a[5]=e=>C("LAST"))},"Last")):(0,t.Q3)("",!0)])])):(0,t.Q3)("",!0)}},d=l(71241);const k=(0,d.A)(v,[["__scopeId","data-v-00ced638"]]);var p=k},48683:function(e,a,l){l.r(a),l.d(a,{default:function(){return Z}});l(44114),l(64979);var t=l(56768),u=l(24232),o=l(90144),n=l(45130),r=l(27653),s=l(50973),c=l(78629),i=l(60397),v=l(71123),d=l(25023),k=l(97377),p=l(22081),m=l(3773),b=l(23176),g=l(69031),h=l(43550),P=l(78626),C=l(44594),f=l.n(C);const L={class:"family-matching-profile"},y={class:"profile-data-grid-row"},E={class:"profile-row"},_=["src"],w={key:1,src:r,class:"border",alt:""},R={class:"metrics-grid-row"},X=(0,t.Lk)("p",null,"Relation",-1),K=(0,t.Lk)("p",null,"Shared Matches",-1),A={href:"#shared-matches"},M=(0,t.Lk)("p",null,"Matchbox Group",-1),T={class:"tabs"},G={class:"tab-content-row"},S={class:"tab-content"},x={id:"shared-matches"},F={class:"head-text"},U={key:0,class:"relative"},W={key:0,class:"loader-overlay"},V=(0,t.Lk)("div",null,[(0,t.Lk)("span",{class:"spinner-border"})],-1),N=[V],Q={key:1,class:"match-box-edit"},B=["onClick"],I=["onClick"],j={key:2},H=(0,t.Lk)("p",{class:"text-danger"},"You have not created any matchboxes, create one below.",-1),O={class:"input-row my-3"},$=(0,t.Lk)("label",{for:"",class:"label"},"Group Name",-1),q=(0,t.Lk)("br",null,null,-1),D={class:"choose-color-row"},J=(0,t.Lk)("p",null,"Choose Color",-1);var Y={__name:"FamilyMatchingProfile",setup(e){const a=(0,h.X)(),l=(0,o.KR)([]),r=(0,s.rd)(),C=(0,s.lq)(),V=(0,o.KR)({}),Y=(0,o.KR)(""),z=(0,o.KR)(""),Z=(0,o.KR)(!1),ee=(0,o.KR)(!1),ae=(0,o.KR)(!1),le=(0,o.KR)(""),te=(0,o.KR)({}),ue=(0,o.KR)({maxVisibleButtons:5,totalPages:1,currentPage:1,itemsPerPage:10}),oe=(0,o.KR)(!1),ne=(0,o.KR)(""),re=(0,o.KR)(""),se=(0,o.KR)({}),ce=new(f())("9a59d0596dfbd4053d8b",{cluster:"eu",authEndpoint:"https://msg.livingdna.com/auth"}),ie=(0,t.EW)((()=>a.matchGroups)),ve=(0,o.KR)(c["default"].getters.profile.profile.barcode),de=(0,o.KR)(C.params.barcode);(0,t.wB)((()=>C.params.barcode),(async e=>{de.value=e;try{Z.value=!0,await(0,b.Cj)(ve.value,de.value).then((e=>{V.value=e})).catch((e=>{throw console.log("Getting match details failed"),e}));const e=await(0,g.K)(V.value);Y.value=e?.name,z.value=i.A.find((e=>e.code===V.value.countryOfBirth)).name,(0,P.isEmpty)(a.matchGroups)&&await a.getMatchGroups(),l.value=a.matchGroups.filter((e=>e.members.map((e=>e.barcode)).includes(V.value.barcode)));const t=(0,P.sortBy)([ve.value,de.value]);le.value=`private-${btoa(t.join(","))}`;const u=ce.subscribe(le.value);u.bind("channel-blocked",(e=>{ae.value=e})),ae.value=await(0,b.BW)(le.value),ke(1)}finally{window.scrollTo(0,0),Z.value=!1}}),{immediate:!0});const ke=async e=>{try{Z.value=!0,te.value=await(0,b.JN)(ve.value,de.value,{perPage:ue.value.itemsPerPage,pageNumber:ue.value.currentPage}),ue.value.currentPage=e,ue.value.totalPages=Math.ceil(te.value.total/ue.value.itemsPerPage);for(let e of te.value.sharedMatches)e.matchGroups=ie.value.filter((a=>a.members.map((e=>e.barcode)).includes(e.barcode)))}catch(a){console.error(a)}finally{Z.value=!1}},pe=({type:e,title:a,data:l})=>{re.value=a,ne.value=e,oe.value=!0,se.value=l},me=()=>{oe.value=!1},be=async e=>{try{ee.value=!0,await(0,b.zr)(se.value,e).then((async()=>{await a.getMatchGroups(),he(),ee.value=!1}))}catch(l){console.error(l)}finally{ee.value=!1}},ge=async e=>{try{ee.value=!0;const l=ie.value.find((a=>a.id===e)),t=l.members.find((e=>e.barcode===se.value.barcode));await(0,b.A0)(t.id).then((async()=>{await a.getMatchGroups(),he(),ee.value=!1}))}catch(l){console.error(l)}finally{ee.value=!1}},he=()=>{for(let e of te.value.sharedMatches)e.barcode===se.value.barcode&&(e.matchGroups=ie.value.filter((a=>a.members.map((e=>e.barcode)).includes(e.barcode))))},Pe=(0,t.EW)((()=>C.name)),Ce=e=>{r.push({name:e,params:{barcode:C.params.barcode}})},fe=async()=>{await(0,b.vx)(le.value,!0)},Le=async()=>{await(0,b.vx)(le.value,!1)},ye=(0,o.KR)({name:"",colour:"#fdba74"}),Ee=async()=>{try{if(ee.value=!0,ye.value.name){await a.addMatchGroup(ye.value);const e=ie.value[0].id;me(),await be(e),ye.value={name:"",colour:"#fdba74"}}}catch(e){console.error(e)}finally{ee.value=!1}};return(e,a)=>{const r=(0,t.g2)("router-view");return(0,t.uX)(),(0,t.CE)(t.FK,null,[Z.value?((0,t.uX)(),(0,t.Wv)(v.A,{key:0})):(0,t.Q3)("",!0),(0,t.Lk)("div",L,[(0,t.Lk)("div",y,[(0,t.Lk)("div",null,[(0,t.Lk)("div",E,[(0,t.Lk)("div",null,[V.value.photo?((0,t.uX)(),(0,t.CE)("img",{key:0,class:"border",src:V.value.photo,alt:""},null,8,_)):((0,t.uX)(),(0,t.CE)("img",w))]),(0,t.Lk)("div",null,[(0,t.Lk)("h2",null,(0,u.v_)(V.value.username||V.value.name),1),(0,t.Lk)("p",null,(0,u.v_)(z.value),1)])])]),(0,t.Lk)("div",null,[(0,t.Lk)("div",null,[ae.value?((0,t.uX)(),(0,t.CE)("button",{key:0,onClick:Le},"Unblock Profile")):((0,t.uX)(),(0,t.CE)("button",{key:1,onClick:fe},"Block Profile"))])])]),(0,t.Lk)("div",R,[(0,t.Lk)("div",null,[X,(0,t.Lk)("h5",null,(0,u.v_)(Y.value),1),(0,t.Lk)("p",null,(0,u.v_)(V.value.dnaSharedPercentage)+" DNA shared ("+(0,u.v_)(V.value.dnaShared)+"cM)",1)]),(0,t.Lk)("div",null,[K,(0,t.Lk)("a",A,[(0,t.Lk)("h5",null,(0,u.v_)(te.value?.total)+" matches",1)])]),(0,t.Lk)("div",null,[M,((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(l.value,(e=>((0,t.uX)(),(0,t.CE)("div",{key:e.id,class:"align-items-baseline"},[(0,t.Lk)("div",{class:"group-color-dot",style:(0,u.Tr)(`background-color:${e.colour}`)},null,4),(0,t.Lk)("h5",null,(0,u.v_)(e.name)+" Group",1)])))),128))])])]),(0,t.Lk)("div",T,[(0,t.Lk)("button",{onClick:a[0]||(a[0]=e=>Ce("profile-conversation")),class:(0,u.C4)({activeTabs:"profile-conversation"===Pe.value})}," Conversation ",2),(0,t.Lk)("button",{onClick:a[1]||(a[1]=e=>Ce("profile-relationship")),class:(0,u.C4)({activeTabs:"profile-relationship"===Pe.value})}," Relationship ",2),(0,t.Lk)("button",{onClick:a[2]||(a[2]=e=>Ce("profile-notes")),class:(0,u.C4)({activeTabs:"profile-notes"===Pe.value})}," Notes ",2),(0,t.Lk)("button",{onClick:a[3]||(a[3]=e=>Ce("profile-map")),class:(0,u.C4)({activeTabs:"profile-map"===Pe.value})}," Shared Map ",2),(0,t.Lk)("button",{onClick:a[4]||(a[4]=e=>Ce("profile-chromosome-browser")),class:(0,u.C4)({activeTabs:"profile-chromosome-browser"===Pe.value})}," Shared DNA ",2)]),(0,t.Lk)("div",G,[(0,t.Lk)("div",S,[(0,t.bF)(r,{match:V.value},null,8,["match"])])]),(0,t.Lk)("div",x,[(0,t.Lk)("h3",F,"Relatives "+(0,u.v_)((0,o.R1)(c["default"]).getters.firstName)+" and "+(0,u.v_)(V.value.username||V.value.name)+" have in common",1),(0,t.bF)(d.A,{items:te.value.sharedMatches,onOpenModal:pe},null,8,["items"]),(0,t.bF)(p.A,{pagination:ue.value,onPageChange:ke},null,8,["pagination"])]),(0,t.bF)(k.A,{isVisible:oe.value,title:re.value,onClose:me},{default:(0,t.k6)((()=>[["add","edit"].includes(ne.value)?((0,t.uX)(),(0,t.CE)("div",U,[ee.value?((0,t.uX)(),(0,t.CE)("div",W,N)):(0,t.Q3)("",!0),ie.value.length?((0,t.uX)(),(0,t.CE)("div",Q,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(ie.value,(e=>((0,t.uX)(),(0,t.CE)("div",{class:"flex",key:e.id},[(0,t.Lk)("div",null,[(0,t.Lk)("span",{class:"group-dot",style:(0,u.Tr)(`background-color: ${e.colour}`)},null,4),(0,t.eW)(" "+(0,u.v_)(e.name),1)]),(0,t.Lk)("div",null,(0,u.v_)(e.members.length)+" members ",1),(0,t.Lk)("div",null,[e.members.map((e=>e.barcode)).includes(se.value.barcode)?((0,t.uX)(),(0,t.CE)("button",{key:1,class:"remove",onClick:a=>ge(e.id)}," Remove ",8,I)):((0,t.uX)(),(0,t.CE)("button",{key:0,class:"add",onClick:a=>be(e.id)}," Add ",8,B))])])))),128))])):((0,t.uX)(),(0,t.CE)("div",j,[H,(0,t.Lk)("div",O,[$,(0,t.eW)(),q,(0,t.bo)((0,t.Lk)("input",{type:"text",placeholder:"Enter Group Name",class:"form-control",required:"","onUpdate:modelValue":a[5]||(a[5]=e=>ye.value.name=e)},null,512),[[n.Jo,ye.value.name]])]),(0,t.Lk)("div",D,[J,(0,t.bF)(m.A,{class:"mt-1",modelValue:ye.value.colour,"onUpdate:modelValue":a[6]||(a[6]=e=>ye.value.colour=e)},null,8,["modelValue"])]),(0,t.Lk)("div",{class:"edit-group-container flex justify-content-center mt-3"},[(0,t.Lk)("button",{onClick:Ee,class:"btn btn-primary"},"Add Group")])]))])):(0,t.Q3)("",!0)])),_:1}

1,8,["isVisible","title"])],64)}}};const z=Y;var Z=z}}]);
2//# sourceMappingURL=1661.69d36697.js.map