2021-05-27 11:29:14 +10:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2021-05-27 11:49:42 +10:00
|
|
|
<head>
|
|
|
|
|
<title>KO Shopping Cart</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2021-05-27 15:23:23 +10:00
|
|
|
<div class="container-fluid">
|
|
|
|
|
<div class="row" id="catalogContainer">
|
|
|
|
|
<div class="col-xs-12" data-bind="template:{name:'header'}"></div>
|
|
|
|
|
<div class="col-xs-6" data-bind="template:{name:'catalog'}"></div>
|
|
|
|
|
<div
|
|
|
|
|
id="cartContainer"
|
|
|
|
|
class="col-xs-6 well hidden"
|
|
|
|
|
data-bind="template:{name:'cart'}"
|
|
|
|
|
></div>
|
2021-05-27 14:24:43 +10:00
|
|
|
</div>
|
2021-05-27 15:23:23 +10:00
|
|
|
<div
|
|
|
|
|
class="row hidden"
|
|
|
|
|
id="orderContainer"
|
|
|
|
|
data-bind="template:{name:'order'}"
|
|
|
|
|
></div>
|
|
|
|
|
<div data-bind="template: {name:'add-to-catalog-modal'}"></div>
|
|
|
|
|
<div data-bind="template: {name:'finish-order-modal'}"></div>
|
2021-05-27 14:36:59 +10:00
|
|
|
</div>
|
|
|
|
|
|
2021-05-27 12:03:06 +10:00
|
|
|
<!-- vendor library -->
|
2021-05-27 11:49:42 +10:00
|
|
|
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/bootstrap.js"></script>
|
|
|
|
|
<script type="text/javascript" src="js/knockout-3.2.0.js"></script>
|
2021-05-27 12:03:06 +10:00
|
|
|
<!-- app -->
|
2021-05-27 12:46:22 +10:00
|
|
|
<script type="text/javascript" src="js/models/product.js"></script>
|
2021-05-27 12:03:06 +10:00
|
|
|
<script type="text/javascript" src="js/viewmodel.js"></script>
|
2021-05-27 11:49:42 +10:00
|
|
|
</body>
|
|
|
|
|
</html>
|
