1 line
10 KiB
JSON
1 line
10 KiB
JSON
{"file":"index-92TOgIUU.js","mappings":";;;;;;;AAwHA,UAAM,mBAAmB;AAAA,MACvB,EAAE,MAAM,6CAA6C,MAAM,iBAAiB,UAAU,iBAAA;AAAA,MACtF,EAAE,MAAM,oCAAoC,MAAM,kBAAkB,UAAU,cAAA;AAAA,MAC9E,EAAE,MAAM,6CAA6C,MAAM,cAAc,UAAU,iBAAA;AAAA,MACnF,EAAE,MAAM,mDAAmD,MAAM,eAAe,UAAU,cAAA;AAAA,MAC1F,EAAE,MAAM,iDAAiD,MAAM,eAAe,UAAU,gBAAA;AAAA,IAAgB;;;oBAvB/D,kBAAgB,CAApC,UAAU,UAAK;iEACmCA,eAAA,CAAA,SAAS,UAAQ,yCAAA,CAAA,0EAEvCC,eAAA,SAAS,IAAI,iDACNA,eAAA,SAAS,IAAI;;;;;;;;;;;;","names":["_ssrRenderClass","_ssrInterpolate"],"sources":["../../../../pages/index.vue"],"sourcesContent":["<template>\n <div>\n <!-- Page Header -->\n <div class=\"mb-8\">\n <h1 class=\"text-2xl font-bold text-white\">Dashboard</h1>\n <p class=\"text-slate-400 mt-1\">ServiceFinder administration overview</p>\n </div>\n\n <!-- Stat Tiles Grid -->\n <div class=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-6 mb-8\">\n <!-- Active Users -->\n <div class=\"bg-slate-800 rounded-xl border border-slate-700 p-6 hover:border-indigo-500/50 transition group\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"p-2 rounded-lg bg-indigo-500/10 text-indigo-400 group-hover:bg-indigo-500/20 transition\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197m13.5-9a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\" />\n </svg>\n </div>\n <span class=\"text-xs font-medium text-emerald-400 bg-emerald-400/10 px-2 py-1 rounded-full\">+12%</span>\n </div>\n <h3 class=\"text-sm font-medium text-slate-400 uppercase tracking-wider\">Active Users</h3>\n <p class=\"text-3xl font-bold text-white mt-2\">2,847</p>\n <p class=\"text-xs text-slate-500 mt-1\">1,240 new this month</p>\n </div>\n\n <!-- Total Vehicles -->\n <div class=\"bg-slate-800 rounded-xl border border-slate-700 p-6 hover:border-cyan-500/50 transition group\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"p-2 rounded-lg bg-cyan-500/10 text-cyan-400 group-hover:bg-cyan-500/20 transition\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.5 21v-7.5a.75.75 0 01.75-.75h3a.75.75 0 01.75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349m-16.5 11.65V9.35m0 0a3.001 3.001 0 003.75-.615A2.993 2.993 0 009.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 002.25 1.016c.896 0 1.7-.393 2.25-1.016a3.001 3.001 0 003.75.614m-16.5 0a3.004 3.004 0 01-.621-4.72L4.318 3.44A1.5 1.5 0 015.378 3h13.243a1.5 1.5 0 011.06.44l1.19 1.189a3 3 0 01-.621 4.72m-13.5 8.65h3.75a.75.75 0 00.75-.75V13.5a.75.75 0 00-.75-.75H6.75a.75.75 0 00-.75.75v3.75c0 .415.336.75.75.75z\" />\n </svg>\n </div>\n <span class=\"text-xs font-medium text-emerald-400 bg-emerald-400/10 px-2 py-1 rounded-full\">+5%</span>\n </div>\n <h3 class=\"text-sm font-medium text-slate-400 uppercase tracking-wider\">Total Vehicles</h3>\n <p class=\"text-3xl font-bold text-white mt-2\">12,493</p>\n <p class=\"text-xs text-slate-500 mt-1\">342 added this month</p>\n </div>\n\n <!-- Monthly Revenue -->\n <div class=\"bg-slate-800 rounded-xl border border-slate-700 p-6 hover:border-emerald-500/50 transition group\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"p-2 rounded-lg bg-emerald-500/10 text-emerald-400 group-hover:bg-emerald-500/20 transition\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <span class=\"text-xs font-medium text-emerald-400 bg-emerald-400/10 px-2 py-1 rounded-full\">+18%</span>\n </div>\n <h3 class=\"text-sm font-medium text-slate-400 uppercase tracking-wider\">Monthly Revenue</h3>\n <p class=\"text-3xl font-bold text-white mt-2\">€48,250</p>\n <p class=\"text-xs text-slate-500 mt-1\">€6,200 from premium</p>\n </div>\n\n <!-- Error Logs -->\n <div class=\"bg-slate-800 rounded-xl border border-slate-700 p-6 hover:border-rose-500/50 transition group\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"p-2 rounded-lg bg-rose-500/10 text-rose-400 group-hover:bg-rose-500/20 transition\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\" />\n </svg>\n </div>\n <span class=\"text-xs font-medium text-rose-400 bg-rose-400/10 px-2 py-1 rounded-full\">+3</span>\n </div>\n <h3 class=\"text-sm font-medium text-slate-400 uppercase tracking-wider\">Error Logs</h3>\n <p class=\"text-3xl font-bold text-white mt-2\">23</p>\n <p class=\"text-xs text-slate-500 mt-1\">3 critical today</p>\n </div>\n </div>\n\n <!-- Quick Actions & Recent Activity -->\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n <!-- Quick Actions -->\n <div class=\"bg-slate-800 rounded-xl border border-slate-700 p-6\">\n <h2 class=\"text-lg font-semibold text-white mb-4\">Quick Actions</h2>\n <div class=\"space-y-3\">\n <button class=\"w-full flex items-center gap-3 px-4 py-3 bg-slate-700/50 hover:bg-slate-700 rounded-lg text-sm text-slate-300 hover:text-white transition text-left\">\n <svg class=\"w-5 h-5 text-indigo-400 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197m13.5-9a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\" />\n </svg>\n Invite New Admin User\n </button>\n <button class=\"w-full flex items-center gap-3 px-4 py-3 bg-slate-700/50 hover:bg-slate-700 rounded-lg text-sm text-slate-300 hover:text-white transition text-left\">\n <svg class=\"w-5 h-5 text-cyan-400 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.5 21v-7.5a.75.75 0 01.75-.75h3a.75.75 0 01.75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349m-16.5 11.65V9.35m0 0a3.001 3.001 0 003.75-.615A2.993 2.993 0 009.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 002.25 1.016c.896 0 1.7-.393 2.25-1.016a3.001 3.001 0 003.75.614m-16.5 0a3.004 3.004 0 01-.621-4.72L4.318 3.44A1.5 1.5 0 015.378 3h13.243a1.5 1.5 0 011.06.44l1.19 1.189a3 3 0 01-.621 4.72m-13.5 8.65h3.75a.75.75 0 00.75-.75V13.5a.75.75 0 00-.75-.75H6.75a.75.75 0 00-.75.75v3.75c0 .415.336.75.75.75z\" />\n </svg>\n Add New Vehicle\n </button>\n <button class=\"w-full flex items-center gap-3 px-4 py-3 bg-slate-700/50 hover:bg-slate-700 rounded-lg text-sm text-slate-300 hover:text-white transition text-left\">\n <svg class=\"w-5 h-5 text-emerald-400 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15a2.25 2.25 0 012.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" />\n </svg>\n View Service Reports\n </button>\n </div>\n </div>\n\n <!-- Recent Activity -->\n <div class=\"bg-slate-800 rounded-xl border border-slate-700 p-6\">\n <h2 class=\"text-lg font-semibold text-white mb-4\">Recent Activity</h2>\n <div class=\"space-y-4\">\n <div v-for=\"(activity, index) in recentActivities\" :key=\"index\" class=\"flex items-start gap-3\">\n <div class=\"w-2 h-2 mt-2 rounded-full flex-shrink-0\" :class=\"activity.dotColor\" />\n <div class=\"flex-1 min-w-0\">\n <p class=\"text-sm text-slate-300\">{{ activity.text }}</p>\n <p class=\"text-xs text-slate-500 mt-0.5\">{{ activity.time }}</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\ndefinePageMeta({\n middleware: 'auth',\n})\n\nconst recentActivities = [\n { text: 'New user registered: john.doe@example.com', time: '2 minutes ago', dotColor: 'bg-emerald-400' },\n { text: 'Vehicle #V-8842 added to catalog', time: '15 minutes ago', dotColor: 'bg-cyan-400' },\n { text: 'Payment received: €120.00 from Garage XYZ', time: '1 hour ago', dotColor: 'bg-emerald-400' },\n { text: 'System error: DVLA API timeout on request #4421', time: '2 hours ago', dotColor: 'bg-rose-400' },\n { text: 'Permission updated for user: superadmin@sf.hu', time: '3 hours ago', dotColor: 'bg-indigo-400' },\n]\n</script>\n"],"version":3} |