Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>Ølhuset</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <script type="text/javascript">
- window.onload = function () {
- getStoragePlaces();
- };
- </script>
- <script src="https://code.jquery.com/jquery-3.2.1.min.js"
- integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
- crossorigin="anonymous"></script>
- <!-- Bootstrap CSS -->
- <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">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
- </head>
- <body>
- <div class="container-fluid">
- <div class="row">
- <div class="col-sm-2">
- <h4>Add beer:</h4>
- <form id="updateStorageForm">
- <div class="form-group">
- <label for="storageId">Place:</label>
- <input type="text" name="storageId" class="form-control" id="upStorageId" >
- </div>
- <div class="form-group">
- <label for="beer">Beer Id:</label>
- <input type="text" name="beer" class="form-control" id="beer">
- </div>
- </form>
- <button id="updateStorageButton" class="btn btn-primary" style="float: right" >Add</button>
- <div style="height:50px"></div>
- <h4>Clear beer:</h4>
- <form id="clearStorageForm">
- <div class="form-group">
- <label>Place:</label>
- <input type="text" class="form-control" id="clearStorageId">
- </div>
- <div class="form-group">
- <label>Beer Id:</label>
- <input type="text" class="form-control" id="clearBeer">
- </div>
- </form>
- <button id="clearStorageButton" class="btn btn-primary" style="float: right">Clear</button>
- <div style="height:50px"></div>
- <h4>Create storage:</h4>
- <form id="createStorageForm">
- <div class="form-group">
- <label for="name">Place:</label>
- <input type="text" class="form-control" name="storagePlace" id="place">
- </div>
- </form>
- <button class="btn btn-primary" id="createStorageButton" style="float: right">Create</button>
- <div style="height:50px"></div>
- <h4>Delete storage:</h4>
- <form>
- <div class="form-group">
- <label for="storageId">Id:</label>
- <input type="text" name="storageId" class="form-control" id="storageId">
- </div>
- </form>
- <button id="deleteStorageButton" class="btn btn-primary" style="float: right">Delete</button>
- </div>
- <div class="col-sm-10 absolute">
- <div class="row">
- <div class="col-sm-7">
- <div class="col-sm-10 absolute">
- <div style="height:20px"></div>
- <div class="row">
- <div class="col-sm-5">
- </div>
- <div class="col-sm-4">
- <button class="btn btn-warning" onclick="window.location.href='WarehousePage.html'">Warehouse</button>
- </div>
- <div class="col-sm-2">
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-5">
- <h4>Check name:</h4>
- <form class="form-inline" id="checkForm">
- <input type="text" class="form-control" id="checkName" placeholder="Enter beer Id">
- <div style="width:5px"></div>
- <button class="btn btn-primary" id="checkButton">Check</button>
- </form>
- </div>
- </div>
- <div style="height:10px"></div>
- <table class="table table-striped" id="StoragePlaceTable"></table>
- </div>
- </div>
- </div>
- <script>
- function getStoragePlaces() {
- $.ajax({
- type: "GET",
- dataType: "json",
- url: "http://localhost:53857/api/storageplaces",
- success: function (data) {
- var table = document.getElementById("StoragePlaceTable");
- $("#StoragePlaceTable tbody").empty()
- var row = table.insertRow(0);
- var rows = "";
- rows += "<tr><th>" + 'Id' + "</th><th>" + 'Place' + "</th><th>" + 'Beer Id' + "</th><th>" + 'Beer Id 2' + "</th><th>" + 'Beer Id 3' + "</th><th>" + 'Beer Id 4' + "</th><th>" + 'Beer Id 5' + "</th><th>" + 'Beer Id 6' + "</th><th>" + 'Beer Id 7' + "</th><th>" + 'Beer Id 8' + "</th><th>" + 'Beer Id 9' + "</th><th>" + 'Beer Id 10' + "</th><th>" + 'Beer Id 11' + "</th><th>" + 'Beer Id 12' + "</th><th>" + 'Beer Id 13' + "</th><th>" + 'Beer Id 14' + "</th><th>" + 'Beer Id 15' + "</th></tr>";
- for (i = 0; i < data.length; i++) {
- rows += "<tr><td>" + data[i].storagePlaceId + "</td><th>" + data[i].storagePlacePlace + "</th><td>" + data[i].beerId + "</td><td>" + data[i].beerId2 + "</td><td>" + data[i].beerId3 + "</td><td>" + data[i].beerId4 + "</td><td>" + data[i].beerId5 + "</td><td>" + data[i].beerId6 + "</td><td>" + data[i].beerId7 + "</td><td>" + data[i].beerId8 + "</td><td>" + data[i].beerId9 + "</td><td>" + data[i].beerId10 + "</td><td>" + data[i].beerId11 + "</td><td>" + data[i].beerId12 + "</td><td>" + data[i].beerId13 + "</td><td>" + data[i].beerId14 + "</td><td>" + data[i].beerId15 + "</td></tr>";
- };
- $(rows).appendTo("#StoragePlaceTable tbody");
- },
- });
- };
- </script>
- <script>
- $(document).ready(function () {
- $("#checkButton").click(function () {
- $.ajax({
- type: "GET",
- dataType: "json",
- url: "http://localhost:53857/api/beers",
- success: function (data) {
- var id = parseInt(document.getElementById("checkName").value);
- for (i = 0; i < data.length; i++) {
- if (data[i].beerId === id)
- alert(data[i].beerName);
- };
- },
- });
- });
- });
- </script>
- <script>
- $(document).ready(function () {
- $("#createStorageButton").click(function () {
- var x = document.getElementById("createStorageForm");
- var jsonData = {
- storagePlacePlace: x.elements[0].value,
- beerId: null,
- beerId2: null,
- beerId3: null,
- beerId4: null,
- beerId5: null,
- beerId6: null,
- beerId7: null,
- beerId8: null,
- beerId9: null,
- beerId10: null,
- beerId11: null,
- beerId12: null,
- beerId13: null,
- beerId14: null,
- beerId15: null
- };
- // alert(JSON.stringify(jsonData));
- $.ajax({
- type: 'POST',
- url: "http://localhost:53857/api/storageplaces",
- data: jsonData,
- success: function () {
- alert('Storage created successfully')
- getStoragePlaces();
- },
- error: function () { alert('Error'); }
- });
- });
- });
- </script>
- <script>
- $(document).ready(function () {
- $("#updateStorageButton").click(function () {
- var place = document.getElementById("upStorageId").value;
- $.ajax({
- type: "GET",
- dataType: "json",
- url: "http://localhost:53857/api/storageplaces",
- success: function (data) {
- for (i = 0; i < data.length; i++) {
- if (place === data[i].storagePlacePlace) {
- updateStoragePlaces(data, i);
- }
- }
- },
- });
- });
- });
- </script>
- <script>
- function updateStoragePlaces(storagePlaceData, i){
- var beer = document.getElementById("beer").value;
- if (storagePlaceData[i].beerId === null) {
- storagePlaceData[i].beerId = beer;
- } else if (storagePlaceData[i].beerId2 === null) {
- storagePlaceData[i].beerId2 = beer;
- } else if (storagePlaceData[i].beerId3 === null) {
- storagePlaceData[i].beerId3 = beer;
- } else if (storagePlaceData[i].beerId4 === null) {
- storagePlaceData[i].beerId4 = beer;
- } else if (storagePlaceData[i].beerId5 === null) {
- storagePlaceData[i].beerId5 = beer;
- } else if (storagePlaceData[i].beerId6 === null) {
- storagePlaceData[i].beerId6 = beer;
- } else if (storagePlaceData[i].beerId7 === null) {
- storagePlaceData[i].beerId7 = beer;
- } else if (storagePlaceData[i].beerId8 === null) {
- storagePlaceData[i].beerId8 = beer;
- } else if (storagePlaceData[i].beerId9 === null) {
- storagePlaceData[i].beerId9 = beer;
- } else if (storagePlaceData[i].beerId10 === null) {
- storagePlaceData[i].beerId10 = beer;
- } else if (storagePlaceData[i].beerId11 === null) {
- storagePlaceData[i].beerId11 = beer;
- } else if (storagePlaceData[i].beerId12 === null) {
- storagePlaceData[i].beerId12 = beer;
- } else if (storagePlaceData[i].beerId13 === null) {
- storagePlaceData[i].beerId13 = beer;
- } else if (storagePlaceData[i].beerId14 === null) {
- storagePlaceData[i].beerId14 = beer;
- } else if (storagePlaceData[i].beerId15 === null) {
- storagePlaceData[i].beerId15 = beer;
- }
- var updateData = {
- storagePlaceId: storagePlaceData[i].storagePlaceId,
- storagePlacePlace: storagePlaceData[i].storagePlacePlace,
- beerId: storagePlaceData[i].beerId,
- beerId2: storagePlaceData[i].beerId2,
- beerId3: storagePlaceData[i].beerId3,
- beerId4: storagePlaceData[i].beerId4,
- beerId5: storagePlaceData[i].beerId5,
- beerId6: storagePlaceData[i].beerId6,
- beerId7: storagePlaceData[i].beerId7,
- beerId8: storagePlaceData[i].beerId8,
- beerId9: storagePlaceData[i].beerId9,
- beerId10: storagePlaceData[i].beerId10,
- beerId11: storagePlaceData[i].beerId11,
- beerId12: storagePlaceData[i].beerId12,
- beerId13: storagePlaceData[i].beerId13,
- beerId14: storagePlaceData[i].beerId14,
- beerId15: storagePlaceData[i].beerId15
- };
- // alert(JSON.stringify(updateData));
- $.ajax({
- type: 'PUT',
- url: "http://localhost:53857/api/storageplaces/" + storagePlaceData[i].storagePlaceId,
- data: updateData,
- success: function () {
- alert('Storage updated successfully')
- getStoragePlaces();
- },
- error: function () { alert('Error'); }
- });
- }
- </script>
- <script>
- $(document).ready(function () {
- $("#clearStorageButton").click(function () {
- var place = document.getElementById("clearStorageId").value;
- $.ajax({
- type: "GET",
- dataType: "json",
- url: "http://localhost:53857/api/storageplaces",
- success: function (data) {
- for (i = 0; i < data.length; i++) {
- if (place === data[i].storagePlacePlace) {
- clearStoragePlaces(data, i);
- }
- }
- },
- });
- });
- });
- </script>
- <script>
- function clearStoragePlaces(storagePlaceData, i) {
- var beer = parseInt(document.getElementById("clearBeer").value);
- if (storagePlaceData[i].beerId === beer) {
- storagePlaceData[i].beerId = null;
- alert();
- } else if (storagePlaceData[i].beerId2 === beer) {
- storagePlaceData[i].beerId2 = null;
- } else if (storagePlaceData[i].beerId3 === beer) {
- storagePlaceData[i].beerId3 = null;
- } else if (storagePlaceData[i].beerId4 === beer) {
- storagePlaceData[i].beerId4 = null;
- } else if (storagePlaceData[i].beerId5 === beer) {
- storagePlaceData[i].beerId5 = null;
- } else if (storagePlaceData[i].beerId6 === beer) {
- storagePlaceData[i].beerId6 = null;
- } else if (storagePlaceData[i].beerId7 === beer) {
- storagePlaceData[i].beerId7 = null;
- } else if (storagePlaceData[i].beerId8 === beer) {
- storagePlaceData[i].beerId8 = null;
- } else if (storagePlaceData[i].beerId9 === beer) {
- storagePlaceData[i].beerId9 = null;
- } else if (storagePlaceData[i].beerId10 === beer) {
- storagePlaceData[i].beerId10 = null;
- } else if (storagePlaceData[i].beerId11 === beer) {
- storagePlaceData[i].beerId11 = null;
- } else if (storagePlaceData[i].beerId12 === beer) {
- storagePlaceData[i].beerId12 = null;
- } else if (storagePlaceData[i].beerId13 === beer) {
- storagePlaceData[i].beerId13 = null;
- } else if (storagePlaceData[i].beerId14 === beer) {
- storagePlaceData[i].beerId14 = null;
- } else if (storagePlaceData[i].beerId15 === beer) {
- storagePlaceData[i].beerId15 = null;
- }
- var updateData = {
- storagePlaceId: storagePlaceData[i].storagePlaceId,
- storagePlacePlace: storagePlaceData[i].storagePlacePlace,
- beerId: storagePlaceData[i].beerId,
- beerId2: storagePlaceData[i].beerId2,
- beerId3: storagePlaceData[i].beerId3,
- beerId4: storagePlaceData[i].beerId4,
- beerId5: storagePlaceData[i].beerId5,
- beerId6: storagePlaceData[i].beerId6,
- beerId7: storagePlaceData[i].beerId7,
- beerId8: storagePlaceData[i].beerId8,
- beerId9: storagePlaceData[i].beerId9,
- beerId10: storagePlaceData[i].beerId10,
- beerId11: storagePlaceData[i].beerId11,
- beerId12: storagePlaceData[i].beerId12,
- beerId13: storagePlaceData[i].beerId13,
- beerId14: storagePlaceData[i].beerId14,
- beerId15: storagePlaceData[i].beerId15
- };
- // alert(JSON.stringify(updateData));
- $.ajax({
- type: 'PUT',
- url: "http://localhost:53857/api/storageplaces/" + storagePlaceData[i].storagePlaceId,
- data: updateData,
- success: function () {
- alert('Storage updated successfully')
- getStoragePlaces();
- },
- error: function () { alert('Error'); }
- });
- }
- </script>
- <script>
- $(document).ready(function () {
- $("#deleteStorageButton").click(function () {
- var id = document.getElementById("storageId").value;
- $.ajax({
- type: 'DELETE',
- url: "http://localhost:53857/api/storageplaces/" + id,
- success: function () {
- alert('Storage deleted successfully')
- getStoragePlaces();
- document.getElementById("storageId").value = "";
- },
- error: function () { alert('Error'); }
- });
- });
- });
- </script>
- </body >
- </html >
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement