Hopiu/angular.js
1
0
Fork 0
mirror of https://github.com/Hopiu/angular.js.git synced 2026-03-16 23:30:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added mute button

Browse source
This commit is contained in:
Misko Hevery 2010-01-20 07:08:57 -08:00
parent dc0db57b36
commit 4950b86da5
3 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
example/tweeter/style.css
View file

@ -50,6 +50,10 @@ li.even {
width: 350px;
}
.addressbook li {
font-size: .9em;
}
.clrleft {
clear: left;
}

8
example/tweeter/tweeter_addressbook.html
View file

@ -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>

10
example/tweeter/tweeterclient.js
View file

@ -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();