forked from mrvautin/expressCart
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
625 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| <div class="row"> | ||
| <div class="col s12"> | ||
| {{#if pageCloseBtn}} | ||
| <div class="row {{checkout}}"> | ||
| <div class="col l12 text-right"> | ||
| <button class="pushy-link btn waves-effect waves-light blue darken-3" type="button">X</button> | ||
| </div> | ||
| </div> | ||
| {{/if}} | ||
| <div class="card"> | ||
| <div class="card-content"> | ||
| <span class="card-title">Cart contents</span> | ||
| {{#each session.cart}} | ||
| <div class="row cart-row"> | ||
| <div class="col s4 m2"> | ||
| {{#if productImage}} | ||
| <img class="img-responsive" src="{{this.productImage}}" alt="{{this.title}} product image"> {{else}} | ||
| <img class="img-responsive" src="/uploads/placeholder.png" alt="{{this.title}} product image"> {{/if}} | ||
| </div> | ||
| <div class="cart-item-row col s12 m7 offset-m1"> | ||
| <p> | ||
| <a class="cart-link" href="/product/{{this.link}}">{{this.title}}</a> | ||
| </p> | ||
| <p> | ||
| {{#each this.options}} {{#if @last}} {{this}} {{else}} {{this}} / {{/if}} {{/each}} | ||
| </p> | ||
| <p> | ||
|
|
||
| <div class="col s12 no-pad-left"> | ||
| <span class="col s2"> | ||
| <button class="btn waves-effect waves-light blue darken-3 btn-qty-minus" type="button">-</button> | ||
| </span> | ||
| <div class="input-field col s8"> | ||
| <input type="number" class="cart-product-quantity text-center" data-id="{{this.productId}}" id="{{@key}}" maxlength="2" value="{{this.quantity}}"> | ||
| </div> | ||
| <span class="col s2"> | ||
| <button class="btn waves-effect waves-light blue darken-3 btn-qty-add" type="button">+</button> | ||
| </span> | ||
| </div> | ||
| </p> | ||
| </div> | ||
| <div class="col s12 l2 cart-item-row text-right no-pad-right"> | ||
| <strong>{{currencySymbol ../config.currencySymbol}}{{formatAmount this.totalItemPrice}}</strong> | ||
| </div> | ||
| </div> | ||
| {{/each}} | ||
| {{#if session.cart}} | ||
| <div class="row"> | ||
| <div class="cart-contents-shipping col s12 no-pad-right"> | ||
| {{#ifCond session.shippingCostApplied '===' true}} | ||
| <div class="text-right"> | ||
| Shipping: | ||
| <strong>{{currencySymbol config.currencySymbol}}{{formatAmount config.flatShipping}}</strong> | ||
| </div> | ||
| {{else}} | ||
| <div class="text-right"> | ||
| Shipping: | ||
| <strong>FREE</strong> | ||
| </div> | ||
| {{/ifCond}} | ||
| <div class="text-right"> | ||
| Total: | ||
| <strong>{{currencySymbol config.currencySymbol}}{{formatAmount session.totalCartAmount}}</strong> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| {{else}} | ||
| <div class="row"> | ||
| <div class="cart-contents-shipping col m12 no-pad-right"> | ||
| Cart empty | ||
| </div> | ||
| </div> | ||
| {{/if}} | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| {{#if session.cart}} | ||
| <div class="col s6 align-right"> | ||
| <button class="btn waves-effect waves-light red darken-3" id="empty-cart" type="button">Empty cart</button> | ||
| </div> | ||
| {{#ifCond page '!=' 'pay'}} | ||
| <div class="text-right align-right col s6"> | ||
| {{#ifCond page '==' 'checkout'}} | ||
| <a href="/pay" class="btn waves-effect waves-light blue darken-3">Pay now</a> | ||
| {{else}} | ||
| <a href="/checkout" class="btn waves-effect waves-light blue darken-3">Checkout</a> | ||
| {{/ifCond}} | ||
| </div> | ||
| {{/ifCond}} {{/if}} | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| <div class="col m8 offset-m2 s12"> | ||
| <div id="cart"> | ||
| {{> themes/Material/cart}} | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| <nav class="navbarMenuWrapper"> | ||
| <div class="nav-wrapper"> | ||
| <div class="col m8 offset-m2 navbarMenu"> | ||
| <ul> | ||
| <li {{#unless searchTerm}}class="navActive"{{/unless}}><a href="/">Home</a></li> | ||
| {{#each menu.items}} | ||
| <li | ||
| {{#ifCond (toLower this.title) '==' (toLower @root.searchTerm)}}class="navActive"{{/ifCond}} | ||
| {{#ifCond (toLower this.title) '==' @root.title}}class="navActive"{{/ifCond}}> | ||
| <a href="{{this.link}}">{{this.title}}</a> | ||
| </li> | ||
| {{/each}} | ||
| <div class="pull-right hide-on-small-only"> | ||
| <li> | ||
| <input type="text" name="frm_search" id="frm_search" class="input-field" placeholder="Search the shop"> | ||
| </li> | ||
| <li> | ||
| <button class="btn waves-effect waves-light blue darken-3" id="btn_search" type="submit">Search</button> | ||
| </li> | ||
| </div> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| {{> themes/Material/front-menu}} | ||
| <div class="productsWrapper col m8 offset-m2"> | ||
| {{#if filtered}} | ||
| <div class="product-layout col m12"> | ||
| {{#if menuLink}} | ||
| <h4>Category: <strong>{{menuLink.title}}</strong></h4> | ||
| {{else}} | ||
| <h4>Search results: <strong>{{searchTerm}}</strong></h4> | ||
| {{/if}} | ||
| </div> | ||
| {{/if}} | ||
| <div class="row product-layout"> | ||
| {{#ifCond results.length '==' 0}} | ||
| <div class="col m12"> | ||
| <p class="text-danger">No products found</p> | ||
| </div> | ||
| {{/ifCond}} | ||
| {{#each results}} | ||
| <div class="{{perRowClass ../config.productsPerRow}}"> | ||
| <div class="thumbnail"> | ||
| {{#if productPermalink}} | ||
| <div class="product_wrapper"> | ||
| <a href="/product/{{this.productPermalink}}"> | ||
| <div class="vertical-center thumbnail-image-container"> | ||
| {{#if productImage}} | ||
| <img class="img-responsive" src="{{this.productImage}}" alt="..."> | ||
| {{else}} | ||
| <img class="img-responsive" src="/uploads/placeholder.png" alt="..."> | ||
| {{/if}} | ||
| </div> | ||
| <h3 class="product-title product-title-home top-pad-10"> | ||
| {{this.productTitle}} | ||
| </h3> | ||
| </a> | ||
| </div> | ||
| {{else}} | ||
| <a href="/product/{{this._id}}"> | ||
| <div class="vertical-center thumbnail-image-container"> | ||
| {{#if productImage}} | ||
| <img class="img-responsive" src="{{this.productImage}}" alt="..."> | ||
| {{else}} | ||
| <img class="img-responsive" src="/uploads/placeholder.png" alt="..."> | ||
| {{/if}} | ||
| </div> | ||
| <h3 class="product-title product-title-home top-pad-10"> | ||
| {{this.productTitle}} | ||
| </h3> | ||
| </a> | ||
| {{/if}} | ||
| <h3 class="product-price text-center"> | ||
| {{currencySymbol ../config.currencySymbol}}{{formatAmount productPrice}} | ||
| </h3> | ||
| <p class="text-center"> | ||
| <a class="btn waves-effect waves-light blue darken-3 add-to-cart" data-id="{{this._id}}" data-link="{{this.productPermalink}}" data-has-options="{{checkProductOptions this.productOptions}}" role="button">Add to cart</a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| {{/each}} | ||
| </div> | ||
| </div> | ||
| <input type="hidden" id="productsPerPage" value="{{productsPerPage}}" > | ||
| <input type="hidden" id="pageNum" value="{{pageNum}}"> | ||
| <input type="hidden" id="totalProductCount" value="{{totalProductCount}}"> | ||
| <input type="hidden" id="paginateUrl" value="{{paginateUrl}}"> | ||
| <input type="hidden" id="searchTerm" value="{{searchTerm}}"> | ||
| <div class="row"> | ||
| <div class="col s12"> | ||
| <div id="pager" class="text-center"></div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| {{> themes/Material/front-menu}} | ||
| <div class="row"> | ||
| <div class="col m8 offset-m2 col l8 offset-l2"> | ||
| <div class="pagelayout-wrapper"> | ||
| {{{page.pageContent}}} | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| <div class="col xl10 offset-xl1 s12"> | ||
| <div class="row"> | ||
| {{#if paymentMessage}} | ||
| <p class="text-danger text-center">{{paymentMessage}}</p> | ||
| {{/if}} | ||
| <div class="col m4"> | ||
| <div class="card"> | ||
| <div class="card-content"> | ||
| <div class="row"> | ||
| <span class="card-title">Customer details</span> | ||
| {{#unless session.customer}} | ||
| <p>Existing customer</p> | ||
| <div class="input-field col s12"> | ||
| <input type="email" id="customerLoginEmail" name="loginEmail" minlength="5" placeholder="Email address" required> | ||
| </div> | ||
| <div class="input-field col s12"> | ||
| <input type="password" class="form-control" id="customerLoginPassword" name="loginPassword" minlength="5" placeholder="Password" required> | ||
| </div> | ||
| <div class="input-field col s12 m6"> | ||
| <a href="/customer/forgotten" class="btn waves-effect waves-light blue darken-3 pull-left">Forgotten</a> | ||
| </div> | ||
| <div class="input-field col s12 m6"> | ||
| <button id="customerLogin" class="btn waves-effect waves-light blue darken-3 pull-right" type="submit">Login</button> | ||
| </div> | ||
| {{/unless}} | ||
| {{#if session.customer}} | ||
| <div class="col s12"> | ||
| <button id="customerLogout" class="btn waves-effect waves-light blue darken-3 pull-right">Change customer</button> | ||
| </div> | ||
| {{/if}} | ||
| <form id="shipping-form" class="shipping-form" action="/{{config.paymentGateway}}/checkout_action" method="post" role="form" data-toggle="validator" novalidate="false"> | ||
| {{> themes/Material/shipping-form}} | ||
| {{#if session.customer}} | ||
| {{#ifCond config.paymentGateway '==' 'paypal'}} | ||
| {{> payments/paypal}} | ||
| {{/ifCond}} | ||
| {{/if}} | ||
| {{#unless session.customer}} | ||
| <div class="col s12"> | ||
| <p class="text-muted">Enter a password to create an account for next time</p> | ||
| <div class="input-field col s12"> | ||
| <input type="password" class="form-control customerDetails" id="newCustomerPassword" name="newCustomerPassword" placeholder="Password" required> | ||
| </div> | ||
| </div> | ||
| <div class="col s12"> | ||
| <a id="createCustomerAccount" class="btn waves-effect waves-light blue darken-3 pull-right">Create account</a> | ||
| </div> | ||
| {{/unless}} | ||
| </form> | ||
| {{#if session.customer}} | ||
| {{#ifCond config.paymentGateway '==' 'stripe'}} | ||
| {{> partials/payments/stripe}} | ||
| {{/ifCond}} | ||
| {{#ifCond config.paymentGateway '==' 'authorizenet'}} | ||
| {{> partials/payments/authorizenet}} | ||
| {{/ifCond}} | ||
| {{/if}} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div id="cart" class="col-md-7 col m7 offset-m1"> | ||
| {{> themes/Material/cart}} | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <div class="col s12 xl8 offset-xl2"> | ||
| <div class="row"> | ||
| <div class="text-center col m10 offset-m1"> | ||
| {{#ifCond result.orderStatus '==' 'Paid'}} | ||
| <h2 class="text-success">Your payment has been successfully processed</h2> | ||
| {{else}} | ||
| <h2 class="text-danger">Your payment has failed. Please try again or contact us.</h2> | ||
| {{/ifCond}} | ||
| {{#if result}} | ||
| <div> | ||
| <p><strong>Order ID:</strong> {{result._id}}</p> | ||
| <p><strong>Payment ID:</strong> {{result.orderPaymentId}}</p> | ||
| </div> | ||
| {{/if}} | ||
| {{#ifCond result.orderStatus '==' 'Paid'}} | ||
| <h3 class="text-warning">Please retain the details above as a reference of payment.</h3> | ||
| {{/ifCond}} | ||
| <a href="/" class="btn waves-effect waves-light blue darken-3">Home</a> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| {{> themes/Material/front-menu}} | ||
| <div class="product-layout s12 col m8 offset-m2"> | ||
| <div class="row"> | ||
| <div class="col s12 m6 pull-right"> | ||
| <div class="row"> | ||
| <h1 class="col s12 m10 product-title">{{result.productTitle}}</h1> | ||
| <h4 class="col s12 m10 product-price">{{currencySymbol config.currencySymbol}}{{result.productPrice}}</h4> | ||
| {{#if productOptions}} | ||
| <h4 class="col s12 m10 product-option">Options</h4> | ||
| <div class="col s12 m10"> | ||
| {{#each productOptions}} | ||
| {{#ifCond this.optType '==' "select"}} | ||
| <strong>{{this.optName}}</strong> | ||
| <select name="opt-{{this.optName}}" class="form-control product-opt"> | ||
| {{#each this.optOptions}} | ||
| <option value="{{this}}">{{this}}</option> | ||
| {{/each}} | ||
| </select> | ||
| {{/ifCond}} | ||
| {{#ifCond this.optType '==' "radio"}} | ||
| {{#each this.optOptions}} | ||
| <strong>{{this.optName}}</strong> | ||
| <div class="radio"> | ||
| <label> | ||
| <input type="radio" class="product-opt" name="opt-{{../this.optName}}" value="{{this}}"> | ||
| {{this}} | ||
| </label> | ||
| </div> | ||
| {{/each}} | ||
| {{/ifCond}} | ||
| {{#ifCond this.optType '==' "checkbox"}} | ||
| <div class="checkbox"> | ||
| <label> | ||
| <input type="checkbox" class="product-opt" name="opt-{{../this.optName}}" value="{{this.optName}}"><strong>{{this.optName}}</strong> | ||
| </label> | ||
| </div> | ||
| {{/ifCond}} | ||
| {{/each}} | ||
| </div> | ||
| {{/if}} | ||
| <div class="col s10 productOptions"> | ||
| <p class="product-option-text">Quantity</p> | ||
| <div class="input-group"> | ||
| <span class="input-group-btn"> | ||
| <button class="btn waves-effect waves-light blue darken-3 qty-btn-minus" type="button">-</button> | ||
| </span> | ||
| <div class="input-field col s12"> | ||
| <input type="text" class="add-color text-center" id="product_quantity" maxlength="3" value="1"> | ||
| </div> | ||
| <span class="input-group-btn"> | ||
| <button class="btn waves-effect waves-light blue darken-3 qty-btn-plus" type="button">+</button> | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="btnAddToCart"> | ||
| <button class="btn waves-effect waves-light blue darken-3 col s10 product-add-to-cart" type="button">Add to cart</button> | ||
| </div> | ||
| <div class="col s10 body_text"> | ||
| {{{productDescription}}} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col s12 m6 pull-left"> | ||
| {{#if result.productImage}} | ||
| <div class="title-image-container"> | ||
| <div class="image-prev image-button"> <i class="fa fa-chevron-left" aria-hidden="true"></i></div> | ||
| <img src="{{result.productImage}}" id="product-title-image" class="product-title-image img-responsive materialboxed" alt="..."> | ||
| <div class="image-next image-button"> <i class="fa fa-chevron-right" aria-hidden="true"></i></div> | ||
| </div> | ||
| {{else}} | ||
| <div class="title-image-container"> | ||
| <img src="/uploads/placeholder.png" id="product-title-image" class="product-title-image img-responsive" alt="..."> | ||
| </div> | ||
| {{/if}} | ||
| {{#ifCond images.length '>' 1}} | ||
| <div class="product-image-container"> | ||
| {{#each images}} | ||
| <div class="vertical-center top-pad-20 col s6 l6 xl6"> | ||
| <img src="{{this.path}}" class="thumbnail-image img-responsive"> | ||
| </div> | ||
| {{/each}} | ||
| </div> | ||
| {{/ifCond}} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <input type="hidden" id="productId" value="{{result._id}}"> |
Oops, something went wrong.