From fa189967e7fece895f9cbafa753bd1ad663382ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Sun, 23 Sep 2018 21:30:13 +0200
Subject: [PATCH] Added modal for mobile automatically open in iframe

---
 server/public/assets/css/style.css   |  4 ++++
 server/public/assets/js/channel.js   | 11 ++++++++---
 server/public/assets/js/functions.js |  2 +-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index b1d37cfb..2396cdf3 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -3352,6 +3352,10 @@ nav ul li:hover, nav ul li.active {
         margin-top: auto !important;
     }
 
+    #channel-share-modal {
+        width: 100%;
+    }
+
     #autocomplete-input {
         width: 100%;
         border-bottom: 1px solid #9e9e9e !important;
diff --git a/server/public/assets/js/channel.js b/server/public/assets/js/channel.js
index 29aca00a..3a013525 100644
--- a/server/public/assets/js/channel.js
+++ b/server/public/assets/js/channel.js
@@ -207,9 +207,14 @@ var Channel = {
 
 
         if(!client) {
-            var shareCodeUrl = window.location.protocol + "//client."+window.location.hostname+"/r/"+btoa(encodeURIComponent(chan.toLowerCase()));
-            document.getElementById("share-join-qr").setAttribute("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+shareCodeUrl);
-            Helper.setHtml("#channel-name-join", "client." + window.location.hostname + "/" + encodeURIComponent(chan.toLowerCase()));
+            if(!Helper.mobilecheck()) {
+                var shareCodeUrl = window.location.protocol + "//client."+window.location.hostname+"/r/"+btoa(encodeURIComponent(chan.toLowerCase()));
+                document.getElementById("share-join-qr").setAttribute("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+shareCodeUrl);
+                Helper.setHtml("#channel-name-join", "client." + window.location.hostname + "/" + encodeURIComponent(chan.toLowerCase()));
+            } else if(small_player) {
+                document.querySelector("#channel-share-modal .modal-content").innerHTML = "<p>To listen to this channel, go to</p><p>https://zoff.me/" + encodeURIComponent(chan.toLowerCase()) + "</p><img src='/assets/images/favicon.png' height='100' width='100' alt='circle-logo-zoff'>";
+                M.Modal.getInstance(document.getElementById("channel-share-modal")).open();
+            }
         } else {
             Helper.removeElement(".video-container");
             Helper.removeElement(".offline-panel");
diff --git a/server/public/assets/js/functions.js b/server/public/assets/js/functions.js
index 2c242f4e..cdb5f503 100644
--- a/server/public/assets/js/functions.js
+++ b/server/public/assets/js/functions.js
@@ -1236,7 +1236,7 @@ function before_toast(){
 }
 
 function addJoinBox() {
-    document.querySelector("#video-container").insertAdjacentHTML("beforeend", '<a href="https://zoff.me" target="_blank"><div class="addedJoinBox">Listen directly on https://zoff.me</div></a>');
+    document.querySelector("#video-container").insertAdjacentHTML("beforeend", '<a href="https://zoff.me" target="_blank"><div class="addedJoinBox">Listen directly on https://zoff.me<br>&copy; KasperRT &amp; Nixo</div></a>');
 }
 
 function scrollChat() {