https://assets.burmester-vogel.com/build/assets/SavedRoutesSidebar-Dngvxsue.js

1import{o as B,$ as S,q as o,t as r,F as h,v as e,K as b,N as a,Q as m,I as x,_,z as s,C as i,a as D,b as w}from"./@vue-CA-SgnMH.js";/* empty css                   */import{aQ as I,w as v,ak as L}from"./@heroicons-Cf48ZF6v.js";import"./pusher-js-B1ji4th-.js";const M={class:"divide-y divide-gray-100"},N=["onClick"],V=["onClick"],z={class:"min-w-0 flex-1 text-xs font-medium text-gray-900"},F={class:"flex items-center gap-1"},Q={class:"truncate"},T={class:"flex items-center gap-1"},j={class:"truncate"},q={key:1,class:"shrink-0 rounded bg-gray-100 px-1 py-px text-[9px] font-medium text-gray-600"},A=["onClick"],E={class:"divide-y divide-gray-100"},K=["onClick"],U=["onClick"],G={class:"min-w-0 flex-1 text-xs font-medium text-gray-900"},H={class:"flex items-center gap-1"},J={class:"truncate"},O={class:"flex items-center gap-1"},P={class:"truncate"},W={key:1,class:"shrink-0 rounded bg-gray-100 px-1 py-px text-[9px] font-medium text-gray-600"},X={key:0,class:"mt-0.5 text-[10px] font-normal text-gray-400"},Y=["onClick"],Z={key:1,class:"px-4 py-8 text-center text-xs text-gray-400"},rt={__name:"SavedRoutesSidebar",props:{savedRoutes:Array,activeSavedRouteId:Number,animateRoute:Boolean},emits:["loadRoute","deleteRoute","toggleBookmark"],setup(p,{emit:C}){const k=p,l=C,u=w(()=>(k.savedRoutes??[]).filter(n=>n.bookmarked)),y=w(()=>(k.savedRoutes??[]).filter(n=>!n.bookmarked)),f=D(Date.now());let g=null;B(()=>{g=setInterval(()=>{f.value=Date.now()},6e4)}),S(()=>{g&&(clearInterval(g),g=null)});const $=n=>{if(!n)return"";const c=new Date(n).getTime(),t=(f.value-c)/1e3;return t<60?"just now":t<3600?`${Math.floor(t/60)}m ago`:t<86400?`${Math.floor(t/3600)}h ago`:t<604800?`${Math.floor(t/86400)}d ago`:new Date(n).toLocaleDateString()};return(n,c)=>(o(),r(h,null,[u.value.length>0?(o(),r(h,{key:0},[c[0]||(c[0]=e("div",{class:"border-b border-gray-200 px-4 pt-3 pb-2"},[e("h3",{class:"text-xs font-semibold uppercase tracking-wide text-gray-500"},"Saved Routes")],-1)),e("ul",M,[(o(!0),r(h,null,b(u.value,t=>(o(),r("li",{key:t.id,class:a(["group flex w-full cursor-pointer items-center gap-3 px-4 py-2.5 text-left transition-colors hover:bg-indigo-50",p.activeSavedRouteId===t.id?"bg-indigo-100":""]),onClick:d=>!p.animateRoute&&l("loadRoute",t)},[e("span",{role:"button",onClick:m(d=>l("toggleBookmark",t),["stop"]),class:"shrink-0 cursor-pointer rounded p-1 text-amber-500 transition-colors hover:text-amber-600",title:"Remove bookmark"},[x(_(I),{class:"h-4 w-4"})],8,V),e("div",z,[e("div",F,[t.ports[0]?.country_code?(o(),r("span",{key:0,class:a([`fi fi-${t.ports[0].country_code.toLowerCase()}`,"!h-2.5 !w-3.5 rounded-xs"])},null,2)):s("",!0),e("span",Q,i(t.ports[0]?.name||"?"),1)]),e("div",T,[t.ports[t.ports.length-1]?.country_code?(o(),r("span",{key:0,class:a([`fi fi-${t.ports[t.ports.length-1].country_code.toLowerCase()}`,"!h-2.5 !w-3.5 rounded-xs"])},null,2)):s("",!0),e("span",j,i(t.ports[t.ports.length-1]?.name||"?"),1),t.ports.length>2?(o(),r("span",q," +"+i(t.ports.length-2),1)):s("",!0)])]),e("span",{role:"button",onClick:m(d=>l("deleteRoute",t),["stop"]),class:"shrink-0 cursor-pointer rounded p-1 text-gray-300 opacity-0 transition-opacity hover:text-red-500 group-hover:opacity-100",title:"Delete saved route"},[x(_(v),{class:"h-3.5 w-3.5"})],8,A)],10,N))),128))])],64)):s("",!0),e("div",{class:a(["border-b border-gray-200 px-4 pt-3 pb-2",u.value.length>0?"border-t":""])},[...c[1]||(c[1]=[e("h3",{class:"text-xs font-semibold uppercase tracking-wide text-gray-500"},"Recents",-1)])],2),e("ul",E,[(o(!0),r(h,null,b(y.value,t=>(o(),r("li",{key:t.id,class:a(["group flex w-full cursor-pointer items-center gap-3 px-4 py-2.5 text-left transition-colors hover:bg-indigo-50",p.activeSavedRouteId===t.id?"bg-indigo-100":""]),onClick:d=>!p.animateRoute&&l("loadRoute",t)},[e("span",{role:"button",onClick:m(d=>l("toggleBookmark",t),["stop"]),class:"shrink-0 cursor-pointer rounded p-1 text-gray-300 transition-colors hover:text-amber-500",title:"Bookmark to keep"},[x(_(L),{class:"h-4 w-4"})],8,U),e("div",G,[e("div",H,[t.ports[0]?.country_code?(o(),r("span",{key:0,class:a([`fi fi-${t.ports[0].c

1ountry_code.toLowerCase()}`,"!h-2.5 !w-3.5 rounded-xs"])},null,2)):s("",!0),e("span",J,i(t.ports[0]?.name||"?"),1)]),e("div",O,[t.ports[t.ports.length-1]?.country_code?(o(),r("span",{key:0,class:a([`fi fi-${t.ports[t.ports.length-1].country_code.toLowerCase()}`,"!h-2.5 !w-3.5 rounded-xs"])},null,2)):s("",!0),e("span",P,i(t.ports[t.ports.length-1]?.name||"?"),1),t.ports.length>2?(o(),r("span",W," +"+i(t.ports.length-2),1)):s("",!0)]),t.last_used_at?(o(),r("div",X,i($(t.last_used_at)),1)):s("",!0)]),e("span",{role:"button",onClick:m(d=>l("deleteRoute",t),["stop"]),class:"shrink-0 cursor-pointer rounded p-1 text-gray-300 opacity-0 transition-opacity hover:text-red-500 group-hover:opacity-100",title:"Remove from recents"},[x(_(v),{class:"h-3.5 w-3.5"})],8,Y)],10,K))),128))]),y.value.length===0&&u.value.length===0?(o(),r("div",Z," Recent calculations will appear here ")):s("",!0)],64))}};export{rt as default};
2//# sourceMappingURL=SavedRoutesSidebar-Dngvxsue.js.map