From 5baa63c5c46336f4c5255ef2931f049b01ee1131 Mon Sep 17 00:00:00 2001
From: ksw2000 <13825170+ksw2000@users.noreply.github.com>
Date: Thu, 28 Nov 2024 18:04:51 +0800
Subject: [PATCH] feat: show session format

---
 src/app/load-data.service.ts             | 1 +
 src/app/schedule/schedule-dialog.html    | 1 +
 src/app/schedule/schedule.component.html | 9 +++++++--
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/load-data.service.ts b/src/app/load-data.service.ts
index 9c518b1..3ab5934 100644
--- 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
index 7e9e9cb..1f3cbfd 100644
--- 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
index fbed610..ea2b290 100644
--- 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">