Skip to content

Instantly share code, notes, and snippets.

View rpearce's full-sized avatar

Robert Pearce rpearce

View GitHub Profile
@rpearce
rpearce / gist:4050008
Created November 10, 2012 05:16
CSS Example
section[role="first"] { width: 300px; }
section[role="first"] .trip-info { text-align: left; }
section[role="first"] .trip-info .book-trip {
float: right;
margin: 0 0 0 10px;
}
section[role="first"] .trip-info .book-trip .book-btn {
display: block;
border-bottom: 3px solid #ba5d24;
section[role="first"] {
width: 300px;
.trip-info {
text-align: left;
.book-trip {
float: right;
margin: 0 0 0 10px;
.book-btn {
display: block;
border-bottom: 3px solid #ba5d24;
section[role="first"]
width: 300px
.trip-info
text-align: left
.book-trip
float: right
margin: 0 0 0 10px
.book-btn
display: block
border-bottom: 3px solid #ba5d24
fetchTrustCloudInfo: function() {
var self = this;
$.ajax({
method: 'get',
url: 'https://api.trustcloud.com/profile/getProfile?userid=email-' + this.model.get('email'),
dataType: 'json',
success: function(data) {
self.renderTrustCloudInfo(data);
}
});
var User = Backbone.Model.extend({
defaults: {
email: '[email protected]',
}
});
var UserShow = Backbone.View.extend({
initialize: function() {
_.bindAll(this, 'render');
},
renderTrustCloudNetworks: function(user) {
_.each(user.networks, function(item) {
var iconHtml = '<li><a target="_new" href="'+item.url+'"><img src="'+item.icon+'" /></a></li>';
$('.badges').append(iconHtml);
});
},
renderTrustCardAbsent: function() {
$('.badges').append('<li>No TrustCard Found!</li>');
}
renderTrustCloudInfo: function(data) {
if(data.code === 200) {
this.renderTrustScore(data.user)
this.renderTrustCloudNetworks(data.user);
} else {
this.renderTrustCardAbsent();
}
}
renderTrustScore: function(user) {
$('#trustscore').html(user.trustscore);
}
var User = Backbone.Model.extend({
defaults: {
email: '[email protected]',
fullName: 'Robert Pearce'
}
});
var UserShow = Backbone.View.extend({
initialize: function() {
_.bindAll(this, 'render');
},
render: function() {
$('#name').html(this.model.get('fullName'))
this.fetchTrustCloudInfo();
},