From 57dfbd6748199032e97ece11586f9869e4317d04 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 10:23:17 +0000
Subject: [PATCH] Few more tweaks for automation

---
 .../tv-information-panel.component.html                     | 6 +++---
 .../tv-information-panel/tv-information-panel.component.ts  | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
index 3e0cd1952..85ebf2160 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
@@ -8,13 +8,13 @@
                 <img class="rating-small" src="{{baseUrl}}/images/{{ratings.class === 'rotten' ? 'rotten-rotten.svg' : 'rotten-fresh.svg'}}"> {{ratings.score}}%
             </span>
         </div>
-        <div *ngIf="streams?.length > 0" class="streaming-on-container">
+        <div *ngIf="streams?.length > 0" id="streamingContainer" class="streaming-on-container">
             <hr>
             <div class="streaming-on-content">
                 <span class="label">{{'MediaDetails.StreamingOn' | translate }}:</span>
                 <div>
-                    <span *ngFor="let stream of streams">
-                        <img class="stream-small" [matTooltip]="stream.streamingProvider" src="https://image.tmdb.org/t/p/original{{stream.logo}}">
+                    <span *ngFor="let stream of sortBy('order')">
+                        <img class="stream-small" id="stream{{stream.streamingProvider}}" [matTooltip]="stream.streamingProvider" src="https://image.tmdb.org/t/p/original{{stream.logo}}">
                     </span>
                 </div>
             </div>
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts
index 350f76c26..f8b62368d 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts
@@ -35,4 +35,8 @@ export class TvInformationPanelComponent implements OnInit {
         });
         this.seasonCount = this.tv.seasonRequests.length;
     }
+
+    public sortBy(prop: string) {
+        return this.streams.sort((a, b) => a[prop] > b[prop] ? 1 : a[prop] === b[prop] ? 0 : -1);
+      }
 }