item.html 2.45 KB

<div class="container" ng-controller="CtrlItem">
    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-dark sbold uppercase">add items</span>
            </div>
        </div>
        <div class="portlet-body form">
            <div class="form-group">
                <form name="myForm">
                    <div class="form-group">
                        <label for="itemName">Item name</label>
                        <input class="form-control" type="text" id="itemName" name="itemName" ng-model="contact.item_name" required>
                    </div>
                    <div class="form-group">
                        <label for="Description">Description</label>
                        <input class="form-control" type="text" id="Description" name="Description" ng-model="contact.item_desc" required>
                    </div>
                    <div class="form-group">
                        <label for="Quantity">Quantity</label>
                        <input class="form-control" type="number" id="Quantity" name="Quantity" ng-model="contact.quantity" required>
                    </div>
                    <div class="form-group">
                        <label for="Price">Price</label>
                        <input class="form-control" type="number" id="Price" name="Price" ng-model="contact.price" required>
                    </div>
                    <button class="btn btn-primary" ng-click="addItems()" ng-disabled="checkBtn">Add</button>
                </form>




            </div>
            <div class="form-group">

                <div id="bootstrap_alerts_demo">
                    <div class="custom-alerts alert alert-success" ng-show="success">
                        item_name  :{{contactlist.data.item_name}}<br>
                        item_desc :{{contactlist.data.item_desc}}<br>
                        quantity :{{contactlist.data.quantity}}<br>
                        price :{{contactlist.data.price}}<br>
                        เพิ่มรายการสินค้าเรียบร้อย<br>
                    </div>
                    <div class="custom-alerts alert alert-danger" ng-show="fail">
                        กรุณากรอกข้อมูลให้ครบตามที่กำหนด<br>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>