+
diff --git a/apps/lfx-one/src/app/modules/pages/dashboard/components/my-projects/my-projects.component.scss b/apps/lfx-one/src/app/modules/pages/dashboard/components/my-projects/my-projects.component.scss
new file mode 100644
index 00000000..c32094b4
--- /dev/null
+++ b/apps/lfx-one/src/app/modules/pages/dashboard/components/my-projects/my-projects.component.scss
@@ -0,0 +1,2 @@
+// Copyright The Linux Foundation and each contributor to LFX.
+// SPDX-License-Identifier: MIT
diff --git a/apps/lfx-one/src/app/modules/pages/dashboard/components/my-projects/my-projects.component.ts b/apps/lfx-one/src/app/modules/pages/dashboard/components/my-projects/my-projects.component.ts
new file mode 100644
index 00000000..45e2fd87
--- /dev/null
+++ b/apps/lfx-one/src/app/modules/pages/dashboard/components/my-projects/my-projects.component.ts
@@ -0,0 +1,57 @@
+// Copyright The Linux Foundation and each contributor to LFX.
+// SPDX-License-Identifier: MIT
+
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { ChartComponent } from '@components/chart/chart.component';
+import { TableComponent } from '@components/table/table.component';
+
+import type { ProjectItem } from '@lfx-one/shared/interfaces';
+
+@Component({
+ selector: 'lfx-my-projects',
+ standalone: true,
+ imports: [CommonModule, ChartComponent, TableComponent],
+ templateUrl: './my-projects.component.html',
+ styleUrl: './my-projects.component.scss',
+})
+export class MyProjectsComponent {
+ protected readonly projects: ProjectItem[] = [
+ {
+ name: 'Kubernetes',
+ logo: 'https://avatars.githubusercontent.com/u/13455738?s=280&v=4',
+ role: 'Maintainer',
+ affiliations: ['CNCF', 'Google'],
+ codeActivities: [28, 32, 30, 35, 38, 40, 42],
+ nonCodeActivities: [8, 10, 12, 11, 13, 14, 15],
+ status: 'active',
+ },
+ {
+ name: 'Linux Kernel',
+ logo: 'https://upload.wikimedia.org/wikipedia/commons/3/35/Tux.svg',
+ role: 'Contributor',
+ affiliations: ['Linux Foundation'],
+ codeActivities: [15, 18, 20, 22, 24, 26, 28],
+ nonCodeActivities: [3, 4, 5, 6, 7, 7, 8],
+ status: 'active',
+ },
+ {
+ name: 'Node.js',
+ logo: 'https://nodejs.org/static/logos/nodejsHex.svg',
+ role: 'Reviewer',
+ affiliations: ['OpenJS Foundation'],
+ codeActivities: [18, 16, 15, 14, 13, 12, 12],
+ nonCodeActivities: [8, 7, 6, 6, 5, 5, 5],
+ status: 'archived',
+ },
+ ];
+
+ /**
+ * Generates labels for chart based on data length
+ * @param length - Number of data points
+ * @returns Array of empty strings for chart labels
+ */
+ protected generateLabels(length: number): string[] {
+ return Array.from({ length }, () => '');
+ }
+}
diff --git a/apps/lfx-one/src/app/modules/pages/dashboard/components/pending-actions/pending-actions.component.html b/apps/lfx-one/src/app/modules/pages/dashboard/components/pending-actions/pending-actions.component.html
new file mode 100644
index 00000000..893de263
--- /dev/null
+++ b/apps/lfx-one/src/app/modules/pages/dashboard/components/pending-actions/pending-actions.component.html
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+ My Projects
+
+
+
+
+
+
+ Project
+ Affiliation(s)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Code Activities
+
+
+
+ Non-Code Activities
+
+
+
+
+
+ @if (project.logo) {
+ ![]()
+ } @else {
+
+
+
+
+ }
+
+
+ {{ project.name }}
+ {{ project.role }}
+ {{ project.affiliations.join(', ') }}
+
+
+
+
+
+
+
+
+
+
+
+
+ Pending Actions
+
+
+
+ @for (item of pendingActions; track item.text) {
+
+
+
+
+ }
+
+
+
+
+
+
+
+ {{ item.badge }}
+
+
+
+
+
+ {{ item.type }}
+
+
+
+
+
+
+ + {{ item.text }} +
+
+
+
+
+
+
+ Recent Progress
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/lfx-one/src/app/modules/pages/dashboard/dashboard.component.scss b/apps/lfx-one/src/app/modules/pages/dashboard/dashboard.component.scss
new file mode 100644
index 00000000..c32094b4
--- /dev/null
+++ b/apps/lfx-one/src/app/modules/pages/dashboard/dashboard.component.scss
@@ -0,0 +1,2 @@
+// Copyright The Linux Foundation and each contributor to LFX.
+// SPDX-License-Identifier: MIT
diff --git a/apps/lfx-one/src/app/modules/pages/dashboard/dashboard.component.ts b/apps/lfx-one/src/app/modules/pages/dashboard/dashboard.component.ts
new file mode 100644
index 00000000..c0976150
--- /dev/null
+++ b/apps/lfx-one/src/app/modules/pages/dashboard/dashboard.component.ts
@@ -0,0 +1,17 @@
+// Copyright The Linux Foundation and each contributor to LFX.
+// SPDX-License-Identifier: MIT
+
+import { Component } from '@angular/core';
+import { MyMeetingsComponent } from './components/my-meetings/my-meetings.component';
+import { MyProjectsComponent } from './components/my-projects/my-projects.component';
+import { PendingActionsComponent } from './components/pending-actions/pending-actions.component';
+import { RecentProgressComponent } from './components/recent-progress/recent-progress.component';
+
+@Component({
+ selector: 'lfx-dashboard',
+ standalone: true,
+ imports: [RecentProgressComponent, PendingActionsComponent, MyMeetingsComponent, MyProjectsComponent],
+ templateUrl: './dashboard.component.html',
+ styleUrl: './dashboard.component.scss',
+})
+export class DashboardComponent {}
diff --git a/apps/lfx-one/src/app/modules/profile/edit/profile-edit.component.html b/apps/lfx-one/src/app/modules/profile/edit/profile-edit.component.html
index 9a0cfd6b..50a9e576 100644
--- a/apps/lfx-one/src/app/modules/profile/edit/profile-edit.component.html
+++ b/apps/lfx-one/src/app/modules/profile/edit/profile-edit.component.html
@@ -97,7 +97,7 @@
+
+
+
+
+
+
+
+ = {
given_name: formValue.given_name || undefined,
family_name: formValue.family_name || undefined,
- job_title: formValue.job_title || undefined,
+ title: formValue.title || undefined,
organization: formValue.organization || undefined,
country: formValue.country || undefined,
state_province: formValue.state_province || undefined,
@@ -224,7 +224,7 @@ export class ProfileEditComponent implements OnInit {
given_name: profile.user.first_name || '',
family_name: profile.user.last_name || '',
username: profile.user.username || '',
- job_title: profile.profile?.job_title || '',
+ title: profile.profile?.title || '',
organization: profile.profile?.organization || '',
country: countryValue,
state_province: profile.profile?.state_province || '',
diff --git a/apps/lfx-one/src/app/shared/components/dashboard-meeting-card/dashboard-meeting-card.component.html b/apps/lfx-one/src/app/shared/components/dashboard-meeting-card/dashboard-meeting-card.component.html
new file mode 100644
index 00000000..80c548e2
--- /dev/null
+++ b/apps/lfx-one/src/app/shared/components/dashboard-meeting-card/dashboard-meeting-card.component.html
@@ -0,0 +1,114 @@
+
+
+
+
+
+
+
+
+
+
+ {{ meetingTypeInfo().label }}
+
+ @if (meeting().project_name) {
+
+ {{ meeting().project_name }}
+
+ }
+
+
+ @if (hasYoutubeUploads()) {
+
+
+
+ }
+ @if (hasRecording()) {
+
+
+
+ }
+ @if (hasTranscripts()) {
+
+
+
+ }
+ @if (hasAiSummary()) {
+
+
+
+ }
+ @if (!isPrivate()) {
+
+
+
+ }
+
+
+
+
+
+
+ {{ meetingTitle() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formattedTime() }}
+
+ ();
+ public readonly occurrence = input(null);
+ public readonly onSeeMeeting = output();
+
+ // Computed values
+ public readonly meetingTypeInfo: Signal = computed(() => {
+ const type = this.meeting().meeting_type?.toLowerCase();
+
+ switch (type) {
+ case 'technical':
+ return { label: 'Technical', className: 'bg-purple-100 text-purple-600' };
+ case 'maintainers':
+ return { label: 'Maintainers', className: 'bg-blue-100 text-blue-600' };
+ case 'board':
+ return { label: 'Board', className: 'bg-red-100 text-red-600' };
+ case 'marketing':
+ return { label: 'Marketing', className: 'bg-green-100 text-green-600' };
+ case 'legal':
+ return { label: 'Legal', className: 'bg-amber-100 text-amber-600' };
+ case 'other':
+ return { label: 'Other', className: 'bg-gray-100 text-gray-600' };
+ default:
+ return { label: 'Meeting', className: 'bg-gray-100 text-gray-400' };
+ }
+ });
+
+ public readonly meetingStartTime: Signal = computed(() => {
+ const occurrence = this.occurrence();
+ const meeting = this.meeting();
+
+ // Use occurrence start time if available, otherwise use meeting start time
+ return occurrence?.start_time || meeting.start_time;
+ });
+
+ public readonly formattedTime: Signal = computed(() => {
+ const startTime = this.meetingStartTime();
+
+ try {
+ const meetingDate = new Date(startTime);
+
+ if (isNaN(meetingDate.getTime())) {
+ return startTime;
+ }
+
+ const today = new Date();
+ const tomorrow = new Date(today);
+ tomorrow.setDate(tomorrow.getDate() + 1);
+
+ const isToday = meetingDate.toDateString() === today.toDateString();
+ const isTomorrow = meetingDate.toDateString() === tomorrow.toDateString();
+
+ const timeStr = meetingDate.toLocaleTimeString('en-US', {
+ hour: 'numeric',
+ minute: '2-digit',
+ hour12: true,
+ });
+
+ if (isToday) {
+ return `Today, ${timeStr}`;
+ } else if (isTomorrow) {
+ return `Tomorrow, ${timeStr}`;
+ }
+ const dateStr = meetingDate.toLocaleDateString('en-US', {
+ month: 'short',
+ day: 'numeric',
+ });
+ return `${dateStr} at ${timeStr}`;
+ } catch {
+ return startTime;
+ }
+ });
+
+ public readonly isTodayMeeting: Signal = computed(() => {
+ const startTime = this.meetingStartTime();
+
+ try {
+ const meetingDate = new Date(startTime);
+
+ if (isNaN(meetingDate.getTime())) {
+ return false;
+ }
+
+ const today = new Date();
+ return meetingDate.toDateString() === today.toDateString();
+ } catch {
+ return false;
+ }
+ });
+
+ public readonly isPrivate: Signal = computed(() => {
+ return this.meeting().visibility === 'private';
+ });
+
+ public readonly hasYoutubeUploads: Signal = computed(() => {
+ return this.meeting().youtube_upload_enabled === true;
+ });
+
+ public readonly hasRecording: Signal = computed(() => {
+ return this.meeting().recording_enabled === true;
+ });
+
+ public readonly hasTranscripts: Signal = computed(() => {
+ return this.meeting().transcript_enabled === true;
+ });
+
+ public readonly hasAiSummary: Signal = computed(() => {
+ return this.meeting().zoom_config?.ai_companion_enabled === true;
+ });
+
+ public readonly meetingTitle: Signal = computed(() => {
+ const occurrence = this.occurrence();
+ const meeting = this.meeting();
+
+ // Use occurrence title if available, otherwise use meeting title
+ return occurrence?.title || meeting.title;
+ });
+
+ public handleSeeMeeting(): void {
+ this.onSeeMeeting.emit(this.meeting().uid);
+ }
+}
diff --git a/apps/lfx-one/src/app/shared/components/header/header.component.html b/apps/lfx-one/src/app/shared/components/header/header.component.html
index b1fe331a..e0c47264 100644
--- a/apps/lfx-one/src/app/shared/components/header/header.component.html
+++ b/apps/lfx-one/src/app/shared/components/header/header.component.html
@@ -2,20 +2,51 @@
-
+
-
+
+
+
+
+
+
+ @if (userService.authenticated()) {
+
+ }
+
-
+
+
+
+
+
+
+
+
+ {{ meetingTypeInfo().label }}
+
+ @if (meeting().project_name) {
+
+ {{ meeting().project_name }}
+
+ }
+
+
+ @if (hasYoutubeUploads()) {
+
+
+
+
+ }
+ @if (hasRecording()) {
+
+
+
+ }
+ @if (hasTranscripts()) {
+
+
+
+ }
+ @if (hasAiSummary()) {
+
+
+
+ }
+ @if (!isPrivate()) {
+
+
+
+ }
+
+
+
+
+ + {{ meetingTitle() }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @if (isTodayMeeting()) {
+
+
+ {{ formattedTime() }}
+
+
-
+
-
+
+
+
+
+
+
+ @if (userService.authenticated()) {
+
+ }
+
-