https://altdorfs.com/js/reviews.js

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