From f87527c7c04a50509ec9aa07202cd7b0fbfdbc72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Mon, 12 Mar 2018 20:00:52 +0100
Subject: [PATCH] Added help for client-mode

---
 server/public/assets/js/channel.js            |  6 ++--
 .../public/partials/channel/modal.handlebars  | 31 ++++++++++---------
 .../partials/frontpage/header.handlebars      |  1 +
 3 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/server/public/assets/js/channel.js b/server/public/assets/js/channel.js
index c9dca80b..184ce6f3 100644
--- a/server/public/assets/js/channel.js
+++ b/server/public/assets/js/channel.js
@@ -4,7 +4,7 @@ var Channel = {
             $(".tabs").addClass("hide");
             $("#wrapper").removeClass("tabs_height");
             $("#wrapper").addClass("client-wrapper");
-            $(".embed-button-footer").addClass("hide");
+            //$(".embed-button-footer").addClass("hide");
             $(".skip_next_client").removeClass("hide");
             if(!Helper.mobilecheck()) {
                 $(".skip_next_client").tooltip({
@@ -75,15 +75,15 @@ var Channel = {
             accordion : true
         });
         if(!client) {
-            $("#help").modal();
             $("#embed").modal();
         } else {
-            $("#help").remove();
+            //$("#help").remove();
             $("#embed").remove();
             $(".help-button-footer").remove();
             $(".embed-button-footer").remove();
             $(".tabs").remove();
         }
+        $("#help").modal();
         $("#contact").modal();
         $("#channel-share-modal").modal();
         $("#delete_song_alert").modal({
diff --git a/server/public/partials/channel/modal.handlebars b/server/public/partials/channel/modal.handlebars
index b6440480..7e386acc 100644
--- a/server/public/partials/channel/modal.handlebars
+++ b/server/public/partials/channel/modal.handlebars
@@ -1,20 +1,5 @@
 {{#if client}}
 {{else}}
-<div id="help" class="modal modal-fixed-footer">
-    <div class="modal-content">
-        <h4>Help</h4>
-        <p>When listening on a channel, there are some different buttons you can click.</p>
-        <p>If you click the <i class="material-icons">menu</i>, you'll open the settings panel. Here you can change channel settings, decide if you want the computer you're on can be remote-controlled, enable or disable local mode, and import playlists from YouTube.</p>
-        <p>The <i class="material-icons">search</i>, opens up a search inputfield. If you start typing here, the site will automagically search for your input!</p>
-        <p>The one next to that one <i class="material-icons">shuffle</i>, is shuffling of the list.</p>
-        <p>Clicking a song in the playlist, gives it a vote. If you're logged in, you'll have a delete button at your disposal.</p>
-        <p>Also, whenever you're logged in, you'll have three tabs in the top of the playlist thats called "Playlist", "Suggested" and "Chat". The playlist obviously shows the playlist. But the suggested tab, shows 5 songs that YouTube recommends based on the current song. There might also be user recommended songs. To add any of these, just click them as you'd click a song to vote.</p>
-        <p>If you want to listen to the channel without any "hickups", or being affected by other peoples votes, there is a local mode. By opening up the settings <i class="material-icons">menu</i>, and checking the local mode checkbox, you will be free of synced listening! This will also enable seeking in the current playing video, perfect for those songs you only like a part of!</p>
-    </div>
-    <div class="modal-footer">
-        <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>
-    </div>
-</div>
 <div id="embed" class="modal">
     <div class="modal-content">
         <h4>Embed</h4>
@@ -45,6 +30,22 @@
     </div>
 </div>
 {{/if}}
+<div id="help" class="modal modal-fixed-footer">
+    <div class="modal-content">
+        <h4>Help</h4>
+        <p>If you only want to add a song/vote on a song/change settings on, try out the <a href="https://client.zoff.me/{{list_name}}">client page</a></p>
+        <p>When listening on a channel, there are some different buttons you can click.</p>
+        <p>If you click the <i class="material-icons">menu</i>, you'll open the settings panel. Here you can change channel settings, decide if you want the computer you're on can be remote-controlled, enable or disable local mode, and import playlists from YouTube.</p>
+        <p>The <i class="material-icons">search</i>, opens up a search inputfield. If you start typing here, the site will automagically search for your input!</p>
+        <p>The one next to that one <i class="material-icons">shuffle</i>, is shuffling of the list.</p>
+        <p>Clicking a song in the playlist, gives it a vote. If you're logged in, you'll have a delete button at your disposal.</p>
+        <p>Also, whenever you're logged in, you'll have three tabs in the top of the playlist thats called "Playlist", "Suggested" and "Chat". The playlist obviously shows the playlist. But the suggested tab, shows 5 songs that YouTube recommends based on the current song. There might also be user recommended songs. To add any of these, just click them as you'd click a song to vote.</p>
+        <p>If you want to listen to the channel without any "hickups", or being affected by other peoples votes, there is a local mode. By opening up the settings <i class="material-icons">menu</i>, and checking the local mode checkbox, you will be free of synced listening! This will also enable seeking in the current playing video, perfect for those songs you only like a part of!</p>
+    </div>
+    <div class="modal-footer">
+        <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>
+    </div>
+</div>
 <div id="user_password" class="modal">
     <div class="modal-content">
         <h5>Locked Channel</h5>
diff --git a/server/public/partials/frontpage/header.handlebars b/server/public/partials/frontpage/header.handlebars
index 7c76d066..cc576944 100644
--- a/server/public/partials/frontpage/header.handlebars
+++ b/server/public/partials/frontpage/header.handlebars
@@ -38,6 +38,7 @@
             <p>At the center of the site, you'll see a input field. This is meant to navigate to new or existing channels. If you input something here that doesn't exist, a new channel will be create at the blink of an eye! Remember to put a password on the list you've created, so no one else takes it from you! (It's on a first come, first serve basis). When you're ready to proceed, just click the listen button!</p>
             <p>Underneath the input fields, there are several tiles. These are channels that already exists, and they can be clicked! To listen to one of these channels, it is just to click the tile.</p>
             <p>If you want to listen to the channel without any "hickups", or being affected by other peoples votes, there is a local mode. By clicking the local button in the header, you will be free of synced listening!</p>
+            <p>The "Client"-button are for enabling a faster load when you're only adding/voting/deleting/changing settings. Perfect for opening/using when at parties on mobile!</p>
         </div>
         <div class="modal-footer">
             <a href="#" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>