https://elpinto.com/js/reviews.js

1$(document).ready(function () {
2	// Put proto/domain name without the www. or .com
3	var path = window.location.pathname.toString();
4	var url = window.location.href.toString();
5	var pathProto = path.split("/");
6	var pathUrl = url.split("//");
7	var protoBefore = pathUrl[1].split(".");
8	if (pathProto[2] === "designs" || protoBefore[0] === "london" || protoBefore[1] === "london" || pathProto[3] === "london") {
9		var proto = "murdochsirishpub";
10	} else if (pathProto[2] === "proto") {
11		var proto = pathProto[3].toString();
12	} else {
13		if (protoBefore.length > 2) {
14			var proto = protoBefore[protoBefore.length - 2].toString();
15		} else {
16			var proto = protoBefore[0].toString();
17		}
18	}
19
20	var itemClass;
21	var modalNumber = 0;
22	$.ajax({
23		url: "https://rails-admin.spillover.com/esites-api/v1/elpinto/reviews",
24		success: function (content) {
25			$.each(content.reviews, function (index, review) {
26				var totalItems = $("#reviews .carousel-item").length;
27				if (totalItems === 0 || totalItems === 1 || totalItems === 2) {
28					itemClass = "uk-active";
29				} else {
30					itemClass = "";
31				}
32				modalNumber = modalNumber + 1;
33
34				function rating() {
35					var star = "";
36					for (let i = 0; i < review.rating; i++) {
37						star = `<li class="list-inline-item"><i class="fa fa-star"></i></li>` + star;
38					}
39					for (let i = 0; i < 5 - review.rating; i++) {
40						star = star + `<li class="list-inline-item"><i class="fa-regular fa-star"></i></li>`;
41					}
42					return star;
43				}
44
45				function date() {
46					var splitDate = review.date.split("T");
47					var date = splitDate[0].split("-");
48					let day = date[2];
49					let month = date[1];
50					let year = date[0];
51					return month + "-" + day + "-" + year;
52				}
53
54				function logoLink() {
55					var source;
56					if (review.source == "MY_REVIEWS") {
57						source = `<img alt="Spillover logo" class="source-logo me-2" src="` + review.source_logo + `"/>`;
58					}
59					if (review.source == "GOOGLE") {
60						source = `<img alt="Google logo" class="source-logo me-2" src="` + review.source_logo + `"/>`;
61					}
62					if (review.source == "YELP") {
63						source = `<img alt="Yelp logo" class="source-logo me-2" src="` + review.source_logo + `"/>`;
64					}
65					return source;
66				}
67
68				$("#reviews .uk-slider-items").append(`
69					<li style="order: -1;">
70						<div class="card h-100 mx-3 p-3 review-item">
71							<div class="card-body">
72								<div class="review-body-wrap">
73									<div>
74										${review.content !== null ? `<p class="review-text truncate" onclick="this.classList.toggle('truncate');">${review.content}</p>`:``}
75										<div class="review-name-wrap">
76											${logoLink()}
77											<h4 class="text-center review-header"><span class="header-span">${review.reviewer}</span></h4>
78										</div>
79										<ul class="list-inline review-stars">
80											${rating()}
81										</ul>
82									</div>
83								</div>
84							</div>
85						</div>
86					</li>
87				`);
88			});
89		},
90	});
91});