add pre home with loading

Duke · Duke · commit 87c2e833d270 · 2016-01-14T16:48:31.000-02:00
diff --git a/app/index.html b/app/index.html
@@ -7,36 +7,65 @@
     <meta name="MobileOptimized" content="320">
     <meta name="HandheldFriendly" content="True">
     <meta name="apple-mobile-web-app-capable" content="yes">
-
     <title>Uhura - The best podcast player</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 
     <meta property="og:title" content="Uhura App" />
     <meta property="og:image" content="" />
 
-    <link href='https://fonts.googleapis.com/css?family=Exo+2:400,900italic,800italic,700italic,600italic,500italic,400italic,300italic,200italic,100italic,900,800,700,600,500,300,100,200' rel='stylesheet' type='text/css'>
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet">
-
     {{content-for 'head'}}
 
     <link rel="stylesheet" href="assets/vendor.css">
     <link rel="stylesheet" href="assets/uhuraapp.css">
 
     {{content-for 'head-footer'}}
 
-    <script>
-      UserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='https://widget.uservoice.com/wskBzcLNnDXVNIU5Zoa4g.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();
-      UserVoice.push(['autoprompt', {}]);
-    </script>
+    <link href='https://fonts.googleapis.com/css?family=Exo+2:400,900italic,800italic,700italic,600italic,500italic,400italic,300italic,200italic,100italic,900,800,700,600,500,300,100,200' rel='stylesheet' type='text/css'>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+    rel="stylesheet">
   </head>
-  <body>
+  <body class="application home">
+    <div id="pre-home">
+      <div class="mdl-layout mdl-js-layout unlogged">
+        <main class="mdl-layout__content">
+          <div class="ember-view topbar-menu simple">
+            <h1 class="uhura__logo">
+              <a href="/" class="ember-view active">Uhura</a>
+            </h1>
+          </div>
+
+          <div class="page-content">
+            <div class="ember-view mdl-grid">
+              <div class="mdl-cell mdl-cell--12-col" id="welcome">
+                <h1>Welcome to the best podcast player</h1>
+                <p style="line-height: 2; color: #FFF; font-size: 40px; margin-bottom: 30px">Loading...</p>
+                <img src="/assets/radio.gif" />
+              </div>
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
     {{content-for 'body'}}
 
     <script src="assets/vendor.js"></script>
     <script src="assets/uhuraapp.js"></script>
 
     {{content-for 'body-footer'}}
+
+    <script>
+      UserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='https://widget.uservoice.com/wskBzcLNnDXVNIU5Zoa4g.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();
+      UserVoice.push(['autoprompt', {}]);
+    </script>
+
+    <script type="text/javascript">
+      (function() {
+        document.getElementById('pre-home').remove();
+        var body = document.querySelector('body').classList;
+        body.remove('apllication');
+        body.remove('home');
+      })()
+    </script>
   </body>
 </html>
diff --git a/config/environment.js b/config/environment.js
@@ -73,7 +73,7 @@ module.exports = function(environment) {
     routeAfterAuthentication: 'subscriptions'
   }
 
-  const ahoyServer = process.env.AHOY_ENDPOINT;
+  const ahoyServer = process.env.AHOY_ENDPOINT || '';
 
   ENV['ahoy'] = {
     debug: environment === 'development',
diff --git a/ember-cli-build.js b/ember-cli-build.js
@@ -5,7 +5,7 @@ var EmberApp = require('ember-cli/lib/broccoli/ember-app');
 module.exports = function(defaults) {
   var app = new EmberApp(defaults, {
     fingerprint: {
-      exclude: ['channel-placeholder.png']
+      exclude: ['channel-placeholder.png', 'radio.gif']
     },
     sassOptions: {
       extentions: 'sass'
diff --git a/public/assets/radio.gif b/public/assets/radio.gif

Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ module.exports = function(environment) {`
`73`	`73`	`routeAfterAuthentication: 'subscriptions'`
`74`	`74`	`}`
`75`	`75`
`76`		`- const ahoyServer = process.env.AHOY_ENDPOINT;`
	`76`	`+ const ahoyServer = process.env.AHOY_ENDPOINT \|\| '';`
`77`	`77`
`78`	`78`	`ENV['ahoy'] = {`
`79`	`79`	`debug: environment === 'development',`