Skip to content

Instantly share code, notes, and snippets.

@ryanrussell
Created February 7, 2018 01:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ryanrussell/6e11083b10d551e1b52ed46f04163fb0 to your computer and use it in GitHub Desktop.
Save ryanrussell/6e11083b10d551e1b52ed46f04163fb0 to your computer and use it in GitHub Desktop.
3rd party api call, data transform, html render via js
e = 0;
r = "https://api.trustpilot.com/v1/business-units/51f8360b00006400056d09a4/reviews?apikey=D1SVsfCby6RRoLghNO9RqeOvJckC5zyy&stars=5&page=1&perPage=15";
console.log(r);
$.getJSON(r, function(n) {
$.each(n.reviews, function(n, t) {
var e = new Date(t.createdAt),
o = new Date,
s = "",
r, u, h, c, f, i;
f = o - e;
h = 864e5;
c = 36e5;
r = Math.floor(f / h);
u = Math.floor(o % e / c);
console.log("s = ", f);
console.log("d = ", r);
console.log("h = ", u);
s = r > 1 ? r + " days ago" : u > 1 ? u + " hours ago" : "1 hour ago";
i = "";
i = '<div class="tp-widget-review notransition">';
i += '<div class="tp-widget-stars clearfix">';
i += '<div class="star-rating small star-5">';
i += '<div class="star-1"><img src="/images/sprite_star.png" width="9" height="9"><\/div>';
i += '<div class="star-2"><img src="/images/sprite_star.png" width="9" height="9"><\/div>';
i += '<div class="star-3"><img src="/images/sprite_star.png" width="9" height="9"><\/div>';
i += '<div class="star-4"><img src="/images/sprite_star.png" width="9" height="9"><\/div>';
i += '<div class="star-5"><img src="/images/sprite_star.png" width="9" height="9"><\/div>';
i += "<\/div><\/div>";
i += '<div class="date">' + s + "<\/div>";
i += '<div class="header">' + t.title + "<\/div>";
i += '<div class="text">' + t.text.substring(0, 105) + "...<\/div>";
i += '<div class="name">' + t.consumer.displayName + "<\/div>";
i += "<\/div>";
$("#tp-widget-reviews").append(i)
})
}).fail(function() {
console.log("error")
}).done(function() {
$.getScript("/styles/mobile/owlcarousel/owl.carousel.min.js").done(function() {
$(".owl-carousel").owlCarousel({
loop: !0,
margin: 30,
dots: !1,
nav: !0,
responsive: {
0: {
items: 1
},
728: {
items: 2
},
930: {
items: 3
}
}
})
}).fail(function() {
$("div.log").text("Triggered ajaxError handler.")
})
})
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment