visually show unreadcount using opacity, fix #57

2 files changed, 26 insertions, 0 deletions

diff --git a/js/app/controllers/feedcontroller.coffee b/js/app/controllers/feedcontroller.coffee
index 8f9f4e7b6..15f784a69 100644
--- a/js/app/controllers/feedcontroller.coffee
+++ b/js/app/controllers/feedcontroller.coffee
@@ -102,6 +102,19 @@ angular.module('News').factory '_FeedController',
 					@_$scope.addNewFolder = true
 
 
+			@_$scope.getOpacity = (number) =>
+				number = parseInt(number, 10)
+
+				# the higher the number, the lower the opacity
+				opacity = (number / 180)
+
+				if opacity < 0.3
+					opacity = 0.3
+				if opacity > 1
+					opacity = 1
+				return opacity
+
+
 			@_$scope.$on 'moveFeedToFolder', (scope, data) =>
 				@_feedBl.move(data.feedId, data.folderId)
 
diff --git a/js/public/app.js b/js/public/app.js
index 13dd1d7dc..4f44689c3 100644
--- a/js/public/app.js
+++ b/js/public/app.js
@@ -345,6 +345,19 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
               return _this._$scope.addNewFolder = true;
             }
           };
+          this._$scope.getOpacity = function(number) {
+            var opacity;
+
+            number = parseInt(number, 10);
+            opacity = number / 180;
+            if (opacity < 0.3) {
+              opacity = 0.3;
+            }
+            if (opacity > 1) {
+              opacity = 1;
+            }
+            return opacity;
+          };
           this._$scope.$on('moveFeedToFolder', function(scope, data) {
             return _this._feedBl.move(data.feedId, data.folderId);
           });