feat: show session format

gdg-twhk · Nov 28, 2024 · 5baa63c · 5baa63c
1 parent 5e7e243
commit 5baa63c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/app/load-data.service.ts b/src/app/load-data.service.ts
@@ -54,6 +54,7 @@ export interface Session {
   speakers: string[]; // speaker_key
   tags: string[];
   title: string;
+  format: string;
   generatedID: string;
   generatedStartAt: string;
   generatedEndsAt: string;

diff --git a/src/app/schedule/schedule-dialog.html b/src/app/schedule/schedule-dialog.html
@@ -5,6 +5,7 @@
     <h1>{{ session.title }}</h1>
     <p>🕒 {{ session.generatedStartAt | date:'MM/d hh:mm' }} ~ {{ session.generatedEndsAt | date:'hh:mm' }}</p>
     <p *ngIf="session.generatedRoom">🚪 {{ session.generatedRoom }}</p>
+    <p *ngIf="session.format">💬 {{ session.format }}</p>
     <p *ngIf="session.language">🌐 {{ session.language }}</p>
     <p *ngIf="session.description">📝 {{ session.description }}</p>
     <ul class="speaker-list">

diff --git a/src/app/schedule/schedule.component.html b/src/app/schedule/schedule.component.html
@@ -11,16 +11,21 @@ <h2 class="schedule-date">📅 {{ schedule.date | date:'MM/dd' }}</h2>
                             <a [routerLink]="'/schedule/' + session.generatedID">{{ session.title }}</a>
                         </mat-card-title>
                         <mat-card-subtitle>
-                            <span *ngIf="session.generatedRoom">
+                            <span *ngIf="session.generatedRoom && session.format">
+                                {{ session.generatedRoom + ' ‧ ' + session.format }}
+                            </span>
+                            <span *ngIf="session.generatedRoom && !session.format">
                                 {{ session.generatedRoom }}
                             </span>
+                            <span *ngIf="!session.generatedRoom && session.format">
+                                {{ session.format }}
+                            </span>
                             <span class="language-box" *ngIf="session.language">
                                 {{ session.language }}
                             </span>
                         </mat-card-subtitle>
                     </mat-card-header>
                     <mat-card-content class="social-link-list">
-                        <!-- <p>{{room.name}}</p> -->
                         <div>
                             <ul class="speaker-list">
                                 <li *ngFor="let speakerID of session.speakers">