2016-10-10 15:48:48 +02:00
<!DOCTYPE HTML>
< html >
2018-05-17 21:55:32 +02:00
2016-10-10 15:48:48 +02:00
< head >
2018-05-17 21:55:32 +02:00
< title > Cellar< / title >
< link rel = "stylesheet" href = "css/milligram.css" / >
< link rel = "stylesheet" href = "css/styles.css" / >
2016-10-10 15:48:48 +02:00
< / head >
< body >
2018-05-17 21:55:32 +02:00
< div class = "header" >
< input type = "text" id = "searchKey" / >
< button class = "button" id = "btnSearch" > Search< / button >
< button class = "button" id = "btnAdd" > New Wine< / button >
< / div >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< div class = "leftArea" >
< ul id = "wineList" > < / ul >
< / div >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< form id = "wineForm" >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< div class = "mainArea" >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< label > Id:< / label >
< input id = "wineId" name = "id" type = "text" style = "width: 50px" disabled / >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< label > Name:< / label >
< input type = "text" id = "name" name = "name" required >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< label > Grapes:< / label >
< input type = "text" id = "grapes" name = "grapes" / >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< label > Country:< / label >
< input type = "text" id = "country" name = "country" / >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< label > Region:< / label >
< input type = "text" id = "region" name = "region" / >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02: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 >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< div class = "rightArea" >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< img id = "pic" height = "300" / >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< label > Notes:< / label >
< textarea id = "description" name = "description" > < / textarea >
< / div >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< / form >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02:00
< script src = "js/jquery-1.7.1.min.js" > < / script >
< script src = "js/main.js" > < / script >
2016-10-10 15:48:48 +02:00
2018-05-17 21:55:32 +02: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 >
2016-10-10 15:48:48 +02:00
< / body >
2018-05-17 21:55:32 +02:00
2016-10-10 15:48:48 +02:00
< / html >
