Skip to content

feat(dashboards): integrate UI with maintainer dashboard models (PR review & merge velocity, open vs closed issues) #146

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
asithade merged 10 commits into from
Nov 12, 2025
Merged

feat(dashboards): integrate UI with maintainer dashboard models (PR review & merge velocity, open vs closed issues) #146

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
2dded9d
feat(dashboards): integrate project issues resolution metrics into re…
mauriciozanettisalomao Nov 11, 2025
5658bce
feat(analytics): add project pull requests weekly data integration
mauriciozanettisalomao Nov 11, 2025
849aa63
Merge remote-tracking branch 'origin/main' into feat/lfxv2-718-maitai…
mauriciozanettisalomao Nov 12, 2025
3b99071
feat(dashboards): enhance recent progress component with loading stat…
mauriciozanettisalomao Nov 12, 2025
d4f223a
fix(analytics): enforce required projectId for project issues resolution
mauriciozanettisalomao Nov 12, 2025
b6abcd4
feat(dashboards): implement project context service for project selec…
mauriciozanettisalomao Nov 12, 2025
e0fa471
fix(dashboards): add error handling for project data fetching in main…
mauriciozanettisalomao Nov 12, 2025
ff1338b
refactor(dashboards): improve project selection logic in maintainer d…
mauriciozanettisalomao Nov 12, 2025
7c88d99
refactor(dashboards): ssr-safe storage and pattern updates
asithade Nov 12, 2025
65f2988
fix(dashboards): add ssr-safe persona persistence
asithade Nov 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 37 additions & 8 deletions ...-one/src/app/modules/dashboards/components/recent-progress/recent-progress.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,24 +40,53 @@ <h2 class="font-['Roboto_Slab'] font-semibold text-[16px]">Recent Progress</h2>
</div>
</div>

<div class="overflow-hidden">
<div #progressScroll class="flex gap-4 overflow-x-auto pb-2 hide-scrollbar scroll-smooth" data-testid="dashboard-recent-progress-items">
@for (item of progressItems(); track item.label) {
@if (isLoading()) {
<!-- Loading State -->
<div class="flex items-center justify-center p-12">
<div class="text-center space-y-3">
<i class="fa-light fa-spinner-third fa-spin text-4xl text-[#0094FF]"></i>
<p class="text-sm text-gray-500">Loading project data...</p>
</div>
</div>
} @else {
<div class="overflow-hidden">
<div #progressScroll class="flex gap-4 overflow-x-auto pb-2 hide-scrollbar scroll-smooth" data-testid="dashboard-recent-progress-items">
@for (item of progressItems(); track item.label) {
<div class="p-4 bg-white rounded-lg border border-slate-200 flex-shrink-0 w-80" [attr.data-testid]="'dashboard-recent-progress-item-' + item.label">
<div class="space-y-3">
<h5 class="text-sm font-medium w-full">{{ item.label }}</h5>
<div class="w-full h-8">
<div class="flex items-center gap-2">
<h5 class="text-sm font-medium w-full">{{ item.label }}</h5>
<span
[class]="item.isConnected ? 'text-green-500' : 'text-gray-400'"
class="text-xs cursor-help"
[pTooltip]="item.isConnected ? 'Connected to live data' : 'Using placeholder data'"
tooltipPosition="top">
Comment thread
mauriciozanettisalomao marked this conversation as resolved.
Outdated
●
</span>
</div>
<div class="w-full h-24 relative">
Comment thread
mauriciozanettisalomao marked this conversation as resolved.
Outdated
<lfx-chart [type]="item.chartType" [data]="item.chartData" [options]="item.chartOptions" height="100%"></lfx-chart>
</div>
<div class="space-y-1">
<div class="text-xl font-medium">{{ item.value }}</div>
@if (hasTooltip(item.label)) {
<div
class="text-xl font-medium cursor-help"
[pTooltip]="getTooltipContent(item.label)"
[escape]="false"
tooltipPosition="top">
{{ item.value }}
</div>
} @else {
<div class="text-xl font-medium">{{ item.value }}</div>
}
@if (item.subtitle) {
<div class="text-xs text-gray-500">{{ item.subtitle }}</div>
}
</div>
</div>
</div>
}
}
</div>
</div>
</div>
}
</section>
Loading