From aa946712e00cccfe114fde182e6125bbc84a7b87 Mon Sep 17 00:00:00 2001
From: Akhil Gupta <akhil.gupta@faballey.com>
Date: Fri, 19 Feb 2021 15:59:06 +0530
Subject: [PATCH] fix legacy broswer issues on iOS

---
 client/addPodcast.html |  8 ++++----
 client/episodes.html   | 17 +++++++++--------
 client/index.html      | 24 ++++++++++++++----------
 client/navbar.html     |  4 ++--
 client/player.html     |  2 +-
 client/podcast.html    |  5 +++--
 client/scripts.html    | 20 ++++++++++----------
 client/settings.html   |  5 +++--
 8 files changed, 46 insertions(+), 39 deletions(-)

diff --git a/client/addPodcast.html b/client/addPodcast.html
index 3789de0..3974c87 100644
--- a/client/addPodcast.html
+++ b/client/addPodcast.html
@@ -189,8 +189,8 @@
                 item.already_saved = true;
               })
               .catch(function (error) {
-                if (error.response) {
-                  Vue.toasted.show(error.response.data?.message, {
+                if (error.response && error.response.data && error.response.data.message) {
+                  Vue.toasted.show(error.response.data.message, {
                     theme: "bubble",
                     type: "error",
                     position: "top-right",
@@ -246,8 +246,8 @@
                 item.already_saved = true;
               })
               .catch(function (error) {
-                if (error.response) {
-                  Vue.toasted.show(error.response.data?.message, {
+                if (error.response && error.response.data && error.response.data.message) {
+                  Vue.toasted.show(error.response.data.message, {
                     theme: "bubble",
                     type: "error",
                     position: "top-right",
diff --git a/client/episodes.html b/client/episodes.html
index a49172a..9487bb2 100644
--- a/client/episodes.html
+++ b/client/episodes.html
@@ -221,8 +221,8 @@
             row.remove();
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
@@ -247,8 +247,8 @@
             row.remove();
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
@@ -276,8 +276,9 @@
             row.remove();
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
@@ -306,8 +307,8 @@
             row.remove();
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
diff --git a/client/index.html b/client/index.html
index 46e04ef..01c968b 100644
--- a/client/index.html
+++ b/client/index.html
@@ -321,11 +321,11 @@
           playPodcast(id){openPlayer("",id)},
         },
         mounted(){
-          if(localStorage?.sortOrder){
+          if(localStorage && localStorage.sortOrder){
             this.sortOrder=localStorage.sortOrder;
             this.sortPodcasts(this.sortOrder);
           }
-          if(localStorage?.layout){
+          if(localStorage && localStorage.layout){
             this.layout=localStorage.layout;
           }else{
               this.layout='list';
@@ -436,8 +436,9 @@
             );
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
@@ -472,8 +473,9 @@
             
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
@@ -507,8 +509,9 @@
             });
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
@@ -542,8 +545,9 @@
             app.removePodcast(id)
           })
           .catch(function (error) {
-            if (error.response) {
-              Vue.toasted.show(error.response.data?.message, {
+            if (error.response && error.response.data && error.response.data.message) {
+
+              Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",
diff --git a/client/navbar.html b/client/navbar.html
index 0ec644c..a9288bc 100644
--- a/client/navbar.html
+++ b/client/navbar.html
@@ -174,8 +174,8 @@ div#overlay{
 
   <script>
     function toggleMenu(){
-    let sideDrawer= document.getElementById('sideDrawer')
-    let overlay= document.getElementById('overlay')
+    var sideDrawer= document.getElementById('sideDrawer')
+    var overlay= document.getElementById('overlay')
     if(overlay.style.display==="block"){
       sideDrawer.style.left="-160px"
       overlay.style.display="none"
diff --git a/client/player.html b/client/player.html
index 77b51e7..8c81fe0 100644
--- a/client/player.html
+++ b/client/player.html
@@ -934,7 +934,7 @@ div#large-visualization{
         },
         mounted(){
           var volume=50;
-          if(localStorage?.playerVolume){
+          if(localStorage && localStorage.playerVolume){
             volume=parseInt(localStorage.playerVolume)
           }
           const self=this;
diff --git a/client/podcast.html b/client/podcast.html
index 91bb7fa..9206938 100644
--- a/client/podcast.html
+++ b/client/podcast.html
@@ -177,9 +177,10 @@ function downloadToDisk(id){
         row.remove();
     })
     .catch(function(error){
-        if(error.response){
+      if (error.response && error.response.data && error.response.data.message) {
 
-        Vue.toasted.show(error.response.data?.message, {
+
+        Vue.toasted.show(error.response.data.message, {
             theme: "bubble",
             position: "top-right",
             type: "error",
diff --git a/client/scripts.html b/client/scripts.html
index 6c604c6..a946359 100644
--- a/client/scripts.html
+++ b/client/scripts.html
@@ -10,24 +10,24 @@
   };
   const limit = 300;
   function checkUseMore() {
-    let elements = document.getElementsByClassName("useMore");
+    var elements = document.getElementsByClassName("useMore");
 
-    for (let index = 0; index < elements.length; index++) {
+    for (var index = 0; index < elements.length; index++) {
       const element = elements[index];
-      let display = element.style.display;
-      let originalText = element.textContent;
+      var display = element.style.display;
+      var originalText = element.textContent;
       if (originalText.length <= limit) {
         continue;
       }
-      let newText = originalText.substr(0, limit);
+      var newText = originalText.substr(0, limit);
 
-      let newElement = document.createElement(element.tagName);
+      var newElement = document.createElement(element.tagName);
       newElement.textContent = newText;
 
       newElement.classList.add("short-version");
       element.classList.add("long-version");
 
-      let more = document.createElement("a");
+      var more = document.createElement("a");
       more.textContent = " show more";
       more.style.cursor = "pointer";
       more.onclick = function () {
@@ -35,7 +35,7 @@
         newElement.style.display = "none";
       };
 
-      let less = document.createElement("a");
+      var less = document.createElement("a");
       less.textContent = " show less";
       less.style.cursor = "pointer";
       less.onclick = function () {
@@ -53,7 +53,7 @@
   checkUseMore();
 
   function openPlayer(itemId, podcastId) {
-    let url = "/player?";
+    var url = "/player?";
     if (itemId) {
       url += "&itemId=" + itemId;
     }
@@ -66,7 +66,7 @@
   function getIdentifier() {
     if(localStorage){
     if (localStorage.identifier) {
-      return localStorage?.identifier;
+      return localStorage.identifier;
     }
     var id = +new Date();
     localStorage.identifier = id;
diff --git a/client/settings.html b/client/settings.html
index 6dcf5ef..7bd937c 100644
--- a/client/settings.html
+++ b/client/settings.html
@@ -151,9 +151,10 @@ var app = new Vue({
             }
         })
         .catch(function(error){
-            if(error.response){
+            if (error.response && error.response.data && error.response.data.message) {
 
-            Vue.toasted.show(error.response.data?.message, {
+
+            Vue.toasted.show(error.response.data.message, {
                 theme: "bubble",
                 type: "error",
                 position: "top-right",