Разработать простой front-end для простого API на HTML+JS
Нужно разработать front-end для простого API на HTML+JS
Ответы с API всегда в json формате
Для того что бы зайти на сайт, нужно ввести пароль, который проверяется на /Authenticate/[password], если вход успешен, то API даст куки .
После входа, юзеру отображается dashboard.
На dashboard-e должно быть 2 страницы:
1) INFORMATION
* Таблица с продуктами, которая заполняется с /GetProducts
* Таблица с заказами, которая заполняется с /GetOrders, фильтровать checkbox-ом по полю Status(принимает значение "Paid" и "Unpaid").
2) ADMINISTRATION
* Кнопка Stop которая отправляет GET запрос на /Stop
* Кнопка Update которая отправляет берез строку с textbox-a и отправляет GET запрос на /Update/[string]
В общем, все очень просто. Дизайн на ваш вкус)
Срок: 2 дня МАКСИМУМ
API:
"/Authenticate/[password]":
{
"Timestamp": 635258949900018675,
"Message": "success"
}
"/GetProducts":
[
{
"ProductID": 1,
"ProductName": "Product1",
"Price": 100,
"Stock": 1,
"AmountSold": 10
},
{
"ProductID": 2,
"ProductName": "Product2",
"Price": 200,
"AmountSold": 7
}
]
"/GetOrders":
[
{
"OrderID": 2,
"EMail": "[email protected]",
"Price": 3.0,
"Weight": 1.00000,
"Status": "Paid",
"ProductName": "product1",
"Comment": "asd",
"OrderDateTime": "2015-02-03T22:22:29"
},
{
"OrderID": 5,
"EMail": "[email protected]",
"Price": 100.0,
"Weight": 0.00316,
"Status": "Unpaid",
"ProductName": "product1",
"Comment": "lol",
"OrderDateTime": "2013-05-08T12:35:29"
},
{
"OrderID": 1,
"EMail": "[email protected]",
"Price": 100.56,
"Weight": 0.00500,
"Status": "Paid",
"ProductName": "product2",
"Comment": "test",
"OrderDateTime": "2007-05-08T12:35:29.123"
}
]