<section id="main"> <h2 class="section-title"> {{bone.sectionTitle}} ({{filtered.length}} items) </h2> <form class="filter-form"> <ul ng-class="{'subscription-list': true, 'opened': opened}"> <li class="sub-filter"> <input id="sub-all" type="checkbox" ng-model="friend.all" ng-click="uncheckOthers(friend)"></input> <label for="sub-all">[All]</label> </li> <li class="sub-filter" ng-repeat="name in friends.data | orderBy:name"> <input id="sub-{{$index+1}}" type="checkbox" ng-model="friend[name]" ng-click="friend.all = false"></input> <label for="sub-{{$index+1}}" > <!-- TODO: figger out how to abstract this + combine with the other user badge --> <span class="narrow"><gravatar-image user-name="{{name}}"></gravatar-image></span> <span class="wide">{{name}}</span> </label> </li> <div class="list-control" ng-click="opened = ! opened"> <span ng-if="opened">Hide . . .</span> <span ng-if="!opened">Filter . . .</span> </div> </ul> </form> <ul class="bone-list"> <li ng-repeat="marrow in filtered = (bone.marrow | filter:{poster:friend}:emptyOrEquals)" ng-class="['bone-item', marrow.colorClass]" data-id="{{marrow.id}}" data-url="{{marrow.url}}" data-posted="{{marrow.posted}}" data-title="{{marrow.title}}" data-poster="{{marrow.poster}}" data-votes="{{marrow.votes}}"> <div class="bone-details"> <span class="voting"> <span class="score">{{marrow.votes}}</span> <button class="upVote vote-button fa fa-plus" ng-class="{selected: marrow.myVote===1}" ng-click="upVote(marrow)" analytics-on="click" analytics-event="vote" analytics-category="{{marrow.myVote===0? 'up' : 'zero'}}"> </button> </span> <span ng-if="marrow.title"> <a href="{{marrow.url}}" class="list-item">{{marrow.title}}</a> <br /> </span> <a class="add-link" ng-click="reshare(marrow)" title="Reshare Link" analytics-on="click" analytics-category="link" analytics-label="reshare" analytics-event="{{marrow.url}}">{{!marrow.shared? 'Reshare': '✓'}}</a> — <a href="{{marrow.url}}" ng-class="{'de-emphasize':marrow.title}" >{{marrow.url}}</a> </div> <user-badge poster="{{marrow.poster}}"></user-badge> </li> </ul> <a ng-click="backAPage()" class="more-link"/>More</a> </section>