API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 17th, 2017
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5.  
  6. <title>Ølhuset</title>
  7. <!-- Required meta tags -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.  
  10. <link rel="stylesheet" href="animate.css">
  11.  
  12. <script type="text/javascript">
  13. window.onload = function () {
  14. getBeers();
  15. getBreweries();
  16. getContainers();
  17. };
  18. </script>
  19.  
  20.  
  21. <script src="https://code.jquery.com/jquery-3.2.1.min.js"
  22. integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  23. crossorigin="anonymous"></script>
  24. <!-- Bootstrap CSS -->
  25. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  26. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  27. <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> -->
  28. </head>
  29. <body>
  30.  
  31.  
  32. <div class="container-fluid">
  33.  
  34. <div class="row">
  35. <div class="col-sm-2">
  36.  
  37. <h4 class="well well-sm">Create beer:</h4>
  38. <form id="createForm" >
  39. <div class="form-group">
  40. <label for="name">Name:</label>
  41. <input type="text" class="form-control" name="beerName" id="name">
  42. </div>
  43.  
  44. <div class="form-group">
  45. <label for="ctn">Container type:</label>
  46. <select name="beerContainerType" class="form-control" id="ctn"></select>
  47. </div>
  48.  
  49. <div class="form-group">
  50. <label for="brw">Brewery:</label>
  51. <select name="beerBrewery" class="form-control" id="brw"></select>
  52. </div>
  53.  
  54. <div class="form-group">
  55. <label for="beerQuantity">Quantity:</label>
  56. <input type="text" class="form-control" name="beerQuantity">
  57. </div>
  58.  
  59. <div class="form-group">
  60. <label>Price:</label>
  61. <input type="text" class="form-control" placeholder="Can be empty" name="beerPrice">
  62. </div>
  63.  
  64. <div class="form-group">
  65. <label for="name">Notes:</label>
  66. <input type="text" class="form-control" placeholder="Can be empty" name="beerNotes">
  67. </div>
  68. </form>
  69.  
  70. <button id="postButton" class="btn btn-primary" style="float: right">Post</button>
  71.  
  72. <div style="height:45px"></div>
  73.  
  74. <h4>Delete beer:</h4>
  75.  
  76.  
  77. <form id="deleteForm">
  78. <div class="form-group">
  79. <label for="beerId">Id:</label>
  80. <input type="text" name="beerId" class="form-control" id="beerId">
  81. </div>
  82. </form>
  83.  
  84. <button id="deleteButton" class="btn btn-primary" style="float: right">Delete</button>
  85.  
  86.  
  87. </div>
  88.  
  89.  
  90. <div class="col-sm-10 absolute">
  91.  
  92. <div class="row">
  93.  
  94.  
  95. <div class="col-sm-7">
  96.  
  97. <div class="col-sm-10 absolute">
  98.  
  99. <div style="height:20px"></div>
  100.  
  101. <div class="row">
  102. <div class="col-sm-5">
  103.  
  104. </div>
  105. <div class="col-sm-4">
  106. <button class="btn btn-warning" onclick="window.location.href='StoragePlacesPage.html'">Storage Places</button>
  107. </div>
  108. <div class="col-sm-2">
  109.  
  110. </div>
  111.  
  112. </div>
  113. </div>
  114. </div>
  115.  
  116. <div class="col-sm-5">
  117. <h4>Search:</h4>
  118.  
  119. <form class="form-inline" id="searchForm" >
  120.  
  121. <input type="text" class="form-control" id="searchName" placeholder="Enter beer name" name="searchName">
  122. <div style="width:5px"></div>
  123. <button class="btn btn-primary" id="searchButton">Search</button>
  124. <div style="width:5px"></div>
  125. <button class="btn btn-primary" onclick="getBeers()">Get all beers</button>
  126. </form>
  127.  
  128.  
  129. </div>
  130.  
  131.  
  132. </div>
  133. <div style="height:10px"></div>
  134. <table class="table table-striped" id="beerTable"></table>
  135. </div>
  136. </div>
  137.  
  138. </div>
  139.  
  140. <script>
  141.  
  142. function getStoragePlace(beerId, beerName, beerContainerType, beerBrewery, beerQuantity, beerPrice, beerNotes) {
  143.  
  144. $.ajax({
  145. type: "GET",
  146. dataType: "json",
  147. url: "http://localhost:53857/api/storageplaces",
  148. success: function (data) {
  149. var table = document.getElementById("beerTable");
  150. var row = table.insertRow(0);
  151. var rows = "";
  152.  
  153. for (i = 0; i < data.length; i++) {
  154.  
  155. if (data[i].beerId == beerId) {
  156. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  157. i = data.length;
  158. } else if (data[i].beerId2 == beerId) {
  159. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  160. i = data.length;
  161. }
  162. else if (data[i].beerId3 == beerId) {
  163. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  164. i = data.length;
  165. }
  166. else if (data[i].beerId4 == beerId) {
  167. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  168. i = data.length;
  169. }
  170. else if (data[i].beerId5 == beerId) {
  171. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  172. i = data.length;
  173. }
  174. else if (data[i].beerId6 == beerId) {
  175. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  176. i = data.length;
  177. }
  178. else if (data[i].beerId7 == beerId) {
  179. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  180. i = data.length;
  181. }
  182. else if (data[i].beerId8 == beerId) {
  183. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  184. i = data.length;
  185. }
  186. else if (data[i].beerId9 == beerId) {
  187. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  188. i = data.length;
  189. }
  190. else if (data[i].beerId10 == beerId) {
  191. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  192. i = data.length;
  193. }
  194. else if (data[i].beerId11 == beerId) {
  195. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  196. i++;
  197. }
  198. else if (data[i].beerId12 == beerId) {
  199. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  200. i = data.length;
  201. }
  202. else if (data[i].beerId13 == beerId) {
  203. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  204. i = data.length;
  205. }
  206. else if (data[i].beerId14 == beerId) {
  207. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  208. i = data.length;
  209. }
  210. else if (data[i].beerId15 == beerId) {
  211. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + data[i].storagePlacePlace + "</td></tr>";
  212. i = data.length;
  213. } else if (i + 1 == data.length) {
  214. rows += "<tr><td>" + beerId + "</td><td>" + beerName + "</td><td>" + beerContainerType + "</td><td>" + beerBrewery + "</td><td>" + beerQuantity + "</td><td>" + beerPrice + "</td><td>" + beerNotes + "</td><td>" + "" + "</td></tr>";
  215.  
  216. }
  217.  
  218. };
  219.  
  220. $(rows).appendTo("#beerTable tbody");
  221. },
  222.  
  223. });
  224.  
  225. };
  226.  
  227. </script>
  228.  
  229. <script>
  230. function getBeers() {
  231.  
  232. $.ajax({
  233. type: "GET",
  234. dataType: "json",
  235. url: "http://localhost:53857/api/beers",
  236. success: function (data) {
  237. var table = document.getElementById("beerTable");
  238. $("#beerTable tbody").empty()
  239. var row = table.insertRow(0);
  240. var rows = "";
  241. rows += "<tr><th>" + 'Id' + "</th><th>" + 'Name' + "</th><th>" + 'Container Type' +
  242. "</th><th>" + 'Brewery' + "</th><th>" + 'Quantity' + "</th><th>" + 'Price' +
  243. "</th></th>" + "</th><th>" + 'Notes' + "</th></th>" + "</th><th>" + 'Storage Place' + "</th></tr>";
  244.  
  245.  
  246. for (i = 0; i < data.length; i++) {
  247.  
  248. getBreweriesForTable(data[i].beerId, data[i].beerName, data[i].beerContainerType, data[i].beerBrewery, data[i].beerQuantity, data[i].beerPrice, data[i].beerNotes);
  249.  
  250. };
  251.  
  252. $(rows).appendTo("#beerTable tbody");
  253. },
  254.  
  255. });
  256.  
  257. };
  258.  
  259. </script>
  260.  
  261. <script>
  262.  
  263. $(document).ready(function () {
  264.  
  265. $("#searchButton").click(function () {
  266.  
  267. var searchname = document.getElementById("searchName").value;
  268.  
  269. $.ajax({
  270. type: "GET",
  271. dataType: "json",
  272. url: "http://localhost:53857/api/beers"
  273. }).then(function (data) {
  274. var table = document.getElementById("beerTable");
  275. $("#beerTable tbody").empty()
  276. var row = table.insertRow(0);
  277. var rows = "";
  278. var i = 0;
  279.  
  280. rows += "<tr><th>" + 'Id' + "</th><th>" + 'Name' + "</th><th>" + 'Container Type' + "</th><th>" + 'Brewery' + "</th><th>" + 'Quantity' + "</th><th>" + 'Price' + "</th></th>" + "</th><th>" + 'Notes' + "</th></th>" + "</th><th>" + 'Storage Place' + "</th></tr>";
  281.  
  282.  
  283. for (i = 0; i < data.length; i++) {
  284. if (data[i].beerName == searchname) {
  285. getBreweriesForTable(data[i].beerId, data[i].beerName, data[i].beerContainerType, data[i].beerBrewery, data[i].beerQuantity, data[i].beerPrice, data[i].beerNotes);
  286. }
  287. };
  288.  
  289. $(rows).appendTo("#beerTable tbody");
  290. });
  291. return false;
  292. });
  293.  
  294. });
  295.  
  296. </script>
  297.  
  298.  
  299. <script>
  300.  
  301. function getBreweriesForTable(beerId, beerName, beerContainerType, beerBrewery, beerQuantity, beerPrice, beerNotes) {
  302.  
  303. $.ajax({
  304. type: "GET",
  305. dataType: "json",
  306. url: "http://localhost:53857/api/breweries",
  307. success: function (data) {
  308. var brew = "";
  309. var i = 0;
  310. for (i = 0; i < data.length; i++) {
  311.  
  312. if (data[i].breweryId == beerBrewery) {
  313.  
  314. brew = data[i].breweryName;
  315.  
  316. getContainersForTable(beerId, beerName, beerContainerType, brew, beerQuantity, beerPrice, beerNotes)
  317.  
  318. };
  319.  
  320. }
  321.  
  322. }
  323. });
  324.  
  325. }
  326.  
  327.  
  328. </script>
  329.  
  330. <script>
  331.  
  332. function getContainersForTable(beerId, beerName, beerContainerType, beerBrewery, beerQuantity, beerPrice, beerNotes) {
  333.  
  334. $.ajax({
  335. type: "GET",
  336. dataType: "json",
  337. url: "http://localhost:53857/api/ContainerTypes",
  338. success: function (data) {
  339. var container = "";
  340. var i = 0;
  341. for (i = 0; i < data.length; i++) {
  342. if (data[i].containerTypeId == beerContainerType) {
  343.  
  344.  
  345. container = data[i].containerTypeDescription;
  346.  
  347. getStoragePlace(beerId, beerName, container, beerBrewery, beerQuantity, beerPrice, beerNotes)
  348.  
  349. };
  350.  
  351. }
  352.  
  353. }
  354. });
  355.  
  356. }
  357.  
  358.  
  359. </script>
  360.  
  361. <script>
  362. function getBreweries() {
  363.  
  364. $.ajax({
  365. type: "GET",
  366. dataType: "json",
  367. url: "http://localhost:53857/api/breweries"
  368. }).then(function (data) {
  369. var selectBox = document.getElementById("brw");
  370. var i = 0;
  371. $.each(data, function () {
  372. var option = document.createElement('option');
  373. option.text = data[i].breweryName;
  374. option.value = data[i].breweryId;
  375. selectBox.add(option, 0);
  376. i = i + 1;
  377. });
  378.  
  379. });
  380. return false;
  381.  
  382. };
  383. </script>
  384.  
  385. <script>
  386. function getContainers() {
  387.  
  388. $.ajax({
  389. type: "GET",
  390. dataType: "json",
  391. url: "http://localhost:53857/api/ContainerTypes"
  392. }).then(function (data) {
  393. var selectBox = document.getElementById("ctn");
  394. var i = 0;
  395. $.each(data, function () {
  396.  
  397. var option = document.createElement('option');
  398. option.text = data[i].containerTypeDescription;
  399. option.value = data[i].containerTypeId;
  400. selectBox.add(option, 0);
  401. i = i + 1;
  402. });
  403.  
  404. });
  405. return false;
  406.  
  407. };
  408. </script>
  409.  
  410.  
  411.  
  412.  
  413.  
  414. <script>
  415. $(document).ready(function () {
  416.  
  417. $("#postButton").click(function () {
  418.  
  419. var x = document.getElementById("createForm");
  420. var jsonData = {
  421. beerName: x.elements[0].value,
  422. beerContainerType: x.elements[1].value,
  423. beerBrewery: x.elements[2].value,
  424. beerQuantity: x.elements[3].value,
  425. beerPrice: x.elements[4].value,
  426. beerNotes: x.elements[5].value
  427. };
  428.  
  429. $.ajax({
  430. type: 'POST',
  431. url: "http://localhost:53857/api/beers",
  432. data: jsonData,
  433. success: function () {
  434. alert('Beer created successfully')
  435. getBeers();},
  436. error: function () { alert('Error');}
  437. });
  438. });
  439. });
  440.  
  441. </script>
  442.  
  443. <script>
  444. $(document).ready(function () {
  445.  
  446. $("#deleteButton").click(function () {
  447.  
  448. var id = document.getElementById("beerId").value;
  449.  
  450. $.ajax({
  451.  
  452. type: 'DELETE',
  453. url: "http://localhost:53857/api/beers/"+id,
  454. success: function () {
  455. alert('Beer deleted successfully')
  456. getBeers();
  457. document.getElementById("beerId").value = "";
  458. },
  459. error: function () { alert('Error'); }
  460. /* dataType: "json",
  461. contentType: "application/json"*/
  462.  
  463.  
  464. });
  465.  
  466. });
  467. });
  468.  
  469. </script>
  470.  
  471. <!-- Optional JavaScript -->
  472. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  473.  
  474. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
  475. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
  476.  
  477. </body>
  478. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!