/
catalog.html
1 lines (1 loc) · 7.54 KB
/
catalog.html
1
<!doctype html><html lang=en><title>Catalog</title><meta charset=utf-8><meta content="width=device-width,initial-scale=1,shrink-to-fit=no"name=viewport><link href=scss/custom.css rel=stylesheet><link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel=stylesheet><body class=bg-light><div class="gone progress stick-To-top"><div class="primary-color progress-bar"id=progress-bar role=progressbar aria-valuemax=100 aria-valuemin=0 aria-valuenow=25></div></div><div class="primary-color collapse"id=navbarToggleExternalContent><div class=p-4><ul class="justify-content-end nav"><li class=nav-item><a class="text-white nav-link"href=./index.html>HOME</a><li class=nav-item id=loginMenuItem><a class="text-white nav-link"href=# onclick=openLoginModal()>LOGIN</a><li class="nav-item gone"id=logoutMenuItem><a class="text-white nav-link"href=# onclick=logOut()>LOG OUT</a><li class=nav-item id=registerMenuItem><a class="text-white nav-link"href=./register.html>REGISTER</a><li class=nav-item><a class="text-white nav-link"href=./index.html#contact_us>CONTACT</a></ul></div></div><div class="bd-example-modal-lg fade modal"id=loginModal role=dialog aria-hidden=true aria-labelledby=myLargeModalLabel tabindex=-1><div class="modal-dialog modal-lg"><div class=modal-content><div class="text-white bg-dark jumbotron no-margin jumbotron-fluid no-top-padding"><p class=padding-bottom-60><div class=container><div class="row align-items-center"><div class=col><div class=container><h1 class=display-3 id=title>Login</h1><p class=lead id=done-message><p class="h4 text-danger"id=error-text></div></div></div></div></div><div class=padding-16><a class="lead margin-bottom-10"href=./register.html>Don't have an account? Register here.</a><form id=login-form><div class=form-group><label for=loginEmail>Email address</label> <input class=form-control id=loginEmail placeholder="Enter email"aria-describedby=emailHelp type=email></div><div class=form-group><label for=loginPassword>Password</label> <input class=form-control id=loginPassword placeholder=Password type=password></div><button class="btn btn-dark float-right"type=submit>Submit</button></form></div></div></div></div><div id=snackbar></div><main role=main><div class="text-white bg-dark jumbotron no-margin jumbotron-fluid no-top-padding no-bottom-padding"><nav class="bg-transparent navbar"><p class="h4 padding-top-10 primary-color-text">Nova Medical Technologies</p><button class=navbar-toggler type=button aria-label="Toggle navigation"aria-controls=navbarToggleExternalContent aria-expanded=false data-target=#navbarToggleExternalContent data-toggle=collapse><i class="text-white large material-icons"></i></button></nav><div class=container id=heading-container><div class="padding-bottom-10 padding-left-12"><div class="margin-top-10 containe"><h1 class=display-3>Catalog</h1></div></div><div class="row justify-content-end no-bottom-padding no-margin"><div class="col-auto icon"onclick='window.location="./invoice.html"'><p><i class="material-icons icon padding-left-12"></i><custom id=shoppingCartAmount>0</custom></div></div></div></div><div class=bg-light><div class=container><div class="row margin-bottom-10"><div class=col-sm-12><div class="margin-top-10 input-group input-group-lg"><input class=form-control id=search-catalog placeholder="Search all items by name..."aria-describedby=sizing-addon1 aria-label=search> <span class="bg-dark input-group-addon"id=sizing-addon1><i class="text-white large material-icons"></i></span></div></div><div class=col><div class="row margin-top-10"><div class="col align-content-start"><select class="form-control capitalize form-control-lg"id=categories-select style="height:calc(2.875rem + 8px)"><option>Categories</select></div></div></div><div class=col><div class="row margin-top-10"><div class="col align-content-start"><select class="form-control capitalize form-control-lg"id=subcategories-select style="height:calc(2.875rem + 8px)"><option>Sub-Categories</select></div></div></div></div><div class=items><p class="lead align-content-center invisible text-center"id=loading-text>Loading...<div class="row card-group"id=items-container></div></div><div class="row justify-content-center"><div class=col-auto><button class="btn align-self-center btn-lg btn-light"type=button onclick=nextPage()>NEXT PAGE</button></div></div></div><div class=modals-container></div><div class=addItemModal><div class="bd-example-modal-lg fade modal"id=addItemModal role=dialog aria-hidden=true aria-labelledby=myLargeModalLabel tabindex=-1><div class="modal-dialog modal-lg"role=document><div class=modal-content><div class=modal-header><h5 class=modal-title>Add<custom id=addCartItemName class=text-capitalize>Pederson Vaginal Specula</custom>(<custom id=addCartDimensionName>10 x 30</custom><custom id=addCartUnit>mm</custom>) To Cart</h5><button class=close type=button aria-label=Close data-dismiss=modal><span aria-hidden=true>×</span></button></div><div class=modal-body><small class="capitalize text-secondary">ID:<custom id=addCartID>70.130.00</custom>:<custom id=addCartMeasurementID></custom></small><br><small class="capitalize text-secondary padding-bottom-10"><custom id=addCartCategory>obstetrics and gynecology</custom>><custom id=addCartSubCategory>vaginal specula</custom></small><div class=padding-top-10 id=addItemCost><label class=font-weight-bold>Cost per Item</label><p>$<custom id=itemPrice>100.00</custom>+ $<custom id=itemPriceTax>7.00</custom>(Tax) = <mark>$<custom id=itemTotalPrice>107.00</custom></mark></div><div class=row><div class=col><div class=form-group><label for=amountOfAddItem class=font-weight-bold>Quantity</label> <input class="form-control form-control-sm"id=amountOfAddItem type=number name=itemConsumption onkeypress="return 8==event.charCode||0==event.charCode||13==event.charCode?null:48<=event.charCode&&event.charCode<=57"value=1></div></div></div></div><div class=modal-footer><button class="btn btn-secondary"type=button data-dismiss=modal>Close</button> <button class="text-white btn primary-color"type=button id=finalAddItemToCartButton>Add Item</button></div></div></div></div></div></div></main><footer class="bg-dark no-margin footer"><div class="text-white bg-dark jumbotron no-margin"><div class=container-fluid><div class=row><div class="col-sm-12 col-md-4"><h6>About</h6><p class=h6><ul class=list-unstyled><li>Lorem ipsum dolor sit amet<li>Consectetur adipiscing elit<li>Integer molestie lorem at massa</ul></div><div class="col-sm-12 col-md-4"><h6>Products</h6><p class=h6><ul class=list-unstyled><li>Lorem ipsum dolor sit amet<li>Consectetur adipiscing elit<li>Integer molestie lorem at massa</ul></div><div class="col-sm-12 col-md-4"><h6>Legal</h6><p class=h6><ul class=list-unstyled><li>Lorem ipsum dolor sit amet<li>Consectetur adipiscing elit<li>Integer molestie lorem at massa</ul></div></div></div></div><div class="bg-dark no-margin no-border"><div class="bg-dark no-margin text-right"><p class="bg-dark no-margin padding-16"><a class=text-info href=./admin-login.html>Admin Login</a></div></div></footer><script src=https://www.gstatic.com/firebasejs/4.6.0/firebase.js></script><script src=https://code.jquery.com/jquery-3.2.1.min.js crossorigin=anonymous integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="></script><script src=https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js crossorigin=anonymous integrity=sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh></script><script src=js/bootstrap.min.js crossorigin=anonymous integrity=sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ></script><script src=js/base.js></script><script src=js/catalog.js></script>