Feature: List issues
Let's build our issues list. Each item in the list simply consists of an issue title, project name, a date, the issuer's username, and its status.
What follows is an HTML template ./templates/issues.hbs
for a issues item:
<a class="pull-left" href="#"> <img class="media-object" src="{{avatar_url}}"style="width:64px; height:64px"> </a> <div class="media-body"> <h4 class="media-heading">{{title}}</h4> <small>{{repository}}</small> <small>{{ago}}</small> <br/><small>{{login}},<b>{{state}}</b></small> </div>
Let's implement our Issue
model; we define a function Issue
, which extends the Backbone Model
type, and includes a hash of default
values for the properties in our model.
Vision.Issue = Backbone.Model.extend({ defaults: { title : '', state : '', date : '', ago: '', login : '', avatar_url : '' } });
Let's implement a collection called IssueList...