Persistencia das preferências do usuário em cookies

juniorconte · Apr 20, 2017 · b9eaad3 · b9eaad3
1 parent ee6f0cf
commit b9eaad3
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 4 deletions.
diff --git a/app/index.html b/app/index.html
@@ -34,6 +34,7 @@
     <script src="bower_components/angular-route/angular-route.js"></script>
     <script src="bower_components/firebase/firebase.js"></script>
     <script src="bower_components/angularfire/dist/angularfire.js"></script>
+    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
     <!-- endbower -->
     <!-- endbuild -->
 

diff --git a/app/scripts/app.js b/app/scripts/app.js
@@ -11,6 +11,7 @@
 angular
   .module('todoApp', [
     'ngAnimate',
+    'ngCookies',
     'ngRoute',
     'firebase'
   ])

diff --git a/app/scripts/controllers/main.js b/app/scripts/controllers/main.js
@@ -8,11 +8,11 @@
  * Controller of the todoApp
  */
 angular.module('todoApp')
-  .controller('MainCtrl', function ($scope, $firebaseArray) {
+  .controller('MainCtrl', function ($scope, $firebaseArray, $cookies) {
 
     var ref = firebase.database().ref().child('todos');
 
-    $scope.hide = false;
+    $scope.hide = $cookies.get('hide') === 'true' || false;
     $scope.todos = $firebaseArray(ref);
 
     $scope.addTodo = function(title) {
@@ -36,4 +36,8 @@ angular.module('todoApp')
       });
     };
 
+    $scope.saveHide = function() {
+      $cookies.put('hide', $scope.hide);
+    };
+
   });
diff --git a/app/views/main.html b/app/views/main.html
@@ -37,7 +37,7 @@ <h1>Firetasks</h1>
   <div class="col-xs-6">
     <button type="button"
       class="btn btn-warning btn-block"
-      ng-click="hide = !hide">
+      ng-click="hide = !hide; saveHide()">
       {{hide && 'Exibir' || 'Esconder'}} concluídas
     </button>
   </div>

diff --git a/bower.json b/bower.json
@@ -6,7 +6,8 @@
     "bootstrap": "^3.2.0",
     "angular-animate": "^1.4.0",
     "angular-route": "^1.4.0",
-    "angularfire": "^2.3.0"
+    "angularfire": "^2.3.0",
+    "angular-cookies": "^1.6.4"
   },
   "devDependencies": {
     "angular-mocks": "^1.4.0"

diff --git a/test/karma.conf.js b/test/karma.conf.js
@@ -27,6 +27,7 @@ module.exports = function(config) {
       'bower_components/angular-route/angular-route.js',
       'bower_components/firebase/firebase.js',
       'bower_components/angularfire/dist/angularfire.js',
+      'bower_components/angular-cookies/angular-cookies.js',
       'bower_components/angular-mocks/angular-mocks.js',
       // endbower
       'app/scripts/**/*.js',