diff options
Diffstat (limited to 'example/tweeter')
| -rw-r--r-- | example/tweeter/style.css | 4 | ||||
| -rw-r--r-- | example/tweeter/tweeter_addressbook.html | 8 | ||||
| -rw-r--r-- | example/tweeter/tweeterclient.js | 10 |
3 files changed, 16 insertions, 6 deletions
diff --git a/example/tweeter/style.css b/example/tweeter/style.css index 0f2aaecd..e8468b6b 100644 --- a/example/tweeter/style.css +++ b/example/tweeter/style.css @@ -50,6 +50,10 @@ li.even { width: 350px; } +.addressbook li { + font-size: .9em; +} + .clrleft { clear: left; } diff --git a/example/tweeter/tweeter_addressbook.html b/example/tweeter/tweeter_addressbook.html index 21296925..15414410 100644 --- a/example/tweeter/tweeter_addressbook.html +++ b/example/tweeter/tweeter_addressbook.html @@ -8,7 +8,7 @@ <script type="text/javascript" src="../../angular.js"></script> <script type="text/javascript" src="tweeterclient.js"></script> </head> - <body ng-class="status" ng-watch="$anchor.user: tweets = fetchTweets($anchor.user)"> + <body ng-class="status" ng-init="muted={}" ng-watch="$anchor.user: tweets = fetchTweets($anchor.user)"> <div class="addressbook box"> <h1>Address Book</h1> [ Filter: <input type="text" name="userFilter"/>] @@ -19,6 +19,7 @@ as <span class="nickname">{{user.name}}</span> [ <a href="#" ng-action="$anchor.edituser=user.screen_name">edit</a> | <a href="#" ng-action="users.$remove(user)">X</a> + | <a href="#" ng-action="muted[user.screen_name] = !muted[user.screen_name]"><span ng-show="muted[user.screen_name]">un</span>mute</a> ] <div class="notes">{{user.notes|linky}}</div> <div class="clrleft"></div> @@ -41,6 +42,8 @@ </div> <hr/> <div class="debug"> +muted={{muted}} + userFilter={{userFilter|json}} tweetFilter={{tweetFilter|json}} @@ -59,7 +62,8 @@ tweets={{tweets}} ] <div class="loading">Loading...</div> <ul> - <li ng-repeat="tweet in tweets.$filter(tweetFilter)" ng-class-even="'even'" ng-class-odd="'odd'" + <li ng-repeat="tweet in tweets.$filter(tweetFilter).$filter({:!muted[$.user.screen_name]})" + ng-class-even="'even'" ng-class-odd="'odd'" ng-eval="user = users.$find({: $.screen_name == tweet.user.screen_name}) || tweet.user"> <img src="{{user.profile_image_url}}"/> [ <a href="" ng-action="$anchor.user=user.screen_name">{{user.nickname || user.name || user.screen_name }}</a> diff --git a/example/tweeter/tweeterclient.js b/example/tweeter/tweeterclient.js index 6b8427a7..9eac114a 100644 --- a/example/tweeter/tweeterclient.js +++ b/example/tweeter/tweeterclient.js @@ -25,10 +25,12 @@ $(document).ready(function(){ scope.set('fetchTweets', fetchTweets); scope.set('users', [ - {screen_name:'mhevery', name:'Mi\u0161ko Hevery', notes:'Author of <angular/> http://www.getangular.com.', - profile_image_url:'http://a3.twimg.com/profile_images/54360179/Me_-_Small_Banner_normal.jpg'}, - {screen_name:'abrons', name:'Adam Abrons', notes:'Author of <angular/> & Ruby guru see: http://www.getangular.com.', - profile_image_url:'http://media.linkedin.com/mpr/mpr/shrink_80_80/p/2/000/005/0a8/044278d.jpg'} + {screen_name:'mhevery', name:'Mi\u0161ko Hevery', + notes:'Author of <angular/> http://www.getangular.com.', + profile_image_url:'http://a3.twimg.com/profile_images/54360179/Me_-_Small_Banner_normal.jpg'}, + {screen_name:'abrons', name:'Adam Abrons', + notes:'Author of <angular/> & Ruby guru see: http://www.angularjs.org.', + profile_image_url:'http://media.linkedin.com/mpr/mpr/shrink_80_80/p/2/000/005/0a8/044278d.jpg'} ]); scope.watchUrl(); scope.init(); |