Fix issue where user launches the app for the first time with no data

source/css/_splash.css.scss

@@ -7,4 +7,9 @@
     color: white;
     font-size: 60px;
   }
+
+  .retry-section {
+    @include center-in-parent;
+    top: 80%;
+  }
 }

source/js/controllers/splash_controller.coffee

@@ -1,30 +1,48 @@
 class Controller
-  constructor: ($scope, $rootScope, $location, $timeout, SPLASH_SCREEN_DELAY, syncService) ->
-    syncFinished = false
-    delayFinished = false
-
+  constructor: ($scope, $rootScope, $location, $timeout, SPLASH_SCREEN_DELAY, syncService, configurationService, i18nService) ->
     $rootScope.$emit 'navigationConfig', 
       navigationAvailable: false
       searchAvailable: false
 
+    syncFinished = false
+    delayFinished = false
+
+    $scope.retryAvailable = false
+    $scope.retryButtonMessage = i18nService.get 'syncRetryButtonMessage'
+    $scope.retrySync = () ->
+      syncRemoteContent()    
+
     transitionIfFinished = () ->
       $location.path('/home') if syncFinished and delayFinished
 
+    syncSuccess = () ->
+      syncFinished = true
+      transitionIfFinished()
+      return
+
+    syncFailed = () ->
+      if configurationService.initialSyncComplete()
+        alert i18nService.get('syncFailureOfflineMessage')
+        syncFinished = true
+        transitionIfFinished()
+      else
+        alert i18nService.get('syncFailureRetryMessage')
+        $scope.retryAvailable = true
+
+      return
+
+    syncRemoteContent = () ->
+      syncService.refresh().then(syncSuccess, syncFailed)
+
     Platform.isReady () ->
       $timeout () ->
         delayFinished = true
         transitionIfFinished()
       , SPLASH_SCREEN_DELAY
 
-      syncService.refresh().then () ->
-        syncFinished = true
-        transitionIfFinished()
-        return
-      , () ->
-        # TODO: This should display an error somehow
-        console.log('Error syncing')
-        syncFinished = true
-        transitionIfFinished()
-        return
+      if window.navigator.onLine
+        syncRemoteContent()
+      else
+        syncFailed()
 
-angular.module('app').controller 'splashController', ['$scope', '$rootScope', '$location', '$timeout', 'SPLASH_SCREEN_DELAY', 'syncService', Controller]
+angular.module('app').controller 'splashController', ['$scope', '$rootScope', '$location', '$timeout', 'SPLASH_SCREEN_DELAY', 'syncService', 'configurationService', 'i18nService', Controller]

source/js/services/configuration_service.coffee

@@ -0,0 +1,8 @@
+class Service
+  constructor: (@$q) ->
+  initialSyncComplete: () => 
+    if window.localStorage['initialSyncComplete'] then true else false
+  initialSyncCompleted: () =>
+    window.localStorage['initialSyncComplete'] = true
+
+angular.module('app').service 'configurationService', ['$q', Service]

source/js/services/i18n_service.coffee

@@ -38,6 +38,9 @@ EN =
   sessionTitleFailure: 'Oh no!'
   sessionMessageFailure: 'You\'ve run out of chances! Better luck next time!'
   acknowledgeButton: 'Ok'
+  syncFailureOfflineMessage: 'Unable to update content'
+  syncFailureRetryMessage: 'Unable to update content. Check your network connection and retry'
+  syncRetryButtonMessage: 'Retry Sync'
 
 class Service
   constructor: () ->

source/js/services/sync_service.coffee

@@ -1,5 +1,5 @@
 class Service
-  constructor: (@$http, @$q, @BACKEND_URL, @categoryService, @entryService, @imageCreditService, @downloadService) ->
+  constructor: (@$http, @$q, @BACKEND_URL, @configurationService, @categoryService, @entryService, @imageCreditService, @downloadService) ->
   refresh: () =>
     deferred = @$q.defer()
     @$http.get("#{@BACKEND_URL}/api/sync/all")
@@ -15,10 +15,11 @@ class Service
               @entryService.save e
               @downloadService.saveAssetsForEntry e
             @imageCreditService.store res.data.image_credits
+            @configurationService.initialSyncCompleted()
             deferred.resolve()
           , (err) =>
             deferred.reject()  
 
     return deferred.promise
 
-angular.module('app').service 'syncService', ['$http', '$q', 'BACKEND_URL', 'categoryService', 'entryService', 'imageCreditService', 'downloadService', Service]
+angular.module('app').service 'syncService', ['$http', '$q', 'BACKEND_URL', 'configurationService', 'categoryService', 'entryService', 'imageCreditService', 'downloadService', Service]

source/partials/_splash.haml

@@ -1,2 +1,5 @@
 .splash
-  .name JILA
+  .name JILA
+
+  %div.retry-section{ng: {if: 'retryAvailable'}}
+    %button{ng: {click: 'retrySync()'}} {{ retryButtonMessage }}