77 lines
3.1 KiB
HTML
77 lines
3.1 KiB
HTML
|
<script type="text/html" id="add-to-catalog-modal">
|
||
|
|
<div class="modal fade" id="addToCatalogModal">
|
||
|
|
<div class="modal-dialog">
|
||
|
|
<div class="modal-content">
|
||
|
|
<form
|
||
|
|
class="form-horizontal"
|
||
|
|
role="form"
|
||
|
|
data-bind="with:newProduct"
|
||
|
|
>
|
||
|
|
<div class="modal-header">
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
class="close"
|
||
|
|
data-dismiss="modal"
|
||
|
|
>
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
<span class="sr-only">Close</span>
|
||
|
|
</button>
|
||
|
|
<h3>Add New Product to the Catalog</h3>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="col-sm-12">
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
class="form-control"
|
||
|
|
placeholder="Name"
|
||
|
|
data-bind="textInput:name"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="col-sm-12">
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
class="form-control"
|
||
|
|
placeholder="Price"
|
||
|
|
data-bind="textInput:price"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="col-sm-12">
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
class="form-control"
|
||
|
|
placeholder="Stock"
|
||
|
|
data-bind="textInput:stock"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="col-sm-12">
|
||
|
|
<button
|
||
|
|
type="submit"
|
||
|
|
class="btn btn-default"
|
||
|
|
data-bind="{click:$parent.addProduct}"
|
||
|
|
>
|
||
|
|
<i
|
||
|
|
class="glyphicon glyphicon-plus-sign"
|
||
|
|
></i>
|
||
|
|
Add Product
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<!-- /.modal-content -->
|
||
|
|
</div>
|
||
|
|
<!-- /.modal-diaglog -->
|
||
|
|
</div>
|
||
|
|
<!-- /.modal -->
|
||
|
|
</script>
|