Edit Knowledge

Primary Question

Keywords (comma separated)

Content (Knowledge provided to AI) @section Styles { .db-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 40px; } .db-stat-card { border-radius: 12px; color: white; padding: 28px 24px; position: relative; overflow: hidden; box-shadow: 0 10px 20px rgba(8, 85, 54, 0.05); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); text-decoration: none !important; display: flex; flex-direction: column; justify-content: space-between; min-height: 155px; border: none; } .db-stat-card:hover { transform: translateY(-6px); box-shadow: 0 16px 28px rgba(8, 85, 54, 0.12); } .db-stat-card::after { content: ''; position: absolute; top: -20px; right: -20px; width: 120px; height: 120px; background: rgba(255, 255, 255, 0.07); border-radius: 50%; transition: all 0.5s ease; pointer-events: none; } .db-stat-card:hover::after { transform: scale(1.4); background: rgba(255, 255, 255, 0.11); } .db-card-1 { background: linear-gradient(135deg, #0e6f47 0%, #085536 100%); border-bottom: 6px solid #032115; } .db-card-2 { background: linear-gradient(135deg, #f28945 0%, #e86f2a 100%); border-bottom: 6px solid #b74c10; } .db-card-3 { background: linear-gradient(135deg, #2b6cb0 0%, #1a4473 100%); border-bottom: 6px solid #0c2642; } .db-card-4 { background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%); border-bottom: 6px solid #9b2c2c; } .db-stat-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .db-stat-label { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: rgba(255, 255, 255, 0.85); display: flex; align-items: center; gap: 6px; } .db-stat-icon { font-size: 20px; background: rgba(255, 255, 255, 0.14); width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(5px); } .db-stat-value { font-size: 40px; font-weight: 800; line-height: 1; margin: 8px 0; letter-spacing: -1px; color: white; } .db-stat-footer { font-size: 12px; color: rgba(255, 255, 255, 0.9); font-weight: 600; display: flex; align-items: center; gap: 6px; margin-top: 10px; } /* Layout Grid */ .db-dashboard-row { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; margin-bottom: 40px; align-items: start; } @@media (max-width: 1024px) { .db-dashboard-row { grid-template-columns: 1fr; } } /* Panels styling */ .db-panel-card { background: white; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.02); border: 1px solid #edf2f7; padding: 25px; transition: all 0.3s ease; } .db-panel-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.04); } .db-panel-title { margin-top: 0; margin-bottom: 20px; font-size: 16px; font-weight: 800; color: var(--primary-green); display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #f7fafc; padding-bottom: 12px; letter-spacing: 0.3px; } .db-chart-container { height: auto; min-height: 250px; position: relative; width: 100%; } /* Action Center elements */ .action-feed { display: flex; flex-direction: column; gap: 15px; max-height: 520px; overflow-y: auto; padding-right: 5px; } .action-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: 10px; background: white; border: 1px solid #edf2f7; transition: all 0.2s ease; text-decoration: none !important; color: inherit; } /* Hover style for unread messages only */ .action-item.unread:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.03); border-color: #cbd5e0; background: #e6f2ec; } .action-item.unread { background: #f0f7f4; border-color: #085536; } .action-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 15px; background: #edf2f7; color: #718096; } .action-item.unread .action-icon { background: rgba(8, 85, 54, 0.15); color: #085536; } .action-info { flex-grow: 1; min-width: 0; } .action-name { font-size: 13px; font-weight: 600; color: var(--text-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .action-item.unread .action-name { font-weight: 800; } .action-detail { font-size: 12px; color: #718096; margin: 4px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .action-item.unread .action-detail { color: #2d3748; font-weight: 500; } .action-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; } .action-time { font-size: 11px; color: var(--text-muted); } .action-item.unread .action-time { color: #085536; font-weight: 700; } /* Trophy Card */ .trophy-card { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); border-radius: 12px; padding: 24px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } .trophy-card::after { content: ''; position: absolute; right: -20px; top: -20px; width: 150px; height: 150px; background: radial-gradient(circle, rgba(236,201,75,0.15) 0%, rgba(255,255,255,0) 70%); border-radius: 50%; pointer-events: none; } .trophy-info-wrap { display: flex; align-items: center; gap: 20px; z-index: 1; } .trophy-icon { font-size: 48px; color: #ecc94b; text-shadow: 0 4px 15px rgba(236, 201, 75, 0.4); animation: floatTrophy 3s ease-in-out infinite; } @@keyframes floatTrophy { 0% { transform: translateY(0px) scale(1); } 50% { transform: translateY(-8px) scale(1.05); } 100% { transform: translateY(0px) scale(1); } } .trophy-content h3 { margin: 0 0 5px 0; font-size: 18px; font-weight: 800; color: white; text-transform: uppercase; letter-spacing: 1px; } .trophy-content p { margin: 0; font-size: 14px; color: #a0aec0; font-weight: 500; } .trophy-content strong { color: #ecc94b; font-size: 15px; } .btn-view-leaders { background: #ecc94b; color: #744210; font-weight: 800; font-size: 13px; padding: 10px 20px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s ease; z-index: 1; } .btn-view-leaders:hover { background: #d69e2e; color: white; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(236, 201, 75, 0.3); } /* Programs List */ .program-card-btn { display: flex; align-items: center; gap: 15px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 12px; text-decoration: none !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); background: white; box-shadow: 0 4px 10px rgba(0,0,0,0.01); } .program-card-btn:hover { transform: translateY(-4px); box-shadow: 0 8px 18px rgba(8, 85, 54, 0.08); border-color: #085536; } .p-icon-box { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; } .empty-feed-state { text-align: center; padding: 40px 20px; color: var(--text-muted); font-size: 13px; font-weight: 500; } .login-tracker-box { background: #f8fafc; border: 1px dashed #cbd5e0; padding: 12px 15px; border-radius: 8px; display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } } Total Users @Model.TotalUsers Registered community members Active Participants @(Model.ChallengeCount + Model.TwelveWeekCount + Model.TaiChiCount + Model.NutritionCount) Live active program trackers 0 ? "db-card-4" : "db-card-3")"> Actions Required @Model.TotalActionCount Alerts messages & testimonials @if (Model.TopParticipant != null) { Leaderboard Champion @Model.TopParticipant.ParticipantName achieved the highest wellness score ( @Model.TopParticipant.Score.ToString("0.##") ) in the @Model.TopParticipant.ProgramName program. View Global Top 10 } Pathway Demographics Action Center @if (Model.TotalActionCount > 0) { @Model.TotalActionCount Unread } @if (Model.RecentLogins != null && Model.RecentLogins.Any()) { Latest System Access @foreach (var user in Model.RecentLogins.Take(3)) { @(user.FirstName) @(user.LastName) @(user.LastLoginAt?.ToString("MMM dd, h:mm tt")) } } @Html.AntiForgeryToken() @if (Model.RecentMessages.Count == 0 && Model.RecentTestimonials.Count == 0) { Your clinical dashboard is fully caught up. } else { @foreach (var msg in Model.RecentMessages) { @msg.FullName @msg.Message @msg.SubmittedAt.ToString("MMM dd, h:mm tt") @if(!msg.IsRead) { NEW } } @foreach (var test in Model.RecentTestimonials) { @test.FullName @test.Story @test.SubmittedAt.ToString("MMM dd, h:mm tt") @if(!test.IsReviewed) { REVIEW } } } Clinical & Wellness Pathways 12-Week Risk Reduction Manage weekly baselines 30-Day Challenge Log milestones Nutritional Wellness Anti-inflammatory guides Tai Chi Program Practice logs Pickleball Program Court time Tai Chi Video Library Video classes @section Scripts { document.addEventListener('DOMContentLoaded', function() { const rawLabels = ['30-Day Challenge', '12-Week Risk Reduction', 'Nutritional Wellness', 'Tai Chi', 'Pickleball']; const rawData = [@Model.ChallengeCount, @Model.TwelveWeekCount, @Model.NutritionCount, @Model.TaiChiCount, @Model.PickleballCount]; const rawColors = ['#e86f2a', '#3182ce', '#085536', '#d69e2e', '#4a5568']; const destLinks = { '30-Day Challenge': '/Admin/Challenge/Index', '12-Week Risk Reduction': '/Admin/TwelveWeekProgram/Index', 'Nutritional Wellness': '/Admin/NutritionalWellness/Index', 'Tai Chi': '/Admin/TaiChi/Index', 'Pickleball': '/Admin/Pickleball/Index' }; const ctxBar = document.getElementById('programBarChart').getContext('2d'); new Chart(ctxBar, { type: 'bar', data: { labels: rawLabels, datasets: [{ label: 'Active Participants', data: rawData, backgroundColor: function(context) { const chart = context.chart; const {ctx, chartArea} = chart; if (!chartArea) { return rawColors[context.dataIndex]; } let gradient = ctx.createLinearGradient(0, chartArea.bottom, 0, chartArea.top); let color = rawColors[context.dataIndex]; // A modern gradient fading up slightly gradient.addColorStop(0, color); gradient.addColorStop(1, color + 'B3'); // ~70% opacity for top edge return gradient; }, hoverBackgroundColor: '#2d3748', borderRadius: 8, borderSkipped: false, barPercentage: 0.6 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 1200, easing: 'easeOutQuart', delay: (context) => { let delay = 0; if (context.type === 'data' && context.mode === 'default') { delay = context.dataIndex * 150 + 200; } return delay; } }, plugins: { legend: { display: false }, tooltip: { backgroundColor: 'rgba(0, 0, 0, 0.8)', titleFont: { size: 14, family: "'Plus Jakarta Sans', sans-serif" }, bodyFont: { size: 14, family: "'Plus Jakarta Sans', sans-serif" }, padding: 12, cornerRadius: 8 } }, scales: { y: { beginAtZero: true, grid: { color: 'rgba(0,0,0,0.03)', drawBorder: false }, ticks: { font: { family: "'Plus Jakarta Sans', sans-serif" } } }, x: { grid: { display: false }, ticks: { font: { family: "'Plus Jakarta Sans', sans-serif", weight: '600' } } } }, onClick: (e, elements, chart) => { if (elements.length > 0) { const index = elements[0].index; const label = chart.data.labels[index]; if (destLinks[label]) { window.location.href = destLinks[label]; } } }, onHover: (event, elements) => { event.native.target.style.cursor = elements.length ? 'pointer' : 'default'; } } }); }); function markMessageRead(event, msgId, url, element) { if (element.classList.contains('unread')) { event.preventDefault(); element.classList.remove('unread'); element.classList.add('read'); let icon = element.querySelector('.fa-envelope'); if (icon) { icon.classList.remove('fa-envelope'); icon.classList.add('fa-envelope-open'); } let badge = element.querySelector('.new-badge'); if (badge) { badge.style.display = 'none'; } // Fetch the AntiForgeryToken let token = document.querySelector('input[name="__RequestVerificationToken"]')?.value || ''; fetch('/Admin/Index?handler=MarkMessageRead', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'RequestVerificationToken': token }, body: `id=${msgId}` }).then(() => { window.location.href = url; }); return false; } return true; } }

Related Questions (JSON Array of strings)

Recommended Actions (JSON Array of objects) []

Active

Save Changes Cancel