Added details text for episodes + misc styling

LarsBergqvist · Nov 21, 2023 · 1257ec3 · 1257ec3
1 parent 0292ebf
commit 1257ec3
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 5 deletions.
diff --git a/src/app/components/channels/channel-schedule.component.html b/src/app/components/channels/channel-schedule.component.html
@@ -27,6 +27,9 @@
                     <div *ngIf="episode.episodeid" class="right clickable" (click)="onOpenDetails(episode.episodeid)">
                         <i class="pi pi-info-circle details-btn"></i>
                     </div>
+                    <div *ngIf="!episode.episodeid" class="right clickable">
+
+                    </div>
                 </td>
                 <td>
                     {{episode.starttimeDate | date:'HH:mm'}}

diff --git a/src/app/components/episodes/episode-details.component.html b/src/app/components/episodes/episode-details.component.html
@@ -28,6 +28,9 @@
                 <p>
                     {{episode.description}}
                 </p>
+                <p>
+                    {{episode.details}}
+                </p>
             </div>
             <div *ngIf="episode.publishDate" class="clear">
                 <b>{{'PublishDate' | translate }}</b>: {{episode.publishDate | date:'short'}}
@@ -70,7 +73,7 @@
                     <li>
                         <i>{{group.name}}</i>
                         <ul *ngFor="let related of group.episodes">
-                            <li class="clickable" (click)="onShowEpisode(related.id)">
+                            <li class="clickable link-item" (click)="onShowEpisode(related.id)">
                                 <i>{{related.title}}</i>
                             </li>
                         </ul>

diff --git a/src/app/components/episodes/episode-viewmodel.ts b/src/app/components/episodes/episode-viewmodel.ts
@@ -38,6 +38,7 @@ export class EpisodeViewModel {
   readonly availableTo: Date;
   readonly relatedEpisodes: RelatedEpisode[];
   readonly episodeGroups: EpisodeGroup[];
+  readonly details: string;
 
   constructor(episode: Episode) {
     this.title = episode.title;
@@ -66,8 +67,8 @@ export class EpisodeViewModel {
     }
 
     this.relatedEpisodes = episode.relatedepisodes;
-
     this.episodeGroups = episode.episodegroups;
+    this.details = episode.text;
   }
 
   hasSound(): boolean {

diff --git a/src/app/models/episode.ts b/src/app/models/episode.ts
@@ -31,6 +31,7 @@ export interface Episode {
   };
   relatedepisodes: EpisodeOverview[];
   episodegroups: EpisodeGroup[];
+  text: string;
 }
 
 export interface EpisodeResult {

diff --git a/src/styles.scss b/src/styles.scss
@@ -43,9 +43,6 @@
   display: none;
 }
 
-.prg-chan-td {
-}
-
 .kw-input {
   max-width: 300px;
 }
@@ -191,3 +188,8 @@
   width: 50px;
   vertical-align: middle;
 }
+
+.link-item {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}