delphimvcframework/samples/WineCellarSample/winecellarserver/www/index.html

70 lines
1.6 KiB
HTML
Raw Normal View History

2013-10-29 16:51:16 +01:00
<!DOCTYPE HTML>
<html>
2013-10-29 16:51:16 +01:00
<head>
<title>Cellar</title>
<link rel="stylesheet" href="css/milligram.css" />
<link rel="stylesheet" href="css/styles.css" />
2013-10-29 16:51:16 +01:00
</head>
<body>
<div class="header">
<input type="text" id="searchKey" />
<button class="button" id="btnSearch">Search</button>
<button class="button" id="btnAdd">New Wine</button>
</div>
2013-10-29 16:51:16 +01:00
<div class="leftArea">
<ul id="wineList"></ul>
</div>
2013-10-29 16:51:16 +01:00
<form id="wineForm">
2013-10-29 16:51:16 +01:00
<div class="mainArea">
2013-10-29 16:51:16 +01:00
<label>Id:</label>
<input id="wineId" name="id" type="text" style="width: 50px" disabled />
2013-10-29 16:51:16 +01:00
<label>Name:</label>
<input type="text" id="name" name="name" required>
2013-10-29 16:51:16 +01:00
<label>Grapes:</label>
<input type="text" id="grapes" name="grapes" />
2013-10-29 16:51:16 +01:00
<label>Country:</label>
<input type="text" id="country" name="country" />
2013-10-29 16:51:16 +01:00
<label>Region:</label>
<input type="text" id="region" name="region" />
2013-10-29 16:51:16 +01:00
<label>Year:</label>
<select id="year" name="year">
<option value=""></option>
</select>
<div class="padding02">
<button class="button" id="btnSave">Save</button>
<button class="button" id="btnDelete">Delete</button>
</div>
</div>
2013-10-29 16:51:16 +01:00
<div class="rightArea">
2013-10-29 16:51:16 +01:00
<img id="pic" height="300" />
2013-10-29 16:51:16 +01:00
<label>Notes:</label>
<textarea id="description" name="description"></textarea>
</div>
2013-10-29 16:51:16 +01:00
</form>
2013-10-29 16:51:16 +01:00
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/main.js"></script>
2013-10-29 16:51:16 +01:00
<div class="footer textcenter padding02">The client code of this demo is slightly based on
<a target="_blank" href="http://coenraets.org/blog/2011/12/restful-services-with-jquery-php-and-the-slim-framework/">"RESTful services with jQuery, PHP and the Slim Framework"</a>
</div>
2013-10-29 16:51:16 +01:00
</body>
2013-10-29 16:51:16 +01:00
</html>