mirror of
https://github.com/beak-insights/felicity-lims.git
synced 2025-02-24 17:02:55 +08:00
7 lines
3.5 KiB
JavaScript
7 lines
3.5 KiB
JavaScript
import{_ as S,x as $,b as D,e as E,w as T}from"./shipment-53265c2d.js";import{f as I,G as M,r as i,I as P,d as B,v as _,h as u,k as p,x as e,y as L,ag as l,u as a,B as s,A as v,D as x,F as g,ak as V,_ as F}from"./_plugin-vue_export-helper-dacf3d65.js";import{c as O,p as z}from"./index-fe7cd8a1.js";import{b as c}from"./runtime-dom.esm-bundler-98433118.js";const R={id:"main-nav",class:"flex items-center pr-4 bg-sky-800",role:"navigation"},j=e("div",{class:"flex-1 py-2"},[e("div",{class:"relative w-full max-w-xl mr-6 focus-within:text-purple-500"})],-1),G={class:"flex"},U=e("span",null,"Errors",-1),q=e("span",null,"Notifications",-1),H=e("span",{class:"text-sm"},"Settings",-1),J={class:"flex text-right align-middle py-2"},K={class:"flex justify-center items-center h-8 w-8 rounded-full border-2 border-gray-400 hover:border-gray-300 focus:border-gray-300 focus:outline-none text-white"},Q={class:"relative"},W={class:"text-white text-sm mr-2"},X={class:"absolute right-0 mt-4 py-2 w-48 bg-sky-800 rounded-sm shadow-xl z-20"},Y=e("h3",null,"Errors List",-1),Z=I({__name:"NavigationMain",setup(ee){const y=M(()=>S(()=>import("./Drawer-87b382b6.js"),["assets/Drawer-87b382b6.js","assets/_plugin-vue_export-helper-dacf3d65.js"])),{errors:f}=T(),r=i(!1);i(!1),i(!1);const b=$(),d=D(),{theme:te,toggleTheme:oe,loadPreferedTheme:w}=E();P(()=>w());const k=B(()=>`${d.auth?.user?.firstName} ${d.auth?.user?.lastName}`),N=h=>b.showNotifications(h),m=i(!1);return(h,t)=>{const n=_("font-awesome-icon"),C=_("router-link");return u(),p(g,null,[e("nav",R,[j,e("div",G,[L(` <span\r
|
|
@click="toggleTheme()"\r
|
|
class="no-underline text-gray-100 opacity-50 flex items-center px-4 border-b border-transparent hover:opacity-100 md:hover:border-grey-dark"\r
|
|
>\r
|
|
<font-awesome-icon :icon="theme?.icon" class="mr-2" />\r
|
|
<span class="text-sm">{{ theme?.variant }} mode</span>\r
|
|
</span> `),l(e("a",{href:"#",class:"no-underline text-gray-100 opacity-50 flex items-center px-4 border-b border-transparent hover:opacity-100 md:hover:border-grey-dark",onClick:t[0]||(t[0]=o=>m.value=!0)},[s(n,{icon:"bell",class:"mr-2"}),U],512),[[c,a(f).length>0]]),e("a",{href:"#",class:"no-underline text-gray-100 opacity-50 flex items-center px-4 border-b border-transparent hover:opacity-100 md:hover:border-grey-dark",onClick:t[1]||(t[1]=o=>N(!0))},[s(n,{icon:"bell",class:"mr-2"}),q]),l(s(C,{to:"/admin",class:"no-underline text-gray-100 opacity-50 flex items-center px-4 border-b border-transparent hover:opacity-100 md:hover:border-grey-dark"},{default:v(()=>[s(n,{icon:"cog",class:"mr-2"}),H]),_:1},512),[[c,O(z.ADMINISTRATION)]]),e("div",J,[e("span",K,[s(n,{icon:"user"})]),e("div",Q,[e("div",{onClick:t[2]||(t[2]=o=>r.value=!r.value),class:"hidden md:block md:flex md:items-center ml-2 mt-1"},[e("span",W,x(a(k)),1),e("div",null,[s(n,{icon:"chevron-down",class:"text-gray-400"})])]),l(e("div",{onClick:t[3]||(t[3]=o=>r.value=!1),class:"fixed inset-0 h-full w-full z-100"},null,512),[[c,r.value]]),l(e("div",X,[e("li",{onClick:t[4]||(t[4]=o=>a(d).logout()),class:"no-underline text-gray-100 py-1 opacity-80 flex items-center px-4 border-b border-transparent hover:bg-gray-800 hover:bg-opacity-25 hover:text-white"}," Log out ")],512),[[c,r.value]])])])])]),s(a(y),{show:m.value,onClose:t[5]||(t[5]=o=>m.value=!1)},{header:v(()=>[Y]),body:v(()=>[e("ul",null,[(u(!0),p(g,null,V(a(f),(o,A)=>(u(),p("li",{key:A},x(o),1))),128))])]),_:1},8,["show"])],64)}}}),ie=F(Z,[["__file","/home/aurthurm/Development/felicity-lims/webapp/views/components/nav/NavigationMain.vue"]]);export{ie as default};
|