Source

POS Front End Updated UI / templates / purchase.html

Full commit
<div class="navbar-inner ">
    <div class="container">
        <div class="navbar ">
            <!-- HOME BTN -->
            <a class="btn btn-info pull-left" href="index.html" style="display: inline-block">
                <i class="icon-arrow-left"></i>Home </a>
            <!--<a "id="shoppingCart" class="btn btn-info pull-right" style="display:inline-block"><i class="icon-shopping-cart"></i> Shopping Cart </a> -->
            <a class="brand" style="margin-left: 250px">&nbsp;&nbsp; Browse Product
            </a>
            <form class="navbar-search">
                &nbsp;&nbsp; <input class="search-query" placeholder="Search Product" style="width: 180px" type="text"> &nbsp;&nbsp
            </form>
            <!-- Shopping cart popover -->
            <a id="shoppingCart" class="btn btn-info pull-right" style="display: inline-block; margin-right: 20px">
                <i class="icon-shopping-cart"></i>Shopping Cart </a>
            <!--<a id ="shoppingCart" class="btn pull-right" rel="popover" ><<img src="http://www.placehold.it/30x30"> HEHE </a> -->
            <div id="popover_content_title" class="container row" style="display: none">
                <div class="col span2">
                    Product Detail </div>
                <div class="col">
                    Qty </div>
            </div>
            <div id="popover_content_wrapper" style="display: none">
                <div class="container">
                    <div class="row">
                        <div class="col span2">
                            Product Name $100 </div>
                        <div class="col offset2">
                            1 </div>
                    </div>
                    <br />
                    <div class="row">
                        hehe </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3">
            <br>
            <ul class="nav nav-list affix-top">
                <!--<li class="nav-header">Products Categories</li> -->
                <li class="active"><a href="#all"><br>All
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#tables"><br>Tables
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#chairs"><br>Chairs
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#beds"><br>Beds
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#lightings"><br>Lightings
                    <i class="icon-chevron-right pull-right"></i></a></li>
                <li><a href="#"><br>Cupboards
                    <i class="icon-chevron-right pull-right"></i></a></li>
            </ul>
        </div>
        <div class="span9">
            <br />
            <!-- Products List ============================================== -->
            <section id="products-list">
           </section>
            <!-- End of table section ============================== -->

        </div>
    </div>
</div>

<div class="container" id="product-modal">
</div>