persisting feed in localstorage

pocketreceipt · Feb 20, 2014 · 0b9c5f4 · 0b9c5f4
1 parent 40a1e67
commit 0b9c5f4
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 7 deletions.
diff --git a/app/my-feeds.html b/app/my-feeds.html
@@ -43,6 +43,11 @@ <h3 ng-click="toggleFeed();" class="panel-title">{{feed.title}}</h3>
                 </div>
             </div>
         </div>
+        <div ng-show="feeds.length == 0" class="col-sm-12">
+            <div class="alert text-center alert-warning fade in">
+                Sorry, nothing to show here :(
+            </div>
+        </div>
     </div>
 </div>
 

diff --git a/app/scripts/my-feeds.js b/app/scripts/my-feeds.js
@@ -1,15 +1,27 @@
 angular.module('my-feeds', [
     'feeds'
   ])
-  .controller('MyFeedsController', ['$scope', '$compile', '$http', '$rootScope', function ($scope, $compile, $http, $rootScope) {
+  .controller('MyFeedsController', ['$scope', '$compile', '$http', 'storage', function ($scope, $compile, $http, storage) {
     $scope.isOrigin = function () {
       var url = window.location.href.substring(window.location.href.lastIndexOf('/') + 1);
       return window.parent.location.href.indexOf(url) !== -1;
     };
 
-    $http.get('my-feeds.json').success(function (feeds) {
-      $scope.feeds = feeds;
-    });
+    $scope.$watch('feeds', function (newValue, oldValue) {
+      if (newValue) {
+        storage.set('feeds', newValue);
+      }
+    }, true);
+
+    if (!storage.get('feeds')) {
+      $http.get('my-feeds.json').success(function (feeds) {
+        $scope.feeds = feeds;
+      });
+    }
+    else {
+      $scope.feeds = storage.get('feeds');
+    }
+
   }])
   .directive('feedWidget', ['$compile', function ($compile) {
     return  {
@@ -26,12 +38,22 @@ angular.module('my-feeds', [
       $scope.collapsed = !$scope.collapsed;
     };
 
-    $scope.deleteFeed = function (){
-      if (confirm('Are you sure you want to delete this feed?') &&  $scope.feeds.indexOf($scope.feed) > -1) {
+    $scope.deleteFeed = function () {
+      if (confirm('Are you sure you want to delete this feed?') && $scope.feeds.indexOf($scope.feed) > -1) {
         $scope.feeds.splice($scope.feeds.indexOf($scope.feed), 1);
       }
     }
-  }]);
+  }])
+  .factory('storage', function () {
+    return {
+      set: function (name, obj) {
+        localStorage[name] = angular.toJson(obj);
+      },
+      get: function (name) {
+        return angular.fromJson(localStorage[name]);
+      }
+    };
+  });
 
 function feedPostRender(element) {
   $(element).find('a').attr('target', '_blank');
-Original file line number
+Diff line change
@@ Expand Up @@
                     </div>
                 </div>
             </div>
+            <div ng-show="feeds.length == 0" class="col-sm-12">
+                <div class="alert text-center alert-warning fade in">
+                    Sorry, nothing to show here :(
+                </div>
+            </div>
         </div>
     </div>
@@ Expand Down @@