Created
February 7, 2018 01:23
-
-
Save ryanrussell/6e11083b10d551e1b52ed46f04163fb0 to your computer and use it in GitHub Desktop.
3rd party api call, data transform, html render via js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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