Onepage working

index.php

@@ -154,6 +154,9 @@
         </div>
     </header>
     <main class="container center-align main">
+    <div id="channel-load" class="progress" style="top:52px;">
+            <div class="indeterminate" id="channel-load-move"></div>
+        </div>
         <div id="main-row" class="row">
             <div class="col s12 m9 video-container hide-on-small-only">
 

php/channel.php

@@ -146,6 +146,9 @@
         </div>
     </header>
     <main class="container center-align main">
+    <div id="channel-load" class="progress" style="top:52px;">
+            <div class="indeterminate" id="channel-load-move"></div>
+        </div>
         <div id="main-row" class="row">
             <div class="col s12 m9 video-container hide-on-small-only">
 

php/nochan.php

@@ -82,6 +82,9 @@ if(isset($_GET['chan'])){
     </header>
 
     <div class="section mega">
+        <div id="channel-load" class="progress">
+            <div class="indeterminate" id="channel-load-move"></div>
+        </div>
         <div id="mega-background"></div>
         <h5>Create a radio channel, collaborate and listen</h5>
             <form class="channel-finder">
@@ -102,7 +105,6 @@ if(isset($_GET['chan'])){
                     maxlength="18"
                 />
                 <datalist id="searches"></datalist>
-                <a class="refresh-button"><i class="small cached"></i></a>
                 <button class="listen-button" action="submit">Listen</button>
             </form>
             <div class="pitch outline">

php/nochan_content.php

@@ -69,6 +69,9 @@
     </header>
 
     <div class="section mega">
+        <div id="channel-load" class="progress">
+            <div class="indeterminate" id="channel-load-move"></div>
+        </div>
         <div id="mega-background"></div>
         <h5>Create a radio channel, collaborate and listen</h5>
             <form class="channel-finder">
@@ -89,7 +92,6 @@
                     maxlength="18"
                 />
                 <datalist id="searches"></datalist>
-                <a class="refresh-button"><i class="small cached"></i></a>
                 <button class="listen-button" action="submit">Listen</button>
             </form>
             <div class="pitch outline">

static/css/style.css

@@ -48,6 +48,17 @@
     -ms-user-select: none;
     user-select: none;
 }
+
+#channel-load{
+  display:none;
+  position: absolute;
+  top: -8px;
+  background-color:rgba(0,0,0,0);
+}
+
+#channel-load-move{
+  background-color: #FFFFFF !important;
+}
  
 .rounded{
   border-radius: 4px;

static/js/listeners.js

@@ -364,8 +364,8 @@ window.onpopstate = function(e){
 }
 
 function onepage_load(){
+	$("#channel-load").css("display", "block");
 	var url_split = window.location.href.split("/");
-
 	if(url_split[3] == "" || url_split[3].substring(0,1) == "#"){
 		$.ajax({
 		    url: "php/nochan_content.php",

static/js/nochan.js

@@ -201,6 +201,8 @@ var Nochan = {
 
   to_channel: function(chan, popstate){
 
+    $("#channel-load").css("display", "block");
+
     $.ajax({
       url: chan + "/php/channel.php",
       success: function(e){
@@ -330,6 +332,7 @@ $(".listen-button").click(function(e){
   //console.log($(".room-namer").attr("placeholder"));
   if($(".room-namer").val() == ""){
     e.preventDefault();
-    window.location = "?chan="+$(".room-namer").attr("placeholder");
+    //window.location = "?chan="+
+    Nochan.to_channel($(".room-namer").attr("placeholder"));
   }
 });