From 903be1c902fea8659a4886e1b920f7e920a98f2f Mon Sep 17 00:00:00 2001
From: uttiya10 <56562649+uttiya10@users.noreply.github.com>
Date: Wed, 24 Feb 2021 22:24:30 -0500
Subject: [PATCH] Add button to switch episode sorting in AnimeViewController

---
 .../Down Arrow.imageset/Contents.json         |  15 +++++
 .../Down Arrow.imageset/downArrow.pdf         | Bin 0 -> 44651 bytes
 .../Base.lproj/AnimePlayer.storyboard         |  60 ++++++++++++++----
 .../Player Scene/AnimeViewController.swift    |  42 ++++++++++--
 .../AnimePredictedEpisodeTableViewCell.swift  |  14 ++++
 5 files changed, 114 insertions(+), 17 deletions(-)
 create mode 100644 NineAnimator/Assets.xcassets/Down Arrow.imageset/Contents.json
 create mode 100644 NineAnimator/Assets.xcassets/Down Arrow.imageset/downArrow.pdf

diff --git a/NineAnimator/Assets.xcassets/Down Arrow.imageset/Contents.json b/NineAnimator/Assets.xcassets/Down Arrow.imageset/Contents.json
new file mode 100644
index 000000000..2a13f17d1
--- /dev/null
+++ b/NineAnimator/Assets.xcassets/Down Arrow.imageset/Contents.json	
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "downArrow.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
+  }
+}
diff --git a/NineAnimator/Assets.xcassets/Down Arrow.imageset/downArrow.pdf b/NineAnimator/Assets.xcassets/Down Arrow.imageset/downArrow.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..59153f66b13104a80dca925de2bbe15486d2c5b2
GIT binary patch
literal 44651
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
A(f|Me

literal 0
HcmV?d00001

diff --git a/NineAnimator/Base.lproj/AnimePlayer.storyboard b/NineAnimator/Base.lproj/AnimePlayer.storyboard
index 50f593c0b..f7d65c21b 100644
--- a/NineAnimator/Base.lproj/AnimePlayer.storyboard
+++ b/NineAnimator/Base.lproj/AnimePlayer.storyboard
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15705" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="K93-Pu-iF1">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17701" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="K93-Pu-iF1">
     <device id="retina6_1" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15706"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17703"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
@@ -85,7 +85,7 @@
                                                 <userDefinedRuntimeAttribute type="boolean" keyPath="isPrimaryText" value="NO"/>
                                             </userDefinedRuntimeAttributes>
                                         </label>
-                                        <button opaque="NO" contentMode="scaleToFill" horizontalCompressionResistancePriority="749" verticalCompressionResistancePriority="1000" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="TAP-ty-bvP" customClass="ThemedSolidButton" customModule="NineAnimator" customModuleProvider="target">
+                                        <button opaque="NO" contentMode="scaleToFill" horizontalCompressionResistancePriority="749" verticalCompressionResistancePriority="1000" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="TAP-ty-bvP" customClass="ThemedSolidButton" customModule="NineAnimator" customModuleProvider="target">
                                             <rect key="frame" x="0.0" y="67.5" width="120" height="30"/>
                                             <color key="backgroundColor" name="controlAccentColor" catalog="System" colorSpace="catalog"/>
                                             <constraints>
@@ -160,7 +160,7 @@
                                             <rect key="frame" x="0.0" y="0.0" width="125" height="50"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" text="☆ ☆ ☆ ☆ ☆" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="6Nu-af-HRp">
-                                                    <rect key="frame" x="8" y="4" width="102.5" height="20.5"/>
+                                                    <rect key="frame" x="8" y="4" width="102" height="20.5"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                                     <color key="textColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                                     <nil key="highlightedColor"/>
@@ -170,7 +170,7 @@
                                                     </userDefinedRuntimeAttributes>
                                                 </label>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Loading Ratings" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="jCq-le-ZsX">
-                                                    <rect key="frame" x="8" y="24.5" width="102.5" height="13.5"/>
+                                                    <rect key="frame" x="8" y="24.5" width="102" height="13.5"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="11"/>
                                                     <color key="textColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                                     <nil key="highlightedColor"/>
@@ -325,7 +325,7 @@
                                             </constraints>
                                         </imageView>
                                         <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" horizontalCompressionResistancePriority="500" text="No Suggesting Episode" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="12" translatesAutoresizingMaskIntoConstraints="NO" id="AVT-Pg-Bdx">
-                                            <rect key="frame" x="63" y="30" width="296" height="19.5"/>
+                                            <rect key="frame" x="63" y="30" width="252" height="19.5"/>
                                             <fontDescription key="fontDescription" type="system" pointSize="16"/>
                                             <color key="textColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                             <nil key="highlightedColor"/>
@@ -345,7 +345,7 @@
                                             </connections>
                                         </button>
                                         <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" horizontalCompressionResistancePriority="500" text="Start Watching" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="QaR-tX-zXn">
-                                            <rect key="frame" x="63" y="15.5" width="296" height="14.5"/>
+                                            <rect key="frame" x="63" y="15.5" width="252" height="14.5"/>
                                             <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="12"/>
                                             <nil key="textColor"/>
                                             <nil key="highlightedColor"/>
@@ -354,16 +354,34 @@
                                                 <userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
                                             </userDefinedRuntimeAttributes>
                                         </label>
+                                        <button opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="500" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="tzX-OO-DYH">
+                                            <rect key="frame" x="315" y="20" width="24" height="26"/>
+                                            <constraints>
+                                                <constraint firstAttribute="width" constant="24" id="Dl7-Rx-hhM"/>
+                                                <constraint firstAttribute="height" constant="26" id="t8s-WU-HTw"/>
+                                            </constraints>
+                                            <state key="normal" image="Down Arrow"/>
+                                            <userDefinedRuntimeAttributes>
+                                                <userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
+                                            </userDefinedRuntimeAttributes>
+                                            <connections>
+                                                <action selector="onSwitchEpisodeSortButtonTapped:" destination="K93-Pu-iF1" eventType="touchUpInside" id="l2o-1v-NUG"/>
+                                            </connections>
+                                        </button>
                                     </subviews>
                                     <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                     <constraints>
-                                        <constraint firstItem="bBA-Ks-wXf" firstAttribute="leading" secondItem="AVT-Pg-Bdx" secondAttribute="trailing" id="46Q-Hs-66E"/>
+                                        <constraint firstAttribute="bottomMargin" relation="greaterThanOrEqual" secondItem="tzX-OO-DYH" secondAttribute="bottom" id="3hs-G8-mdC"/>
+                                        <constraint firstItem="bBA-Ks-wXf" firstAttribute="leading" secondItem="tzX-OO-DYH" secondAttribute="trailing" constant="20" id="5AM-8a-rlc"/>
+                                        <constraint firstItem="tzX-OO-DYH" firstAttribute="top" relation="greaterThanOrEqual" secondItem="ELY-ri-KMl" secondAttribute="topMargin" id="7Yd-61-bUL"/>
                                         <constraint firstItem="bBA-Ks-wXf" firstAttribute="centerY" secondItem="ELY-ri-KMl" secondAttribute="centerY" id="8Ac-Pd-JC0"/>
                                         <constraint firstAttribute="bottomMargin" relation="greaterThanOrEqual" secondItem="bBA-Ks-wXf" secondAttribute="bottom" id="C4K-ds-ned"/>
                                         <constraint firstItem="bBA-Ks-wXf" firstAttribute="top" relation="greaterThanOrEqual" secondItem="ELY-ri-KMl" secondAttribute="topMargin" id="CQH-h8-5qE"/>
+                                        <constraint firstItem="tzX-OO-DYH" firstAttribute="leading" secondItem="QaR-tX-zXn" secondAttribute="trailing" id="L5E-g2-tM9"/>
+                                        <constraint firstItem="tzX-OO-DYH" firstAttribute="centerY" secondItem="ELY-ri-KMl" secondAttribute="centerY" id="Lil-7P-wvp"/>
+                                        <constraint firstItem="tzX-OO-DYH" firstAttribute="leading" secondItem="AVT-Pg-Bdx" secondAttribute="trailing" id="TMj-De-ByJ"/>
                                         <constraint firstItem="AVT-Pg-Bdx" firstAttribute="leading" secondItem="QaR-tX-zXn" secondAttribute="leading" id="VMy-hR-Ls7"/>
                                         <constraint firstItem="10S-Cq-F4m" firstAttribute="centerY" secondItem="ELY-ri-KMl" secondAttribute="centerY" id="Ypc-u5-YUA"/>
-                                        <constraint firstItem="bBA-Ks-wXf" firstAttribute="leading" secondItem="QaR-tX-zXn" secondAttribute="trailing" id="cS5-Gp-maB"/>
                                         <constraint firstAttribute="bottomMargin" relation="greaterThanOrEqual" secondItem="10S-Cq-F4m" secondAttribute="bottom" id="eYP-5K-HF0"/>
                                         <constraint firstItem="QaR-tX-zXn" firstAttribute="bottom" secondItem="10S-Cq-F4m" secondAttribute="centerY" constant="-3" id="h47-M8-4g1"/>
                                         <constraint firstItem="QaR-tX-zXn" firstAttribute="top" relation="greaterThanOrEqual" secondItem="ELY-ri-KMl" secondAttribute="topMargin" id="hBN-j8-Vv1"/>
@@ -378,6 +396,7 @@
                                 <connections>
                                     <outlet property="suggestingEpisodeNameLabel" destination="AVT-Pg-Bdx" id="uT5-Cz-YuQ"/>
                                     <outlet property="suggestingTitleLabel" destination="QaR-tX-zXn" id="sfn-Xx-Irw"/>
+                                    <outlet property="switchEpisodeSortButton" destination="tzX-OO-DYH" id="D4C-jP-c0f"/>
                                 </connections>
                             </tableViewCell>
                             <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" preservesSuperviewLayoutMargins="YES" selectionStyle="none" indentationWidth="10" reuseIdentifier="anime.synopsis" rowHeight="135" id="C8r-ap-OkD" customClass="AnimeSynopsisCellTableViewCell" customModule="NineAnimator" customModuleProvider="target">
@@ -413,7 +432,7 @@
                                                 <userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
                                             </userDefinedRuntimeAttributes>
                                         </textView>
-                                        <button opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" horizontalCompressionResistancePriority="250" verticalCompressionResistancePriority="250" contentHorizontalAlignment="center" contentVerticalAlignment="bottom" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="mFd-Ay-cFU">
+                                        <button opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" horizontalCompressionResistancePriority="250" verticalCompressionResistancePriority="250" contentHorizontalAlignment="center" contentVerticalAlignment="bottom" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="mFd-Ay-cFU">
                                             <rect key="frame" x="347" y="0.0" width="51" height="39"/>
                                             <state key="normal" title="Expand"/>
                                             <userDefinedRuntimeAttributes>
@@ -465,7 +484,7 @@
                                             <rect key="frame" x="20" y="31.5" width="339" height="19.5"/>
                                             <subviews>
                                                 <progressView opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" verticalCompressionResistancePriority="250" progress="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="yQy-Cx-TTd">
-                                                    <rect key="frame" x="0.0" y="9" width="120" height="2"/>
+                                                    <rect key="frame" x="0.0" y="8" width="120" height="4"/>
                                                     <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                                     <constraints>
                                                         <constraint firstAttribute="width" priority="250" id="5LK-XI-l3X"/>
@@ -572,7 +591,7 @@
                                             <rect key="frame" x="20" y="82" width="374" height="19"/>
                                             <subviews>
                                                 <progressView opaque="NO" contentMode="scaleToFill" verticalHuggingPriority="750" verticalCompressionResistancePriority="500" progress="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="AZL-hm-aqK">
-                                                    <rect key="frame" x="0.0" y="8.5" width="120" height="2"/>
+                                                    <rect key="frame" x="0.0" y="7.5" width="120" height="4"/>
                                                     <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                                     <constraints>
                                                         <constraint firstAttribute="width" constant="120" id="ejN-uq-5LL"/>
@@ -681,7 +700,7 @@
                     </connections>
                 </pongPressGestureRecognizer>
             </objects>
-            <point key="canvasLocation" x="202.40000000000001" y="133.5832083958021"/>
+            <point key="canvasLocation" x="201.44927536231884" y="133.25892857142856"/>
         </scene>
         <!--AnimeInformation-->
         <scene sceneID="UT6-0e-zoR">
@@ -692,10 +711,25 @@
             <point key="canvasLocation" x="758" y="133"/>
         </scene>
     </scenes>
+    <designables>
+        <designable name="B2n-TQ-hy9">
+            <size key="intrinsicContentSize" width="144" height="28"/>
+        </designable>
+        <designable name="TAP-ty-bvP">
+            <size key="intrinsicContentSize" width="85" height="30"/>
+        </designable>
+        <designable name="Wev-7V-WQ7">
+            <size key="intrinsicContentSize" width="144" height="28"/>
+        </designable>
+        <designable name="wRU-Fx-6li">
+            <size key="intrinsicContentSize" width="20" height="22"/>
+        </designable>
+    </designables>
     <resources>
         <image name="Cloud Download" width="28" height="28"/>
         <image name="Compass" width="35" height="35"/>
         <image name="Details" width="20" height="20"/>
+        <image name="Down Arrow" width="57" height="72"/>
         <image name="Solid Play Icon" width="35" height="35"/>
     </resources>
 </document>
diff --git a/NineAnimator/Controllers/Player Scene/AnimeViewController.swift b/NineAnimator/Controllers/Player Scene/AnimeViewController.swift
index 800add9f0..6d4012085 100644
--- a/NineAnimator/Controllers/Player Scene/AnimeViewController.swift	
+++ b/NineAnimator/Controllers/Player Scene/AnimeViewController.swift	
@@ -90,6 +90,9 @@ class AnimeViewController: UITableViewController, AVPlayerViewControllerDelegate
     private var previousEpisodeRetrivalError: Error?
     
     private var shouldPromptBatchEpisodeMarking = true
+
+    /// Represents the currently displayed sorting of episodes
+    private var currentEpisodeSorting = NineAnimator.default.user.episodeListingOrder
     
     override var canBecomeFirstResponder: Bool {
         true
@@ -98,6 +101,14 @@ class AnimeViewController: UITableViewController, AVPlayerViewControllerDelegate
     override func viewWillAppear(_ animated: Bool) {
         super.viewWillAppear(animated)
         
+        // Update the sorting of episodes if user has adjusted settings
+        let userSortOption = NineAnimator.default.user.episodeListingOrder
+        if userSortOption != currentEpisodeSorting {
+            Log.info("[AnimeViewController] User's episode sort option changed. Reloading episode list")
+            reloadEpisodeTableViewSection()
+            currentEpisodeSorting = userSortOption
+        }
+        
         // Remove lines at the end of the table
         tableView.tableFooterView = UIView()
         
@@ -449,7 +460,7 @@ extension AnimeViewController {
         guard let episodeLink = episodeLink else { return }
         
         episodeRequestTask?.cancel()
-        NotificationCenter.default.removeObserver(self)
+        // NotificationCenter.default.removeObserver(self)
         
         let content = OfflineContentManager.shared.content(for: episodeLink)
         
@@ -793,13 +804,15 @@ extension AnimeViewController {
             [weak self] in
             var suggestingEpisodeLink: EpisodeLink?
             
-            func update(_ link: EpisodeLink, reason: AnimePredictedEpisodeTableViewCell.SuggestionReason) {
+            func update(_ link: EpisodeLink?, reason: AnimePredictedEpisodeTableViewCell.SuggestionReason?) {
                 DispatchQueue.main.async {
-                    cell.episodeLink = link
-                    cell.reason = reason
+                    cell.setPresenting(link: link, reason: reason)
                 }
             }
             
+            // Display placeholder information. This is required for anime with many episodes
+            update(nil, reason: nil)
+
             if availableEpisodes.count > 1 {
                 // The policy for suggestion is:
                 // 1. If an episode with a progress of 0.01...0.80 exists, suggest that episode
@@ -847,6 +860,27 @@ extension AnimeViewController {
     }
 }
 
+// MARK: - Handling episode sorting events
+extension AnimeViewController {
+    @IBAction private func onSwitchEpisodeSortButtonTapped(_ sender: Any) {
+        Log.info("[AnimeViewController] Switch Episode Sort Button Tapped. Updating user defaults and reloading episode section.")
+        // Switch Sort Order in Settings
+        let savedSortOrder = NineAnimator.default.user.episodeListingOrder
+        let newSortOrder: NineAnimatorUser.EpisodeListingOrder = (savedSortOrder == .ordered ? .reversed : .ordered)
+        NineAnimator.default.user.episodeListingOrder = newSortOrder
+        self.currentEpisodeSorting = newSortOrder
+        reloadEpisodeTableViewSection()
+    }
+    
+    func reloadEpisodeTableViewSection() {
+        DispatchQueue.main.async {
+            [weak self] in
+            guard let self = self else { return }
+            self.tableView.reloadSections(Section.indexSet(.episodes, .suggestion), with: .automatic)
+        }
+    }
+}
+
 // MARK: - Handling events from the header view
 extension AnimeViewController {
     @IBAction private func onSubscribeButtonTapped(_ sender: Any) {
diff --git a/NineAnimator/Views/Anime Scene/AnimePredictedEpisodeTableViewCell.swift b/NineAnimator/Views/Anime Scene/AnimePredictedEpisodeTableViewCell.swift
index 238f56402..f3be3a570 100644
--- a/NineAnimator/Views/Anime Scene/AnimePredictedEpisodeTableViewCell.swift	
+++ b/NineAnimator/Views/Anime Scene/AnimePredictedEpisodeTableViewCell.swift	
@@ -24,6 +24,20 @@ class AnimePredictedEpisodeTableViewCell: UITableViewCell {
     
     @IBOutlet private weak var suggestingEpisodeNameLabel: UILabel!
     
+    @IBOutlet private var switchEpisodeSortButton: UIButton!
+    
+    func setPresenting(link: EpisodeLink?, reason: SuggestionReason?) {
+        episodeLink = link
+        self.reason = reason ?? .start
+        
+        // Update episode sort button. By default the arrow image is pointing down for "Ordered" sorting.
+        if NineAnimator.default.user.episodeListingOrder == .reversed {
+            self.switchEpisodeSortButton.transform = CGAffineTransform(rotationAngle: .pi)
+        } else {
+            self.switchEpisodeSortButton.transform = .identity
+        }
+    }
+    
     /// The link to the episode that this cell is suggesting
     var episodeLink: EpisodeLink? {
         didSet {