-
= {
@@ -91,6 +136,54 @@ export class SessionDetailPage implements OnDestroy {
photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/Pablo_Galindo_Salgado.original.jpg',
bio: 'CPython core developer and Theoretical Physicist. Currently serving on the Python Steering Council in his 6th term and release manager for Python 3.10 and 3.11.',
},
+ // D&I Panel — six panelists. The session-detail enrichment matches by
+ // substring on the session name; for the panel, the talk name is
+ // "Diversity & Inclusion Panel" and the panelist names below all
+ // appear in the abstract paragraphs above. Keep these names in lowercase
+ // for case-insensitive matching when needed.
+ 'Jules': {
+ photo: 'assets/img/person-circle-outline.png',
+ bio: 'Jules (they/them, she/her) is a nonbinary Brazilian who is PyLadies Recife and PyLadies Brasil Co-organizer. Fullstack developer by daylight and artist by moonlight, they are always eager to support event organizers and help provide a more inclusive community at the Diversity and Inclusion Workgroup from PSF. Former board member from Python Brazil Association (APyB) from 2022 to 2026. AuDHD and STEMinist.',
+ },
+ 'Débora Azevedo': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/deborah.original.png',
+ bio: 'Débora is a public school teacher in Brazil, and one of the cofounders of PyLadies Brazil, the largest PyLadies chapter in the world. She’s a PhD student and she researches educational software development. She’s currently one of the organizers of Python Nordeste, a regional Python conference in Brazil, and a former PSF board member (2021–2024).',
+ },
+ 'Alla Barbalat': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/alla.original.png',
+ bio: 'Alla Barbalat began her career as a lawyer before transitioning into tech. She is the lead organizer of PyLadies San Francisco, an avid Python user, and a speaker on topics at the intersection of Python, AI, and law.',
+ },
+ 'Georgi Ker': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/georgi.original.jpg',
+ bio: 'Georgi Ker is the Director and a Fellow of the Python Software Foundation. She co-organizes PyLadiesCon and chairs the D&I Workgroup within the PSF. She is also one of the co-hosts of the podcast series "The Hidden Figures of Python" alongside Mariatta Wijaya, Cheuk Ting Ho, and Tereza Iofciu.',
+ },
+ 'Theresa Seyram Agbenyegah': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/Stancy-Portrait.original.jpg',
+ bio: 'Theresa Seyram Agbenyegah (mostly referred to in the Tech community as Stancy) is a Software Engineer, Open-Source advocate, and Social Entrepreneur. She currently serves as the Programmes and Events Lead for PyLadies Ghana and is a member of Python Ghana. She is a DSF member and a member of the DSF event support working group, a PSF Diversity and Inclusion workgroup member, an Outreach ambassador for the CHAOSS DEI workgroup, and a Django Girls organizer.',
+ },
+ 'Abhijeet Mote': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/MNTN_Matt-Lief-Anderson_2856-Edit.original.jpg',
+ bio: 'Abhijeet is a Lead Python AI Engineer and Fellow of the Python Software Foundation. He founded Python Penang, Malaysia, where he has helped grow the local developer community. He has spoken at international conferences including PyCon Italy, runs workshops, and mentors students and underrepresented groups in technology. His work focuses on scalable Python AI systems, distributed systems, data pipelines, and LLM-based applications across adtech, semiconductor, and healthcare.',
+ },
+ // Python Steering Council panelists. Pablo is already above with his
+ // standalone keynote bio — kept that copy; the Steering Council panel
+ // pulls all five via the abstract's `panelists` list.
+ 'Barry Warsaw': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/Barry_PyCon.max-165x165.jpg',
+ bio: 'Python Steering Council member.',
+ },
+ 'Donghee Na': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/donghee_na.max-165x165.jpg',
+ bio: 'Python Steering Council member and CPython core developer.',
+ },
+ 'Savannah Ostrowski': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/savannah.max-165x165.jpg',
+ bio: 'Python Steering Council member.',
+ },
+ 'Thomas Wouters': {
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/Thomas_Wouters.max-165x165.jpg',
+ bio: 'Python Steering Council member, CPython core developer, and release manager.',
+ },
};
constructor(
@@ -133,6 +226,12 @@ export class SessionDetailPage implements OnDestroy {
this.session = foundSession;
this.isOpenSpace = this.session?.track === 'Open Space' || this.session?.tracks?.includes('Open Space');
this.isKeynote = this.session?.tracks?.includes('keynote') || this.session?.track === 'Keynote';
+ // Panels (D&I, Steering Council) ship as kind="plenary" not
+ // "keynote", so isKeynote is false — but they still need the
+ // panelist photos + abstract treatment. Detect by name pattern.
+ const isPanel =
+ typeof this.session?.name === 'string' &&
+ /(?:diversity\s*(?:&|and)\s*inclusion\s+panel|steering\s+council\s+panel)/i.test(this.session.name);
// Only the *collapsed* "Posters" schedule slot lists every poster;
// individual poster session-detail pages show their own description.
this.isPosters = this.session?.track === 'Poster' && this.session?.name === 'Posters';
@@ -148,17 +247,29 @@ export class SessionDetailPage implements OnDestroy {
this.keynoteData = [];
this.keynoteAbstract = null;
- // Enrich keynote sessions with speaker photo/bio. Collect every
- // matching speaker so co-hosted keynotes (e.g. "Rachell Calhoun &
- // Tim Schilling") render all speakers, not just the first match.
- if (this.isKeynote) {
+ // Enrich keynote and panel sessions with speaker photo/bio.
+ // Keynotes match by substring on the session title (works because
+ // a keynote's title typically includes the speaker's name).
+ // Panels (D&I, Steering Council) match by abstract: the abstract
+ // entry carries an explicit `panelists` list of names to render,
+ // since the session title doesn't name them.
+ if (this.isKeynote || isPanel) {
const sessionName = (this.session?.name || '').toLowerCase();
- this.keynoteData = Object.entries(this.keynoteSpeakers)
- .filter(([name]) => sessionName.includes(name.toLowerCase()))
- .map(([name, data]) => ({ name, ...data }));
this.keynoteAbstract = this.keynoteAbstracts.find(
(a) => a.match.some((m) => sessionName.includes(m.toLowerCase()))
) || null;
+ if (this.keynoteAbstract?.panelists?.length) {
+ this.keynoteData = this.keynoteAbstract.panelists
+ .map((name) => {
+ const data = this.keynoteSpeakers[name];
+ return data ? { name, ...data } : null;
+ })
+ .filter((entry): entry is { name: string; photo: string; bio: string } => entry !== null);
+ } else {
+ this.keynoteData = Object.entries(this.keynoteSpeakers)
+ .filter(([name]) => sessionName.includes(name.toLowerCase()))
+ .map(([name, data]) => ({ name, ...data }));
+ }
}
if (this.session?.id != null) {
diff --git a/src/app/pages/tabs-page/tabs-page-routing.module.ts b/src/app/pages/tabs-page/tabs-page-routing.module.ts
index 9656360b..bc014033 100644
--- a/src/app/pages/tabs-page/tabs-page-routing.module.ts
+++ b/src/app/pages/tabs-page/tabs-page-routing.module.ts
@@ -125,6 +125,18 @@ const routes: Routes = [
}
]
},
+ {
+ path: 'notifications',
+ children: [
+ {
+ path: '',
+ loadChildren: () =>
+ import('../notification-settings/notification-settings.module').then(
+ m => m.NotificationSettingsPageModule,
+ ),
+ },
+ ],
+ },
{
path: 'rooms',
children: [
diff --git a/src/app/pages/wifi/wifi.page.html b/src/app/pages/wifi/wifi.page.html
index 8f41e2ee..b2abf3d5 100644
--- a/src/app/pages/wifi/wifi.page.html
+++ b/src/app/pages/wifi/wifi.page.html
@@ -33,10 +33,6 @@
-
{
+ // Skip submissions that haven't been scheduled yet — un-roomed or
+ // un-timed entries are *proposals*, not confirmed sessions, and
+ // shouldn't appear on the schedule. The pretalx feed includes all
+ // submissions regardless of state.
+ if (!openSpace?.start || !openSpace?.end) return;
+ const startMs = new Date(openSpace.start).getTime();
+ const endMs = new Date(openSpace.end).getTime();
+ if (Number.isNaN(startMs) || Number.isNaN(endMs)) return;
+ const room = openSpace.room_display || openSpace.room || '';
+ if (!room.trim()) return;
var start = new Date(openSpace.start);
var end = new Date(openSpace.end);
var session = {
@@ -228,6 +247,12 @@ export class ConferenceData {
"id": openSpace.conf_key + 9000,
"day": start.toLocaleDateString('en-us', {timeZone: environment.timezone, weekday: 'short'}),
"imageUrl": this.resolveOpenSpaceImage(openSpace.image_url),
+ // Deep-link to the open-space modal on us.pycon.org. The website
+ // opens a
- ![]()
- {{ member.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/pages/keynote-speakers/keynote-speakers.page.scss b/src/app/pages/keynote-speakers/keynote-speakers.page.scss
index eab42019..8239625c 100644
--- a/src/app/pages/keynote-speakers/keynote-speakers.page.scss
+++ b/src/app/pages/keynote-speakers/keynote-speakers.page.scss
@@ -148,3 +148,97 @@ ion-title {
max-width: 56px;
line-height: 1.2;
}
+
+.ks-council-grid {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 16px;
+ margin: 16px 0 20px;
+}
+
+.ks-council-cell {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 110px;
+}
+
+.ks-council-photo-large {
+ width: 100px;
+ height: 100px;
+ border-radius: 8px;
+ object-fit: cover;
+ border: 2px solid #3B3EA9;
+}
+
+.ks-council-name-large {
+ margin-top: 8px;
+ font-size: 0.78rem;
+ font-weight: 600;
+ text-align: center;
+ line-height: 1.25;
+ color: var(--ion-text-color);
+}
+
+.ks-card-panel {
+ .ks-panel-eyebrow {
+ font-size: 0.72rem;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ color: var(--ion-color-medium);
+ margin: 0 0 4px;
+ }
+
+ h2 {
+ font-size: 1.1rem;
+ font-weight: 700;
+ margin: 0 0 8px;
+ }
+
+ .ks-panel-intro {
+ font-size: 0.92rem;
+ color: var(--ion-color-step-700, #4a4a4a);
+ margin: 0 0 16px;
+ }
+}
+
+.ks-panel-members {
+ display: flex;
+ flex-direction: column;
+ gap: 14px;
+}
+
+.ks-panel-member {
+ display: flex;
+ gap: 12px;
+ align-items: flex-start;
+}
+
+.ks-panel-photo {
+ width: 64px;
+ height: 64px;
+ border-radius: 6px;
+ object-fit: cover;
+ flex-shrink: 0;
+ border: 1px solid var(--ion-color-step-150, #e0e0e0);
+}
+
+.ks-panel-text {
+ flex: 1;
+ min-width: 0;
+
+ h3 {
+ margin: 0 0 4px;
+ font-size: 0.95rem;
+ font-weight: 600;
+ }
+
+ p {
+ margin: 0;
+ font-size: 0.82rem;
+ color: var(--ion-color-medium);
+ line-height: 1.4;
+ }
+}
diff --git a/src/app/pages/keynote-speakers/keynote-speakers.page.ts b/src/app/pages/keynote-speakers/keynote-speakers.page.ts
index 60945f20..6eeef954 100644
--- a/src/app/pages/keynote-speakers/keynote-speakers.page.ts
+++ b/src/app/pages/keynote-speakers/keynote-speakers.page.ts
@@ -19,6 +19,21 @@ interface SteeringCouncil {
name: string;
members: SteeringCouncilMember[];
bio: string;
+ session?: any;
+}
+
+interface PanelMember {
+ name: string;
+ photo: string | null;
+ bio: string;
+}
+
+interface Panel {
+ name: string;
+ eyebrow: string;
+ members: PanelMember[];
+ intro: string;
+ session?: any;
}
@Component({
@@ -70,6 +85,55 @@ export class KeynoteSpeakersPage implements OnInit {
bio: 'The Python Steering Council is a 5-person elected committee that assumes a mandate to maintain the quality and stability of the Python language and CPython interpreter, improve the contributor experience, formalize and maintain a relationship between the Python core team and the PSF, establish decision making processes for Python Enhancement Proposals, seek consensus among contributors and the Python core team, and resolve decisions and disputes in decision making among the language.',
};
+ diversityPanel: Panel = {
+ name: 'D&I Panel: Python is for Everyone — Growing the Community Without Limits',
+ eyebrow: 'Hosted by the PSF Diversity & Inclusion Workgroup',
+ intro:
+ 'A panel from the PSF Diversity & Inclusion Workgroup on growing the Python community without limits — bringing together organizers and contributors from PyLadies chapters across Brazil, the U.S., Ghana, and Malaysia.',
+ members: [
+ {
+ name: 'Jules',
+ photo: null,
+ bio:
+ 'Jules (they/them, she/her) is a nonbinary Brazilian who is PyLadies Recife and PyLadies Brasil Co-organizer. Fullstack developer by daylight and artist by moonlight, they are always eager to support event organizers and help provide a more inclusive community at the Diversity and Inclusion Workgroup from PSF. Former board member from Python Brazil Association (APyB) from 2022 to 2026. AuDHD and STEMinist.',
+ },
+ {
+ name: 'Débora Azevedo',
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/deborah.original.png',
+ bio:
+ 'Débora is a public school teacher in Brazil, and one of the cofounders of PyLadies Brazil, the largest PyLadies chapter in the world. She’s a PhD student and she researches educational software development. She’s currently one of the organizers of Python Nordeste, a regional Python conference in Brazil, and a former PSF board member (2021–2024).',
+ },
+ {
+ name: 'Alla Barbalat',
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/alla.original.png',
+ bio:
+ 'Alla Barbalat began her career as a lawyer before transitioning into tech. She is the lead organizer of PyLadies San Francisco, an avid Python user, and a speaker on topics at the intersection of Python, AI, and law.',
+ },
+ {
+ name: 'Georgi Ker',
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/georgi.original.jpg',
+ bio:
+ 'Georgi Ker is the Director and a Fellow of the Python Software Foundation. She co-organizes PyLadiesCon and chairs the D&I Workgroup within the PSF. She is also one of the co-hosts of the podcast series "The Hidden Figures of Python" alongside Mariatta Wijaya, Cheuk Ting Ho, and Tereza Iofciu.',
+ },
+ {
+ name: 'Theresa Seyram Agbenyegah (Stancy)',
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/Stancy-Portrait.original.jpg',
+ bio:
+ 'Theresa Seyram Agbenyegah (mostly referred to in the Tech community as Stancy) is a Software Engineer, Open-Source advocate, and Social Entrepreneur. She currently serves as the Programmes and Events Lead for PyLadies Ghana and is a member of Python Ghana. She is a DSF member and a member of the DSF event support working group, a PSF Diversity and Inclusion workgroup member, an Outreach ambassador for the CHAOSS DEI workgroup, and a Django Girls organizer.',
+ },
+ {
+ name: 'Abhijeet Mote',
+ photo: 'https://pycon-assets.s3.amazonaws.com/2026/media/images/MNTN_Matt-Lief-Anderson_2856-Edit.original.jpg',
+ bio:
+ 'Abhijeet is a Lead Python AI Engineer and Fellow of the Python Software Foundation. He founded Python Penang, Malaysia, where he has helped grow the local developer community. He has spoken at international conferences including PyCon Italy, runs workshops, and mentors students and underrepresented groups in technology. His work focuses on scalable Python AI systems, distributed systems, data pipelines, and LLM-based applications across adtech, semiconductor, and healthcare.',
+ },
+ ],
+ };
+
+ // Fallback avatar for panelists without an uploaded photo. Reuses the
+ // global default so the placeholder matches the rest of the app.
+ panelistFallback = 'assets/img/person-circle-outline.png';
+
constructor(
public liveUpdateService: LiveUpdateService,
private confData: ConferenceData,
@@ -89,6 +153,24 @@ export class KeynoteSpeakersPage implements OnInit {
speaker.session = match;
}
});
+
+ // The D&I Panel ships as a kind="plenary" slot named
+ // "Diversity & Inclusion Panel" — not as a keynote — so look it
+ // up across all sessions, not just `keynoteSessions` above.
+ this.diversityPanel.session = data.sessions.find(
+ (s: any) =>
+ typeof s.name === 'string' &&
+ /diversity\s*(?:&|and)\s*inclusion\s+panel/i.test(s.name),
+ );
+ // Steering Council session link. The schedule slot is literally
+ // titled "Steering Council Panel" (after track-prefix stripping),
+ // not "Python Steering Council" — match flexibly so future title
+ // tweaks don't break the link.
+ this.steeringCouncil.session = data.sessions.find(
+ (s: any) =>
+ typeof s.name === 'string' &&
+ /steering\s+council/i.test(s.name),
+ );
}
});
}
diff --git a/src/app/pages/notification-settings/notification-settings-routing.module.ts b/src/app/pages/notification-settings/notification-settings-routing.module.ts
new file mode 100644
index 00000000..a55d0b76
--- /dev/null
+++ b/src/app/pages/notification-settings/notification-settings-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { NotificationSettingsPage } from './notification-settings.page';
+
+const routes: Routes = [
+ {
+ path: '',
+ component: NotificationSettingsPage,
+ },
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class NotificationSettingsPageRoutingModule {}
diff --git a/src/app/pages/notification-settings/notification-settings.module.ts b/src/app/pages/notification-settings/notification-settings.module.ts
new file mode 100644
index 00000000..7d62550f
--- /dev/null
+++ b/src/app/pages/notification-settings/notification-settings.module.ts
@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { IonicModule } from '@ionic/angular';
+
+import { NotificationSettingsPageRoutingModule } from './notification-settings-routing.module';
+import { NotificationSettingsPage } from './notification-settings.page';
+
+@NgModule({
+ imports: [
+ CommonModule,
+ FormsModule,
+ IonicModule,
+ NotificationSettingsPageRoutingModule,
+ ],
+ declarations: [NotificationSettingsPage],
+})
+export class NotificationSettingsPageModule {}
diff --git a/src/app/pages/notification-settings/notification-settings.page.html b/src/app/pages/notification-settings/notification-settings.page.html
new file mode 100644
index 00000000..5bf062af
--- /dev/null
+++ b/src/app/pages/notification-settings/notification-settings.page.html
@@ -0,0 +1,127 @@
+
+
+
+
+ Notifications
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Diagnostics
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/pages/notification-settings/notification-settings.page.scss b/src/app/pages/notification-settings/notification-settings.page.scss
new file mode 100644
index 00000000..5006a0bc
--- /dev/null
+++ b/src/app/pages/notification-settings/notification-settings.page.scss
@@ -0,0 +1,139 @@
+ion-header {
+ background: linear-gradient(180deg, #3B3EA9 0%, #3B3EA9 100%);
+ &::after { display: none; }
+}
+
+ion-toolbar {
+ --background: transparent;
+ --border-color: transparent;
+ --color: #ffffff;
+}
+
+ion-toolbar ion-menu-button {
+ --color: #ffffff;
+}
+
+ion-title {
+ opacity: 0;
+ transition: opacity 0.25s ease;
+
+ &.title-visible {
+ opacity: 1;
+ }
+}
+
+.notif-hero {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 16px 16px 40px;
+ background: linear-gradient(180deg, #3B3EA9 23.5%, #101136 53.29%);
+ color: #fff;
+ text-align: center;
+
+ .notif-hero-icon {
+ font-size: 72px;
+ margin-bottom: 16px;
+ color: #FFD779;
+ }
+
+ h1 {
+ margin: 0;
+ font-size: 1.6rem;
+ font-weight: 700;
+ }
+
+ p {
+ margin: 6px 16px 0;
+ font-size: 0.9rem;
+ opacity: 0.8;
+ }
+}
+
+.notif-list {
+ margin: -24px 16px 0;
+ border-radius: 16px;
+ background: var(--ion-card-background, #ffffff);
+ box-shadow: 0 8px 32px rgba(16, 17, 54, 0.15);
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+
+ ion-item {
+ --background: transparent;
+ }
+
+ .notif-master {
+ --background: var(--ion-color-step-50, #f7f8fb);
+ --inner-padding-top: 14px;
+ --inner-padding-bottom: 14px;
+
+ .notif-label h2 {
+ font-weight: 700;
+ }
+ }
+
+ .notif-label {
+ h2 {
+ font-size: 1rem;
+ font-weight: 600;
+ margin: 0 0 0.25rem;
+ white-space: normal;
+ }
+ p {
+ font-size: 0.8rem;
+ color: var(--ion-color-medium);
+ margin: 0;
+ white-space: normal;
+ }
+ }
+}
+
+.notif-token-card {
+ margin: 16px;
+ border-radius: 12px;
+ background: var(--ion-card-background, #ffffff);
+ box-shadow: 0 2px 8px rgba(16, 17, 54, 0.08);
+ overflow: hidden;
+
+ ion-item {
+ --background: transparent;
+ }
+
+ ion-item-divider {
+ --background: var(--ion-color-step-50, #f4f4f4);
+ font-size: 0.72rem;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ color: var(--ion-color-medium);
+ min-height: 32px;
+ }
+
+ .notif-token {
+ font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+ font-size: 0.7rem;
+ word-break: break-all;
+ user-select: all;
+ -webkit-user-select: all;
+ color: var(--ion-color-medium);
+ }
+}
+
+.notif-note {
+ margin: 24px 16px 16px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ justify-content: center;
+
+ ion-icon {
+ font-size: 1.1rem;
+ color: var(--ion-color-medium);
+ }
+
+ p {
+ margin: 0;
+ font-size: 0.8rem;
+ }
+}
diff --git a/src/app/pages/notification-settings/notification-settings.page.ts b/src/app/pages/notification-settings/notification-settings.page.ts
new file mode 100644
index 00000000..6cca2a0a
--- /dev/null
+++ b/src/app/pages/notification-settings/notification-settings.page.ts
@@ -0,0 +1,128 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { ToastController } from '@ionic/angular';
+import { Subscription } from 'rxjs';
+import {
+ NotificationsService,
+ NotificationCategory,
+ NotificationPrefs,
+} from '../../providers/notifications.service';
+
+@Component({
+ selector: 'app-notification-settings',
+ templateUrl: './notification-settings.page.html',
+ styleUrls: ['./notification-settings.page.scss'],
+})
+export class NotificationSettingsPage implements OnInit, OnDestroy {
+ prefs: NotificationPrefs = {
+ lightning: true,
+ openSpace: true,
+ emergency: true,
+ announcements: true,
+ scheduleChanges: true,
+ dailyDigest: true,
+ };
+ loaded = false;
+ showTitle = false;
+ fcmToken: string | null = null;
+ private tokenSub?: Subscription;
+
+ onScroll(event: any) {
+ this.showTitle = event.detail.scrollTop > 100;
+ }
+
+ constructor(
+ private notifications: NotificationsService,
+ private toastCtrl: ToastController,
+ ) {}
+
+ async ngOnInit() {
+ this.prefs = await this.notifications.getPrefs();
+ this.loaded = true;
+ this.tokenSub = this.notifications.fcmToken$.subscribe((token) => {
+ this.fcmToken = token;
+ });
+ }
+
+ ngOnDestroy() {
+ this.tokenSub?.unsubscribe();
+ }
+
+ async onToggle(key: NotificationCategory, value: boolean) {
+ this.prefs = { ...this.prefs, [key]: value };
+ await this.notifications.setPref(key, value);
+ const toast = await this.toastCtrl.create({
+ message: value ? 'Notifications enabled' : 'Notifications disabled',
+ duration: 1500,
+ position: 'bottom',
+ });
+ toast.present();
+ }
+
+ // True iff every category is currently enabled. Drives the master
+ // toggle's checked state. Indeterminate (some on, some off) reads as
+ // false so flipping it pushes everything on.
+ get allEnabled(): boolean {
+ return (
+ this.prefs.lightning &&
+ this.prefs.openSpace &&
+ this.prefs.announcements &&
+ this.prefs.scheduleChanges &&
+ this.prefs.dailyDigest &&
+ this.prefs.emergency
+ );
+ }
+
+ // True iff every category is currently disabled. Drives copy on the
+ // master toggle's subtitle so users can tell which state they're in
+ // when categories are mixed.
+ get allDisabled(): boolean {
+ return (
+ !this.prefs.lightning &&
+ !this.prefs.openSpace &&
+ !this.prefs.announcements &&
+ !this.prefs.scheduleChanges &&
+ !this.prefs.dailyDigest &&
+ !this.prefs.emergency
+ );
+ }
+
+ async onMasterToggle(value: boolean) {
+ this.prefs = {
+ ...this.prefs,
+ lightning: value,
+ openSpace: value,
+ announcements: value,
+ scheduleChanges: value,
+ dailyDigest: value,
+ emergency: value,
+ };
+ await this.notifications.setAllPrefs(value);
+ const toast = await this.toastCtrl.create({
+ message: value ? 'All notifications enabled' : 'All notifications muted',
+ duration: 1500,
+ position: 'bottom',
+ });
+ toast.present();
+ }
+
+ async copyToken() {
+ if (!this.fcmToken) return;
+ try {
+ await navigator.clipboard.writeText(this.fcmToken);
+ const toast = await this.toastCtrl.create({
+ message: 'FCM token copied',
+ duration: 1500,
+ position: 'bottom',
+ color: 'success',
+ });
+ toast.present();
+ } catch {
+ const toast = await this.toastCtrl.create({
+ message: 'Could not copy — long-press the token to select.',
+ duration: 2500,
+ position: 'bottom',
+ });
+ toast.present();
+ }
+ }
+}
diff --git a/src/app/pages/schedule-list/schedule-list.page.html b/src/app/pages/schedule-list/schedule-list.page.html
index fcd67111..b1b35ac7 100644
--- a/src/app/pages/schedule-list/schedule-list.page.html
+++ b/src/app/pages/schedule-list/schedule-list.page.html
@@ -117,6 +117,14 @@
+
+
{{ steeringCouncil.name }}
+
+
-
+ ![]()
+ {{ member.name }}
{{ steeringCouncil.name }}
{{ steeringCouncil.bio }}
+{{ steeringCouncil.session.name }}
+{{ steeringCouncil.session.day }} {{ steeringCouncil.session.timeStart }} — {{ steeringCouncil.session.displayLocation || steeringCouncil.session.location }}
+{{ diversityPanel.eyebrow }}
+{{ diversityPanel.name }}
+{{ diversityPanel.intro }}
+
+
+
+ ![]()
+
+
+
+ {{ member.name }}
+{{ member.bio }}
+{{ diversityPanel.session.name }}
+{{ diversityPanel.session.day }} {{ diversityPanel.session.timeStart }} — {{ diversityPanel.session.displayLocation || diversityPanel.session.location }}
+
+
+
+ Notifications
+Choose which alerts you want from the PyCon US app.
+All notifications
+{{ allDisabled ? 'Everything muted.' : (allEnabled ? 'Everything on.' : 'Mixed — toggle to set them all at once.') }}
+Lightning Talk sign-ups
+Reminds you 15 min before each lightning-talk signup window opens.
+Open Space sign-ups
+Reminds you 15 min before each day's open-space signup window opens.
+Announcements
+General conference updates — "keynote starting now," "opening reception in 20 minutes," etc.
+Schedule changes
+Push when a session is rescheduled, moved to a different room, or cancelled.
+Daily digest
+One push per day with the day's highlights, linking to the recap on us.pycon.org.
+Emergency & safety alerts
+Push when staff send a safety or emergency notice.
+
+
+
+
+
+ If you previously denied notification permission for this app, enable it from your device settings to receive alerts.
+FCM registration token
+{{ fcmToken }}
+