UNPKG

gentelella

Version:

Gentelella v4 — free admin template. 60 pages, 20 chart variants, fully interactive inbox & kanban, live theme generator, component playground, PWA-ready. Vite 8, vanilla JS, no Bootstrap, no jQuery.

2 lines 2.33 kB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["js/details-ei_iEF3Z.js","js/toast-DgCSlJPv.js","js/rolldown-runtime-DEgBLETi.js","js/modal-MTuCfURV.js"])))=>i.map(i=>d[i]); import{t as a}from"./main-v4-BFwmMcfm.js";var e=[["Aigars Silkalns","A","primary","Admin","148","12","9"],["Sarah Kowalski","SK","azure","Designer","64","7","5"],["Michael Reyes","MR","purple","Engineer","98","11","4"],["Emily Wang","EW","yellow","PM","42","3","8"],["Mark Kim","MK","red","Engineer","71","6","2"],["Lina Park","LP","green","Marketing","38","9","6"],["Diego Reyes","DR","blue","Sales","83","14","11"],["Yuki Tanaka","YT","primary","Support","55","8","3"],["Tom Hardy","TH","purple","Engineer","67","5","7"]],n={primary:"linear-gradient(135deg,var(--primary),var(--primary-dk))",azure:"linear-gradient(135deg,var(--azure),#1d6fa5)",purple:"linear-gradient(135deg,var(--purple),#8a2da0)",yellow:"linear-gradient(135deg,var(--yellow),#c97f00)",red:"linear-gradient(135deg,var(--red),#a82b2b)",green:"linear-gradient(135deg,var(--green),#1a8a32)",blue:"linear-gradient(135deg,var(--blue),#0550a0)"},t=document.getElementById("contacts-grid");t.innerHTML=e.map(([a,e,t,r,i,s,d],o)=>`\n <div class="contact-card" data-idx="${o}">\n <div class="av" style="background:${n[t]}">${e}</div>\n <div class="name">${a}</div>\n <div class="role">${r}</div>\n <div style="display:flex;gap:6px;justify-content:center;margin-bottom:12px">\n <button class="btn btn-outline btn-sm" data-action="message">Message</button>\n <button class="btn btn-primary btn-sm" data-action="view">View</button>\n </div>\n <div class="stats">\n <div><strong>${i}</strong>Projects</div>\n <div><strong>${s}</strong>Tasks</div>\n <div><strong>${d}</strong>Messages</div>\n </div>\n </div>\n`).join(""),a(async()=>{const{openContactModal:a}=await import("./details-ei_iEF3Z.js");return{openContactModal:a}},__vite__mapDeps([0,1,2,3])).then(({openContactModal:a})=>{t.addEventListener("click",n=>{const t=n.target.closest(".contact-card");if(!t)return;const r=parseInt(t.dataset.idx,10),i=e[r];if(!i)return;const s=n.target.closest("[data-action]")?.dataset.action,[d,o,l,g,c,v,p]=i;"message"!==s&&"view"!==s&&n.target.closest("button")||(n.preventDefault(),a({name:d,ini:o,color:l,role:g,projects:c,tasks:v,msgs:p}))})});