Source

POS Front End Updated UI / templates / index.html

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>

        <meta name="apple-mobile-web-app-capable" content="yes" />
        <title id="systemName">Aeki Store - Your Preferred Furniture Store</title>
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
    </head>

    <body>
        <div id="aekiapp">
            <div class="navbar-inner ">
                <div class="container">
                    <div class="navbar" style="margin-left:410px">
                        <a class="brand" href="#" >aeki </a>
                    </div>
                </div>
            </div>
            <br/><br/>
            <div class="container">

                <div class="row">
                    <div class="span4 offset1">
                        <a href="#purchase">
                            <img src="../static/img/image1.png" class="img-rounded">
                        </a>
                    </div>
                    <div class="span4 offset1">
                        <a href="branchInfo.html" ><img src="../static/img/image2.png" class="img-rounded"> </a>
                    </div>
                </div>
                <br/><br/>
                <div class="row">
                    <div class="span4 offset1">
                        <a href="promotion.html"><img src="../static/img/image3.png" class="img-rounded"></a>
                    </div>
                    <div class="span4 offset1">
                        <a href ="pastOrder.html"><img src="../static/img/image4.png" class="img-rounded"> </a>
                    </div>
                </div>
            </div>

        </div>

        <script type="text/template" id="cart-template">
            <div class="container">
                <div class="row">
                    <div class="col span2">
                        <%= Brand %> <%= Name %> <%= Pricebuy %>
                    </div>
                    <div class="col offset2">
                        1
                    </div>
                </div>
            </div>
        </script>
 

        <script type="text/template" id="product-thumbnail-template">
            <div class="span3">
                <a href="#product/<%= Product_ID %>" role ="button"> 
                    <img class="img-rounded" src="<%= ImageUrl %>">
                </a>
                <h5><%= Brand %> <%=Name%></h5>
                <h6>$<%= Pricebuy %></h6>
            </div>
        </script>

        <script type="text/template" id="product-template">
            <div class="modal hide fade in" id="product<%= Product_ID %>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 id="myModalLabel">Product Information</h3>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row-fluid">
                            <div class="span4">
                                <img class="img-rounded" src="<%= ImageUrl %>">
                            </div>
                            <div class="span8">
                                <h5> <%= Brand %> </h5>
                                <h6> <%= Name %> </h6>
                                <h6> <%= Description %> </h6>
                                <h6> Price: $<%= Pricebuy %> </h6>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <button id="add-to-cart-btn" class="btn btn-primary">Add item to cart</button>
                </div>
            </div>
        </script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script src="../static/js/lib/jquery/noty/jquery.noty.js"></script>
        <script src="../static/js/lib/jquery/noty/topCenter.js"></script>
        <script src="../static/js/lib/jquery/noty/default.js"></script>
        <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>

        <script src="../static/js/models/product.js"></script>
        <script src="../static/js/collections/products.js"></script>
        <script src="../static/js/collections/cart.js"></script>
        <script src="../static/js/views/cart.js"></script>
        <script src="../static/js/views/product.js"></script>
        <script src="../static/js/views/productthumbnail.js"></script>
        <script src="../static/js/views/purchase.js"></script>
        <script src="../static/js/app.js"></script>
    </body>
</html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.