1 line
2.8 KiB
JavaScript
1 line
2.8 KiB
JavaScript
import{D as e,E as t,S as n,T as r,d as i,g as a,i as o,l as s,m as c,p as l,t as u,v as d,w as f,x as p,y as m}from"./index-DzvFzRSs.js";var h={class:`min-h-screen bg-slate-50 md:h-screen md:flex md:overflow-hidden`},g={class:`md:hidden sticky top-0 z-30 bg-slate-900 text-white px-4 py-3 flex items-center justify-between`},_={class:`px-5 py-4 border-b border-slate-700 flex items-center justify-between`},v={class:`flex-1 px-3 py-4 space-y-1 overflow-y-auto`},y={class:`px-5 py-3 border-t border-slate-700 text-xs`},b={class:`text-slate-400`},x={class:`text-slate-600`},S={class:`flex-1 overflow-auto`},C={class:`max-w-7xl mx-auto px-4 md:px-6 py-4 md:py-6`},w={__name:`Layout`,setup(w){let T=u(),E=o(),D=f(!1),O=[{path:`/`,icon:`📊`,label:`Дашборд`},{path:`/users`,icon:`👥`,label:`Клиенты`},{path:`/payments`,icon:`💳`,label:`Платежи`},{path:`/subscriptions`,icon:`📱`,label:`Подписки`},{path:`/plans`,icon:`💰`,label:`Тарифы`},{path:`/prompts`,icon:`📝`,label:`Промпты`},{path:`/llm`,icon:`🤖`,label:`LLM`}];function k(){T.logout(),E.push(`/login`)}return(o,u)=>{let f=p(`router-link`),w=p(`router-view`);return d(),c(`div`,h,[i(`div`,g,[u[5]||=i(`div`,{class:`flex items-center gap-2`},[i(`span`,{class:`text-lg`},`🔮`),i(`span`,{class:`font-semibold`},`AstroMayak`)],-1),i(`button`,{onClick:u[0]||=e=>D.value=!0,class:`p-2 -mr-2`,"aria-label":`Меню`},[...u[4]||=[i(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[i(`line`,{x1:`3`,y1:`6`,x2:`21`,y2:`6`}),i(`line`,{x1:`3`,y1:`12`,x2:`21`,y2:`12`}),i(`line`,{x1:`3`,y1:`18`,x2:`21`,y2:`18`})],-1)]])]),D.value?(d(),c(`div`,{key:0,class:`md:hidden fixed inset-0 bg-black/50 z-30`,onClick:u[1]||=e=>D.value=!1})):l(``,!0),i(`aside`,{class:t([`fixed md:static inset-y-0 left-0 z-40 w-64 bg-slate-900 text-slate-300 flex flex-col transform transition-transform duration-200 md:transform-none`,D.value?`translate-x-0`:`-translate-x-full md:translate-x-0`])},[i(`div`,_,[u[6]||=i(`div`,null,[i(`h1`,{class:`text-lg font-semibold text-white`},`🔮 AstroMayak`),i(`p`,{class:`text-xs text-slate-500 mt-0.5`},`Admin Panel`)],-1),i(`button`,{onClick:u[2]||=e=>D.value=!1,class:`md:hidden text-slate-400 hover:text-white`},`✕`)]),i(`nav`,v,[(d(),c(s,null,m(O,r=>a(f,{key:r.path,to:r.path,onClick:u[3]||=e=>D.value=!1,class:t([`flex items-center gap-3 px-3 py-2 rounded-lg text-sm hover:bg-slate-800 transition`,o.$route.path===r.path?`bg-slate-800 text-white`:``])},{default:n(()=>[i(`span`,null,e(r.icon),1),i(`span`,null,e(r.label),1)]),_:2},1032,[`to`,`class`])),64))]),i(`div`,y,[i(`p`,b,e(r(T).admin?.username||`admin`),1),i(`p`,x,e(r(T).admin?.role),1),i(`button`,{onClick:k,class:`mt-2 text-slate-500 hover:text-slate-300`},`Выйти`)])],2),i(`main`,S,[i(`div`,C,[a(w)])])])}}};export{w as default}; |