Fixing some config options

Author: Paul Gray

Gruntfile.js

@@ -40,6 +40,12 @@ module.exports = function (grunt) {
           },{
             pattern: new RegExp(/\/styles\/index.css/g),
             replacement: '/styles/index.sass'
+          },{
+            pattern: new RegExp(/\$ROOT_URL\$/g),
+            replacement: '\'/\''
+          },{
+            pattern: new RegExp(/\$API_KEY\$/g),
+            replacement: 'undefined'
           }]
         }
       },
@@ -53,10 +59,10 @@ module.exports = function (grunt) {
         options: {
           replacements: [{
             pattern: new RegExp(/\$ROOT_URL\$/g),
-            replacement: grunt.option('host') || 'http://localhost:8080'
+            replacement: grunt.option('host') ? "\'" + grunt.option('host') + "\'" : '\'http://localhost:8080\''
           },{
             pattern: new RegExp(/\$API_KEY\$/g),
-            replacement: grunt.option('apiKey') || 'secret'
+            replacement: grunt.option('apiKey') ? "\'" + grunt.option('apiKey') + "\'" : '\'secret\''
           }]
         }
       }

app/components/ui/progBar/progBar.js

@@ -7,7 +7,7 @@ import template from './progBar.html';
 var ANIMATION_DUR = 500; //ms
 var FRAMERATE = 25; //one frame per x ms
 
-export default ['$timeout', '$interval', function($timeout, $interval){
+export default ['$timeout', '$interval', function($timeout, $interval) {
   return {
     restrict:'E',
     replace:true,
@@ -20,17 +20,17 @@ export default ['$timeout', '$interval', function($timeout, $interval){
     link: function(scope, element){
       //scope.width
       var dur = (scope.animationLength || ANIMATION_DUR) / 1000;
-      
+
       scope.intervalPercentage = 0;
-      
+
       scope.progBarStyle = {
         transition: 'width ' + dur + 's ease-out',
       };
-      
+
       $timeout(function(){
         scope.progBarStyle.width = scope.value + '%';
       });
-      
+
       var elapsedTime = 0;
       var then = new Date();
       var interval = $interval(function(){
@@ -44,7 +44,7 @@ export default ['$timeout', '$interval', function($timeout, $interval){
         }
         then = now;
       }, FRAMERATE);
-      
+
     }
   };
 }];

app/index.html

@@ -15,8 +15,8 @@
         </style>
         <script>
           window.lo_api_config = {
-            root: '$ROOT_URL$',
-            apiKey: '$API_KEY$'
+            root: $ROOT_URL$,
+            apiKey: $API_KEY$
           };
           window.lo_static_url = '/assets/';
         </script>

app/index.js

@@ -31,7 +31,7 @@ app.config(['$httpProvider', function($httpProvider) {
 }]);
 
 app.config(['$stateProvider', '$urlRouterProvider', ($stateProvider, $urlRouterProvider) => {
-  $urlRouterProvider.otherwise("/transcript");
+  $urlRouterProvider.otherwise("/");
   //
   // Now set up the states
   $stateProvider