Linting

.eslintrc.json

@@ -31,7 +31,15 @@
         "keyword-spacing": [
             "error", { 
                 "before": false, "after": false, "overrides": {
-                "const": { "after": true }
+                "const": { 
+                    "after": true
+                },
+                "return": { 
+                    "after": true
+                },
+                "case": { 
+                    "after": true
+                }
             }
         }],
         "space-before-function-paren": 0,

app.js

@@ -39,34 +39,34 @@ if(baseConfig === false){
 
 // Validate the payment gateway config
 switch(config.paymentGateway){
-    case'paypal':
+    case 'paypal':
         if(ajv.validate(require('./config/paypalSchema'), require('./config/paypal.json')) === false){
             console.log(colors.red(`PayPal config is incorrect: ${ajv.errorsText()}`));
             process.exit(2);
         }
         break;
 
-    case'stripe':
+    case 'stripe':
         if(ajv.validate(require('./config/stripeSchema'), require('./config/stripe.json')) === false){
             console.log(colors.red(`Stripe config is incorrect: ${ajv.errorsText()}`));
             process.exit(2);
         }
         break;
 
-    case'authorizenet':
+    case 'authorizenet':
         if(ajv.validate(require('./config/authorizenetSchema'), require('./config/authorizenet.json')) === false){
             console.log(colors.red(`Authorizenet config is incorrect: ${ajv.errorsText()}`));
             process.exit(2);
         }
         break;
 
-    case'adyen':
+    case 'adyen':
         if(ajv.validate(require('./config/adyenSchema'), require('./config/adyen.json')) === false){
             console.log(colors.red(`adyen config is incorrect: ${ajv.errorsText()}`));
             process.exit(2);
         }
         break;
-    case'instore':
+    case 'instore':
         if(ajv.validate(require('./config/instoreSchema'), require('./config/instore.json')) === false){
             console.log(colors.red(`instore config is incorrect: ${ajv.errorsText()}`));
             process.exit(2);
@@ -128,37 +128,37 @@ handlebars = handlebars.create({
         },
         perRowClass: (numProducts) => {
             if(parseInt(numProducts) === 1){
-                return'col-6 col-md-12 product-item';
+                return 'col-6 col-md-12 product-item';
             }
             if(parseInt(numProducts) === 2){
-                return'col-6 col-md-6 product-item';
+                return 'col-6 col-md-6 product-item';
             }
             if(parseInt(numProducts) === 3){
-                return'col-6 col-md-4 product-item';
+                return 'col-6 col-md-4 product-item';
             }
             if(parseInt(numProducts) === 4){
-                return'col-6 col-md-3 product-item';
+                return 'col-6 col-md-3 product-item';
             }
 
-            return'col-md-6 product-item';
+            return 'col-md-6 product-item';
         },
         menuMatch: (title, search) => {
             if(!title || !search){
-                return'';
+                return '';
             }
             if(title.toLowerCase().startsWith(search.toLowerCase())){
-                return'class="navActive"';
+                return 'class="navActive"';
             }
-            return'';
+            return '';
         },
         getTheme: (view) => {
-            return`themes/${config.theme}/${view}`;
+            return `themes/${config.theme}/${view}`;
         },
         formatAmount: (amt) => {
             if(amt){
                 return numeral(amt).format('0.00');
             }
-            return'0.00';
+            return '0.00';
         },
         amountNoDecimal: (amt) => {
             if(amt){
@@ -168,33 +168,33 @@ handlebars = handlebars.create({
         },
         getStatusColor: (status) => {
             switch(status){
-                case'Paid':
+                case 'Paid':
-                    return'success';
+                    return 'success';
-                case'Approved':
+                case 'Approved':
-                    return'success';
+                    return 'success';
-                case'Approved - Processing':
+                case 'Approved - Processing':
-                    return'success';
+                    return 'success';
-                case'Failed':
+                case 'Failed':
-                    return'danger';
+                    return 'danger';
-                case'Completed':
+                case 'Completed':
-                    return'success';
+                    return 'success';
-                case'Shipped':
+                case 'Shipped':
-                    return'success';
+                    return 'success';
-                case'Pending':
+                case 'Pending':
-                    return'warning';
+                    return 'warning';
                 default:
-                    return'danger';
+                    return 'danger';
             }
         },
         checkProductOptions: (opts) => {
             if(opts){
-                return'true';
+                return 'true';
             }
-            return'false';
+            return 'false';
         },
         currencySymbol: (value) => {
             if(typeof value === 'undefined' || value === ''){
-                return'$';
+                return '$';
             }
             return value;
         },
@@ -208,19 +208,19 @@ handlebars = handlebars.create({
             if(obj){
                 return JSON.stringify(obj);
             }
-            return'';
+            return '';
         },
         checkedState: (state) => {
             if(state === 'true' || state === true){
-                return'checked';
+                return 'checked';
             }
-            return'';
+            return '';
         },
         selectState: (state, value) => {
             if(state === value){
-                return'selected';
+                return 'selected';
             }
-            return'';
+            return '';
         },
         isNull: (value, options) => {
             if(typeof value === 'undefined' || value === ''){
@@ -242,24 +242,24 @@ handlebars = handlebars.create({
         },
         ifCond: (v1, operator, v2, options) => {
             switch(operator){
-                case'==':
+                case '==':
-                    return(v1 === v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 === v2) ? options.fn(this) : options.inverse(this);
-                case'!=':
+                case '!=':
-                    return(v1 !== v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 !== v2) ? options.fn(this) : options.inverse(this);
-                case'===':
+                case '===':
-                    return(v1 === v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 === v2) ? options.fn(this) : options.inverse(this);
-                case'<':
+                case '<':
-                    return(v1 < v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 < v2) ? options.fn(this) : options.inverse(this);
-                case'<=':
+                case '<=':
-                    return(v1 <= v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 <= v2) ? options.fn(this) : options.inverse(this);
-                case'>':
+                case '>':
-                    return(v1 > v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 > v2) ? options.fn(this) : options.inverse(this);
-                case'>=':
+                case '>=':
-                    return(v1 >= v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 >= v2) ? options.fn(this) : options.inverse(this);
-                case'&&':
+                case '&&':
-                    return(v1 && v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 && v2) ? options.fn(this) : options.inverse(this);
-                case'||':
+                case '||':
-                    return(v1 || v2) ? options.fn(this) : options.inverse(this);
+                    return (v1 || v2) ? options.fn(this) : options.inverse(this);
                 default:
                     return options.inverse(this);
             }
@@ -272,22 +272,22 @@ handlebars = handlebars.create({
         },
         paymentMessage: (status) => {
             if(status === 'Paid'){
-                return'<h2 class="text-success">Your payment has been successfully processed</h2>';
+                return '<h2 class="text-success">Your payment has been successfully processed</h2>';
             }
             if(status === 'Pending'){
                 const paymentConfig = common.getPaymentConfig();
                 if(config.paymentGateway === 'instore'){
-                    return`<h2 class="text-warning">${paymentConfig.resultMessage}</h2>`;
+                    return `<h2 class="text-warning">${paymentConfig.resultMessage}</h2>`;
                 }
-                return'<h2 class="text-warning">The payment for this order is pending. We will be in contact shortly.</h2>';
+                return '<h2 class="text-warning">The payment for this order is pending. We will be in contact shortly.</h2>';
             }
-            return'<h2 class="text-success">Your payment has failed. Please try again or contact us.</h2>';
+            return '<h2 class="text-success">Your payment has failed. Please try again or contact us.</h2>';
         },
         paymentOutcome: (status) => {
             if(status === 'Paid' || status === 'Pending'){
-                return'<h5 class="text-warning">Please retain the details above as a reference of payment</h5>';
+                return '<h5 class="text-warning">Please retain the details above as a reference of payment</h5>';
             }
-            return'';
+            return '';
         },
         upperFirst: (value) => {
             if(value){
@@ -301,7 +301,7 @@ handlebars = handlebars.create({
             lvalue = parseFloat(lvalue);
             rvalue = parseFloat(rvalue);
 
-            return{
+            return {
                 '+': lvalue + rvalue,
                 '-': lvalue - rvalue,
                 '*': lvalue * rvalue,
@@ -311,9 +311,9 @@ handlebars = handlebars.create({
         },
         showCartButtons: (cart) => {
             if(!cart){
-                return'd-none';
+                return 'd-none';
             }
-            return'';
+            return '';
         },
         snip: (text) => {
             if(text && text.length > 155){
@@ -321,6 +321,11 @@ handlebars = handlebars.create({
             }
             return text;
         },
+        fixTags: (html) => {
+            html = html.replace(/&gt;/g, '>');
+            html = html.replace(/&lt;/g, '<');
+            return html;
+        },
         feather: (icon) => {
             // eslint-disable-next-line keyword-spacing
             return `<svg

style.css

@@ -1,508 +0,0 @@
-html {
-  position: relative;
-  min-height: 100%;
-}
-body {
-  margin-bottom: 140px;
-}
-html,
-body {
-  font-size: 16px;
-}
-.content-body {
-  margin-bottom: 40px;
-}
-.menu-top {
-  margin-top: 15px;
-  margin-left: 15px;
-  margin-right: 15px;
-}
-.menu-side,
-.product-layout {
-  padding-top: 35px;
-}
-.menu-side-mobile {
-  background-color: transparent !important;
-  color: inherit !important;
-  text-align: center;
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.dragable_item {
-  cursor: move;
-}
-.page-header {
-  padding-bottom: 5px;
-}
-.cart-contents-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-.cart-row {
-  padding-bottom: 10px;
-  display: flex;
-  align-items: center;
-}
-.cart-item-row {
-  margin-top: 5px;
-}
-.cart-link {
-  padding-left: 7px;
-}
-a.text-danger:hover,
-a.text-danger:focus {
-  color: #cc3a2c;
-}
-.cart-update-button {
-  cursor: pointer;
-}
-.thumbnail-image {
-  cursor: pointer;
-}
-#product-images {
-  margin-bottom: 30px;
-}
-.product-layout {
-  padding-top: 30px;
-}
-.product-title-image {
-  margin: auto;
-  max-height: 400px;
-  width: auto;
-}
-.thumbnail-image-container .img-fluid {
-  display: block;
-  width: auto;
-  max-height: 100%;
-  margin: auto;
-}
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.navbar-brand > img {
-  width: auto;
-  height: 100%;
-}
-.thumbnail {
-  min-height: 415px;
-}
-.vertical-center {
-  display: flex;
-  align-items: center;
-}
-.title-image-container .img-fluid {
-  display: block;
-  width: auto;
-  max-height: 100%;
-  margin: auto;
-}
-.title-image-container {
-  height: 400px;
-}
-.thumbnail-image-container {
-  height: 350px;
-}
-.product-title {
-  font-size: 24px;
-  margin-top: 0px;
-}
-.product-title-home {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-}
-.product-price {
-  padding-bottom: 10px;
-  font-size: 20px;
-  color: #AAAAAA;
-}
-.productOptions {
-  padding-bottom: 15px;
-}
-.product-option {
-  font-size: 18px;
-}
-.btnAddToCart,
-.body_text {
-  padding-top: 15px;
-  padding-bottom: 15px;
-}
-.product-option-text {
-  font-size: 16px;
-  color: #AAAAAA;
-  padding-bottom: 10px;
-  padding-top: 10px;
-}
-.seporator {
-  padding-top: 5px;
-  border-bottom: 1px solid #EEEEEE;
-  padding-bottom: 6px;
-}
-.list-group-input-pad select {
-  margin-top: -7px;
-}
-.no-pad-left {
-  padding-left: 0px;
-}
-.no-pad-right {
-  padding-right: 0px;
-}
-.top-marg-10 {
-  margin-top: 10px;
-}
-.top-marg-15 {
-  margin-top: 15px;
-}
-.top-marg-20 {
-  margin-top: 20px;
-}
-.top-pad-10 {
-  padding-top: 10px;
-}
-.top-pad-20 {
-  padding-top: 20px;
-}
-.top-pad-50 {
-  padding-top: 50px;
-}
-.top-pad-100 {
-  padding-top: 100px;
-}
-.bottom-pad-10 {
-  padding-bottom: 10px;
-}
-.bottom-pad-15 {
-  padding-bottom: 15px;
-}
-.bottom-pad-20 {
-  padding-bottom: 20px;
-}
-.bottom-marg-10 {
-  margin-bottom: 10px;
-}
-.bottom-marg-15 {
-  margin-bottom: 15px;
-}
-.bottom-marg-20 {
-  margin-bottom: 20px;
-}
-.left-pad-30 {
-  padding-left: 30px;
-}
-.shipping-form input {
-  margin-bottom: 15px;
-}
-#header {
-  height: 50px;
-}
-.search-bar {
-  margin-top: 10px;
-}
-.searchMenuLocation-side {
-  padding-left: 25px;
-  padding-right: 25px;
-}
-.searchMenuLocation-top {
-  padding-left: 5px;
-  padding-right: 5px;
-}
-.breadcrumb {
-  background-color: #f8f9fa;
-  margin-top: 10px;
-}
-.breadcrumbProPerRow-3 {
-  margin-left: 10px;
-  margin-right: 10px;
-}
-.searchProPerRow-3,
-.searchProPerRow-4 {
-  padding-left: 0;
-  padding-right: 0;
-}
-.dropup-button {
-  height: 34px;
-  padding: 0px;
-  color: white !important;
-}
-.dropdown-menu > li > a {
-  padding-top: 5px !important;
-}
-.pad-bottom {
-  padding-bottom: 25px;
-}
-.keywords {
-  padding-bottom: 30px;
-  padding-top: 20px;
-  font-size: 19px;
-}
-.file-form {
-  padding-left: 15px;
-  padding-right: 15px;
-}
-.editor_btn_action {
-  border-top-left-radius: 4px !important;
-  border-bottom-left-radius: 4px !important;
-}
-.dropup-list {
-  padding-bottom: 5px;
-  margin-right: 10px;
-  margin-left: 10px;
-  margin-top: 10px;
-}
-#notify_message {
-  position: fixed;
-  display: none;
-  z-index: 9999;
-  padding-top: 10px;
-  height: 50px;
-  bottom: 0px;
-  width: 100%;
-  text-align: center;
-  font-size: 22px;
-}
-.input-group .form-control {
-  z-index: 1;
-}
-.btn-file {
-  position: relative;
-  overflow: hidden;
-}
-.btn-file input[type=file] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  filter: alpha(opacity=0);
-  opacity: 0;
-  outline: none;
-  background: white;
-  cursor: inherit;
-  display: block;
-}
-.offcanvas-element {
-  z-index: 100;
-  background-color: #ffffff;
-}
-.product-item {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-input:focus {
-  outline: none;
-  background: #fbfbe9;
-}
-input + label {
-  display: block;
-  cursor: text;
-  transition: 0.15s ease-out all;
-  position: absolute;
-  top: 0.9em;
-  left: 1.3em;
-}
-.floatLabel {
-  top: 0.1em;
-  left: 32px;
-  font-size: 0.7em;
-  color: #999999;
-  font-weight: normal;
-  transition: 0.15s ease-out all;
-}
-input.form-control.customerDetails {
-  padding-bottom: 5px;
-}
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 100px;
-  padding-top: 25px;
-  background-color: #f5f5f5;
-}
-.admin {
-  margin-bottom: 0;
-}
-.image-next {
-  position: absolute;
-  top: 180px;
-  right: 0px;
-}
-.image-prev {
-  position: absolute;
-  top: 180px;
-  left: 0px;
-}
-.image-button {
-  cursor: pointer;
-  opacity: 0.7;
-}
-.image-button-show {
-  cursor: pointer;
-  opacity: 0.7 !important;
-}
-.navbar-default {
-  background-color: #ffffff;
-}
-.navbar-default .navbar-nav > li > a {
-  color: #000000;
-}
-.navbar-default .navbar-nav > li > a:hover,
-.navbar-default .navbar-nav > li > a:focus {
-  color: #000000;
-}
-.btn-outline-danger,
-.btn-warning,
-.btn-outline-primary {
-  color: #ffffff;
-  background-color: #000000;
-  border-color: #000000;
-}
-.btn-warning:hover,
-.btn-outline-danger:hover {
-  color: #ffffff;
-  background-color: #000000;
-  border-color: #000000;
-  opacity: 0.65;
-}
-a:hover,
-a:focus {
-  color: #000000;
-}
-a {
-  color: #000000;
-}
-.list-group-item.active,
-.list-group-item.active:hover,
-.list-group-item.active:focus {
-  background-color: #000000;
-  border-color: #000000;
-}
-.navbar-default .navbar-brand {
-  color: #000000;
-  font-size: 40px;
-  font-weight: 700;
-}
-.navbar-default .navbar-brand:hover,
-.navbar-default .navbar-brand:focus {
-  color: #000000;
-}
-.navbar-brand-image {
-  padding: 0px;
-  height: 70px;
-}
-.navbar-default .badge {
-  background-color: #000000;
-  color: #fff;
-}
-.navbar-default .navbar-toggle {
-  background-color: #000000;
-  border-color: #000000;
-}
-.page-item.disabled .page-link {
-  color: #b7b7b7;
-}
-.page-link {
-  color: white;
-  border: 0;
-}
-.navbar-default .navbar-toggle:hover,
-.navbar-default .navbar-toggle:focus {
-  background-color: #000000;
-}
-.thumbnail {
-  border: none;
-}
-.help-block {
-  color: #95a5a6;
-}
-@media only screen and (min-width: 768px) {
-  .pushy {
-    width: 700px;
-  }
-  .pushy-right {
-    -webkit-transform: translate3d(700px, 0, 0);
-    -ms-transform: translate3d(700px, 0, 0);
-    transform: translate3d(700px, 0, 0);
-  }
-  .pushy-open-right #container,
-  .pushy-open-right .push {
-    -webkit-transform: translate3d(-700px, 0, 0);
-    -ms-transform: translate3d(-700px, 0, 0);
-    transform: translate3d(-700px, 0, 0);
-  }
-}
-@media only screen and (max-width: 768px) {
-  .pushy {
-    width: calc(100%);
-  }
-  .pushy-right {
-    -webkit-transform: translate3d(calc(100%), 0, 0);
-    -ms-transform: translate3d(calc(100%), 0, 0);
-    transform: translate3d(calc(100%), 0, 0);
-  }
-  .pushy-open-right #container,
-  .pushy-open-right .push {
-    -webkit-transform: translate3d(-calc(100%), 0, 0);
-    -ms-transform: translate3d(-calc(100%), 0, 0);
-    transform: translate3d(-calc(100%), 0, 0);
-  }
-  .product-item {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-  .showFooter {
-    margin-bottom: 220px;
-  }
-  .title-image-container {
-    height: auto;
-  }
-  .product-title {
-    font-size: 18px;
-    padding-top: 18px;
-    min-height: auto;
-  }
-  .search-bar-input {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .menu-side {
-    padding-top: 15px;
-  }
-  .product-layout {
-    padding-top: 0px;
-    padding-bottom: 30px;
-  }
-  #btn_search {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
-  .cart-row {
-    padding-top: 10px;
-    border-bottom: 1px solid #ecf0f1;
-    display: block;
-  }
-  .cart-body {
-    padding-top: 0px;
-  }
-  .cart-contents-shipping {
-    padding-top: 10px;
-  }
-  #cart {
-    padding-bottom: 15px;
-  }
-  .footer {
-    height: 100px;
-  }
-  body {
-    margin-bottom: 100px;
-  }
-}