initial commit

8 years ago · 093f258118
3 changed files with 93 additions and 0 deletions
--- a/beer.css
+++ b/beer.css
@ -0,0 +1,43 @@
+body {
+  font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Roboto", sans-serif;
+
+  /* Zoom page at 300% */
+  zoom: 3;
+  -moz-transform: scale(3);
+  -moz-transform-origin: 0 0;
+
+  /* Homebrew.sh colors */
+  color: #f9d094;
+  background: #2e2a24;
+}
+
+ul {
+  list-style: none;
+}
+
+h1 {
+  text-align: center;
+  font-weight: 900;
+}
+
+img {
+  height: 128px;
+  width: 128px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.flag {
+  margin-right: 10px;
+}
+
+.status_out_of_stock {
+  text-decoration: line-through;
+}
+
+.rating {
+  float: right;
+  margin-right: 30px;
+  font-size: 50%;
+}
--- a/beer.js
+++ b/beer.js
@ -0,0 +1,29 @@
+var flags = { "Belgium": "🇧🇪", "Germany": "🇩🇪" };
+var baseURL = "http://beer-catalog.staging.app.itix.fr/rest/Beer%20Catalog%20API/0.9"
+
+function initBeerUI(baseURL, headers) {
+  $.ajax({
+    "url": baseURL + "/beer?page=0",
+    "success": function (data, status, xhr) {
+      try {
+        var count = data.length;
+        for (var i = 0; i < count; i++) {
+          var flag = flags[data[i].country] ? flags[data[i].country] : "🏳️";
+          var rating = "";
+          var stop = data[i].rating;
+          for (var r = 1; r < stop; r++) {
+            rating += "🍺";
+          }
+          $("<li>").toggleClass("status_" + data[i].status)
+                   .text(data[i].name)
+                   .prepend($("<span>").text(flag).toggleClass("flag"))
+                   .append($("<span>").text(rating).toggleClass("rating"))
+                   .appendTo($(".catalog"));
+        }
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    "headers": headers
+  });
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Beer Catalog</title>
+    <script type='text/javascript' src='https://code.jquery.com/jquery-3.1.1.js'></script>
+    <script type='text/javascript' src='beer.js'></script>
+    <script type='text/javascript'>
+    $(document).ready(function() {
+      initBeerUI("http://microcks/rest/Beer%20Catalog%20API/0.9", { "user-key": "<YOUR USER KEY HERE>" });
+    });
+    </script>
+    <link rel="stylesheet" type="text/css" href="beer.css">
+  </head>
+  <body>
+    <img src="https://brew.sh/img/homebrew-256x256.png" />
+    <h1>BEER CATALOG</h1>
+    <ul class="catalog">
+    </ul>
+  </body>
+</html>