From a5dcc7624b8b7bf7b13cc6f77786042e656b2278 Mon Sep 17 00:00:00 2001 From: Mark Moffat Date: Thu, 26 Dec 2019 21:02:28 +1030 Subject: [PATCH] Started to add in Less CSS support --- gulpfile.js | 17 +- public/javascripts/admin.min.js | 2 +- public/javascripts/expressCart.min.js | 2 +- public/stylesheets/admin.css | 257 ++++---- public/stylesheets/admin.min.css | 2 +- public/stylesheets/less/admin.less | 164 +++++ public/stylesheets/less/style.less | 642 ++++++++++++++++++ public/stylesheets/style.css | 909 ++++++++++++-------------- public/stylesheets/style.min.css | 2 +- style.css | 513 +++++++++++++++ views/customers.hbs | 18 +- views/layouts/layout.hbs | 4 +- views/order.hbs | 2 +- views/orders.hbs | 40 +- views/product_edit.hbs | 2 +- views/product_new.hbs | 270 ++++---- views/products.hbs | 2 +- views/settings_menu.hbs | 4 +- views/settings_pages.hbs | 2 +- views/themes/Cloth/cart.hbs | 2 +- views/themes/Cloth/style.css | 6 +- views/themes/Cloth/style.min.css | 2 +- 22 files changed, 2042 insertions(+), 822 deletions(-) create mode 100644 public/stylesheets/less/admin.less create mode 100644 public/stylesheets/less/style.less create mode 100644 style.css diff --git a/gulpfile.js b/gulpfile.js index 85972c7..a4fa7cc 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,13 +1,22 @@ const { src, dest, series } = require('gulp'); const gulp = require('gulp'); +const less = require('gulp-less'); const cleanCSS = require('gulp-clean-css'); const minify = require('gulp-minify'); const rename = require('gulp-rename'); -function less(){ +function lessCss(){ return gulp.src('public/stylesheets/less/**/*.less') - .pipe(less()) - .pipe(gulp.dest('./')); + .pipe(less({ + paths: [ + 'public/stylesheets/less' + ] + })) + .pipe(rename({ + dirname: 'public/stylesheets', + extname: '.css' + })) + .pipe(gulp.dest('./')); }; function compressJS(){ @@ -64,4 +73,4 @@ function compressThemeJS(){ }; // run the tasks -gulp.task('default', series(less, compressJS, compressCss, compressThemeCss, compressThemeJS)); +gulp.task('default', series(lessCss, compressJS, compressCss, compressThemeCss, compressThemeJS)); diff --git a/public/javascripts/admin.min.js b/public/javascripts/admin.min.js index 8259851..661bc6d 100644 --- a/public/javascripts/admin.min.js +++ b/public/javascripts/admin.min.js @@ -1 +1 @@ -$(document).ready(function(){if($(document).on("click","#btnGenerateAPIkey",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/createApiKey"}).done(function(e){$("#apiKey").val(e.apiKey),showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".product_opt_remove",function(e){e.preventDefault();var t=$(this).closest("li").find(".opt-name").html();$.ajax({method:"POST",url:"/admin/product/removeoption",data:{productId:$("#productId").val(),optName:t}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#product_opt_add",function(e){e.preventDefault();var t=$("#product_optName").val(),o=$("#product_optLabel").val(),a=$("#product_optType").val(),i=$("#product_optOptions").val(),n={};""!==$("#productOptions").val()&&'"{}"'!==$("#productOptions").val()&&(n=JSON.parse($("#productOptions").val()));var s='
  • ';s+='
    ',s+='
    '+t+"
    ",s+='
    '+o+"
    ",s+='
    '+a+"
    ",s+='
    '+i+"
    ",s+='
    ',s+='',s+="
    • ",$("#product_opt_wrapper").append(s),n[t]={optName:t,optLabel:o,optType:a,optOptions:$.grep(i.split(","),function(e){return 0===e||e})},$("#productOptions").val(JSON.stringify(n)),$("#product_optName").val(""),$("#product_optLabel").val(""),$("#product_optOptions").val("")}),$("#settingsForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$("#footerHtml_input").val($(".CodeMirror")[0].CodeMirror.getValue()),$("#googleAnalytics_input").val($(".CodeMirror")[1].CodeMirror.getValue()),$("#customCss_input").val($(".CodeMirror")[2].CodeMirror.getValue()),$.ajax({method:"POST",url:"/admin/settings/update",data:$("#settingsForm").serialize()}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(document).on("click","#orderStatusUpdate",function(e){$.ajax({method:"POST",url:"/admin/order/statusupdate",data:{order_id:$("#order_id").val(),status:$("#orderStatus").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/insert",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/user/edit/"+e.userId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".userDelete").on("click",function(){confirm("Are you sure you want to delete?")&&$.ajax({method:"POST",url:"/admin/user/delete",data:{userId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/update",data:{userId:$("#userId").val(),usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val(),userAdmin:$("#userPassword").is(":checked")}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/insert",data:{productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/product/edit/"+e.productId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/update",data:{productId:$("#productId").val(),productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".set-as-main-image").on("click",function(){$.ajax({method:"POST",url:"/admin/product/setasmainimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-image").on("click",function(){$.ajax({method:"POST",url:"/admin/product/deleteimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-product").on("click",function(){$.ajax({method:"POST",url:"/admin/product/delete",data:{productId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#validate_permalink",function(e){""!==$("#productPermalink").val()?$.ajax({method:"POST",url:"/admin/api/validate_permalink",data:{permalink:$("#productPermalink").val(),docId:$("#productId").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}):showNotification("Please enter a permalink to validate","danger")}),$(document).on("click","#btn_product_filter",function(e){""!==$("#product_filter").val()?window.location.href="/admin/products/filter/"+$("#product_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_order_filter",function(e){""!==$("#order_filter").val()?window.location.href="/admin/orders/filter/"+$("#order_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_customer_filter",function(e){""!==$("#customer_filter").val()?window.location.href="/admin/customers/filter/"+$("#customer_filter").val():showNotification("Please enter a keyword to filter","danger")}),$("#sendTestEmail").on("click",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/testEmail"}).done(function(e){showNotification(e,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".orderFilterByStatus",function(e){e.preventDefault(),window.location="/admin/orders/bystatus/"+$("#orderStatusFilter").val()}),$('input[class="published_state"]').change(function(){$.ajax({method:"POST",url:"/admin/product/published_state",data:{id:this.id,state:this.checked}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#updateCustomer").validator().on("click",function(e){e.preventDefault(),0===$("#customer-form").validator("validate").has(".has-error").length&&$.ajax({method:"POST",url:"/admin/customer/update",data:{customerId:$("#customerId").val(),email:$("#email").val(),firstName:$("#firstName").val(),lastName:$("#lastName").val(),address1:$("#address1").val(),address2:$("#address2").val(),country:$("#country").val(),state:$("#state").val(),postcode:$("#postcode").val(),phone:$("#phone").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#deleteCustomer").on("click",function(e){e.preventDefault(),$.ajax({method:"DELETE",url:"/admin/customer",data:{customerId:$("#customerId").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/customers")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#footerHtml").length){var e=window.CodeMirror.fromTextArea(document.getElementById("footerHtml"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1});e.setValue(e.getValue())}if($("#googleAnalytics").length&&window.CodeMirror.fromTextArea(document.getElementById("googleAnalytics"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1}),$("#customCss").length){var t=window.CodeMirror.fromTextArea(document.getElementById("customCss"),{mode:"text/css",tabMode:"indent",theme:"flatly",lineNumbers:!0}),o=window.cssbeautify(t.getValue(),{indent:" ",autosemicolon:!0});t.setValue(o)}$(document).on("click","#btnPageUpdate",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/page",data:{pageId:$("#pageId").val(),pageName:$("#pageName").val(),pageSlug:$("#pageSlug").val(),pageEnabled:$("#pageEnabled").is(":checked"),pageContent:$("#pageContent").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#btnPageDelete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/page/delete",data:{pageId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-new",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/menu/new",data:{navMenu:$("#newNavMenu").val(),navLink:$("#newNavLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-update",function(e){e.preventDefault();var t=$(this).attr("data-id"),o=$("#menuId-"+t);$.ajax({method:"POST",url:"/admin/settings/menu/update",data:{navId:o.find(".navId").val(),navMenu:o.find(".navMenu").val(),navLink:o.find(".navLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click",".settings-menu-delete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/menu/delete",data:{menuId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#uploadButton",function(e){e.preventDefault();var t=new FormData($("#uploadForm")[0]);t.append("productId",$("#productId").val()),$.ajax({method:"POST",url:"/admin/file/upload",processData:!1,contentType:!1,cache:!1,data:t}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})})}); \ No newline at end of file +$(document).ready(function(){if($(document).on("click","#btnGenerateAPIkey",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/createApiKey"}).done(function(e){$("#apiKey").val(e.apiKey),showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".product_opt_remove",function(e){e.preventDefault();var t=$(this).closest("li").find(".opt-name").html();$.ajax({method:"POST",url:"/admin/product/removeoption",data:{productId:$("#productId").val(),optName:t}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#product_opt_add",function(e){e.preventDefault();var t=$("#product_optName").val(),o=$("#product_optLabel").val(),a=$("#product_optType").val(),i=$("#product_optOptions").val(),n={};""!==$("#productOptions").val()&&'"{}"'!==$("#productOptions").val()&&(n=JSON.parse($("#productOptions").val()));var s='
  • ';s+='
    ',s+='
    '+t+"
    ",s+='
    '+o+"
    ",s+='
    '+a+"
    ",s+='
    '+i+"
    ",s+='
    ',s+='',s+="
    • ",$("#product_opt_wrapper").append(s),n[t]={optName:t,optLabel:o,optType:a,optOptions:$.grep(i.split(","),function(e){return 0===e||e})},$("#productOptions").val(JSON.stringify(n)),$("#product_optName").val(""),$("#product_optLabel").val(""),$("#product_optOptions").val("")}),$("#settingsForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$("#footerHtml_input").val($(".CodeMirror")[0].CodeMirror.getValue()),$("#googleAnalytics_input").val($(".CodeMirror")[1].CodeMirror.getValue()),$("#customCss_input").val($(".CodeMirror")[2].CodeMirror.getValue()),$.ajax({method:"POST",url:"/admin/settings/update",data:$("#settingsForm").serialize()}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(document).on("click","#orderStatusUpdate",function(e){$.ajax({method:"POST",url:"/admin/order/statusupdate",data:{order_id:$("#order_id").val(),status:$("#orderStatus").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/insert",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/user/edit/"+e.userId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".userDelete").on("click",function(){confirm("Are you sure you want to delete?")&&$.ajax({method:"POST",url:"/admin/user/delete",data:{userId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#userEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),$.ajax({method:"POST",url:"/admin/user/update",data:{userId:$("#userId").val(),usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val(),userAdmin:$("#userPassword").is(":checked")}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productNewForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/insert",data:{productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/product/edit/"+e.productId)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$("#productEditForm").validator().on("submit",function(e){e.isDefaultPrevented()||(e.preventDefault(),""===$("#productPermalink").val()&&""!==$("#productTitle").val()&&$("#productPermalink").val(slugify($("#productTitle").val())),$.ajax({method:"POST",url:"/admin/product/update",data:{productId:$("#productId").val(),productTitle:$("#productTitle").val(),productPrice:$("#productPrice").val(),productPublished:$("#productPublished").val(),productStock:$("#productStock").val(),productDescription:$("#productDescription").val(),productPermalink:$("#productPermalink").val(),productOptions:$("#productOptions").val(),productSubscription:$("#productSubscription").val(),productComment:$("#productComment").is(":checked"),productTags:$("#productTags").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")}))}),$(".set-as-main-image").on("click",function(){$.ajax({method:"POST",url:"/admin/product/setasmainimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-image").on("click",function(){confirm("Are you sure you want to delete this image?")&&$.ajax({method:"POST",url:"/admin/product/deleteimage",data:{product_id:$("#productId").val(),productImage:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(".btn-delete-product").on("click",function(){confirm("Are you sure you want to delete this product?")&&$.ajax({method:"POST",url:"/admin/product/delete",data:{productId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#validate_permalink",function(e){""!==$("#productPermalink").val()?$.ajax({method:"POST",url:"/admin/api/validate_permalink",data:{permalink:$("#productPermalink").val(),docId:$("#productId").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")}):showNotification("Please enter a permalink to validate","danger")}),$(document).on("click","#btn_product_filter",function(e){""!==$("#product_filter").val()?window.location.href="/admin/products/filter/"+$("#product_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_order_filter",function(e){""!==$("#order_filter").val()?window.location.href="/admin/orders/filter/"+$("#order_filter").val():showNotification("Please enter a keyword to filter","danger")}),$(document).on("click","#btn_customer_filter",function(e){""!==$("#customer_filter").val()?window.location.href="/admin/customers/filter/"+$("#customer_filter").val():showNotification("Please enter a keyword to filter","danger")}),$("#sendTestEmail").on("click",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/testEmail"}).done(function(e){showNotification(e,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click",".orderFilterByStatus",function(e){e.preventDefault(),window.location="/admin/orders/bystatus/"+$("#orderStatusFilter").val()}),$('input[class="published_state"]').change(function(){$.ajax({method:"POST",url:"/admin/product/published_state",data:{id:this.id,state:this.checked}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#updateCustomer").validator().on("click",function(e){e.preventDefault(),0===$("#customer-form").validator("validate").has(".has-error").length&&$.ajax({method:"POST",url:"/admin/customer/update",data:{customerId:$("#customerId").val(),email:$("#email").val(),firstName:$("#firstName").val(),lastName:$("#lastName").val(),address1:$("#address1").val(),address2:$("#address2").val(),country:$("#country").val(),state:$("#state").val(),postcode:$("#postcode").val(),phone:$("#phone").val()}}).done(function(e){showNotification(e.message,"success")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#deleteCustomer").on("click",function(e){e.preventDefault(),$.ajax({method:"DELETE",url:"/admin/customer",data:{customerId:$("#customerId").val()}}).done(function(e){showNotification(e.message,"success",!1,"/admin/customers")}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$("#footerHtml").length){var e=window.CodeMirror.fromTextArea(document.getElementById("footerHtml"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1});e.setValue(e.getValue())}if($("#googleAnalytics").length&&window.CodeMirror.fromTextArea(document.getElementById("googleAnalytics"),{mode:"xml",tabMode:"indent",theme:"flatly",lineNumbers:!0,htmlMode:!0,fixedGutter:!1}),$("#customCss").length){var t=window.CodeMirror.fromTextArea(document.getElementById("customCss"),{mode:"text/css",tabMode:"indent",theme:"flatly",lineNumbers:!0}),o=window.cssbeautify(t.getValue(),{indent:" ",autosemicolon:!0});t.setValue(o)}$(document).on("click","#btnPageUpdate",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/page",data:{pageId:$("#pageId").val(),pageName:$("#pageName").val(),pageSlug:$("#pageSlug").val(),pageEnabled:$("#pageEnabled").is(":checked"),pageContent:$("#pageContent").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})}),$(document).on("click","#btnPageDelete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/page/delete",data:{pageId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-new",function(e){e.preventDefault(),$.ajax({method:"POST",url:"/admin/settings/menu/new",data:{navMenu:$("#newNavMenu").val(),navLink:$("#newNavLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click","#settings-menu-update",function(e){e.preventDefault();var t=$(this).attr("data-id"),o=$("#menuId-"+t);$.ajax({method:"POST",url:"/admin/settings/menu/update",data:{navId:o.find(".navId").val(),navMenu:o.find(".navMenu").val(),navLink:o.find(".navLink").val()}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$(document).on("click",".settings-menu-delete",function(e){e.preventDefault(),confirm("Are you sure?")&&$.ajax({method:"POST",url:"/admin/settings/menu/delete",data:{menuId:$(this).attr("data-id")}}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.message,"danger",!0)})}),$("#draggable_list").length&&$("#draggable_list").sortable({update:function(){var e=[];$(".navId").each(function(t){e.push($($(".navId")[t]).val())}),$.ajax({data:{order:e},type:"POST",url:"/admin/settings/menu/save_order"}).done(function(){showNotification("Menu order saved","success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger",!0)})}}),$(document).on("click","#uploadButton",function(e){e.preventDefault();var t=new FormData($("#uploadForm")[0]);t.append("productId",$("#productId").val()),$.ajax({method:"POST",url:"/admin/file/upload",processData:!1,contentType:!1,cache:!1,data:t}).done(function(e){showNotification(e.message,"success",!0)}).fail(function(e){showNotification(e.responseJSON.message,"danger")})})}); \ No newline at end of file diff --git a/public/javascripts/expressCart.min.js b/public/javascripts/expressCart.min.js index 655ed51..e90930b 100644 --- a/public/javascripts/expressCart.min.js +++ b/public/javascripts/expressCart.min.js @@ -1 +1 @@ -function deleteFromCart(t){$.ajax({method:"POST",url:"/product/removefromcart",data:{cartId:t.attr("data-id")}}).done(function(a){$("#cart-count").text(a.totalCartItems),0===a.totalCartItems?($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),$(".cart-contents-shipping").hide("slow",function(){$(".cart-contents-shipping").remove()}),showNotification(a.message,"success"),setTimeout(function(){window.location="/"},3700)):($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),showNotification(a.message,"success"))}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function cartUpdate(t){$(t).val()>0?""!==$(t).val()&&updateCart():$(t).val(1)}function updateCart(){var t=[];$(".cart-product-quantity").each(function(){t.push({productId:$(this).attr("data-id"),quantity:$(this).val()})}),$.ajax({method:"POST",url:"/product/updatecart",data:{items:JSON.stringify(t)}}).done(function(t){updateCartDiv(),$("#cart-count").text(t.totalCartItems)}).fail(function(t){showNotification(t.responseJSON.message,"danger",!0)})}function updateCartDiv(){var t=window.location.pathname.split("/").length>0?window.location.pathname.split("/")[1]:"";$.ajax({method:"GET",url:"/cartPartial",data:{path:t}}).done(function(t){$("#cart").html(t)}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function getSelectedOptions(){var t={};return $(".product-opt").each(function(){if("opt-"!==$(this).attr("name")){var a=$(this).val().trim();"radio"===$(this).attr("type")&&(a=$('input[name="'+$(this).attr("name")+'"]:checked').val()),t[$(this).attr("name").substring(4,$(this).attr("name").length)]=a}else t[$(this).val().trim()]=$(this).prop("checked")}),t}$(document).ready(function(){if($(window).width()<768&&($(".menu-side").on("click",function(t){t.preventDefault(),$('.menu-side li:not(".active")').slideToggle()}),$('.menu-side li:not(".active")').hide(),$(".menu-side>.active").html(''),$(".menu-side>.active").addClass("menu-side-mobile"),0===$("#navbar ul li").length&&$("#navbar").hide(),$("#offcanvasClose").hide()),$("#userSetupForm").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/setup_action",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(t){showNotification(t.message,"success",!1,"/admin/login")}).fail(function(t){showNotification(t.responseJSON.message,"danger")}))}),$(".shipping-form input").each(function(t){$(this).wrap("
    ");var a=$(this).attr("placeholder");$(this).after('")}),$(".shipping-form input").on("focus",function(){$(this).next().addClass("floatLabel"),$(this).next().removeClass("hidden")}),$(".shipping-form input").on("blur",function(){""===$(this).val()&&($(this).next().addClass("hidden"),$(this).next().removeClass("floatLabel"))}),$(document).on("click",".menu-btn",function(t){t.preventDefault(),$("body").addClass("pushy-open-right")}),$("table").each(function(){$(this).addClass("table table-hover")}),$("#productTags").tokenfield(),$(document).on("click",".dashboard_list",function(t){window.document.location=$(this).attr("href")}).hover(function(){$(this).toggleClass("hover")}),$(".product-title").length&&$(".product-title").dotdotdot({ellipsis:"..."}),$(document).on("click",".btn-qty-minus",function(t){var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())-1),cartUpdate(a)}),$(document).on("click",".btn-qty-add",function(t){var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())+1),cartUpdate(a)}),$(document).on("change",".cart-product-quantity",function(t){cartUpdate(t.target)}),$(document).on("click",".btn-delete-from-cart",function(t){deleteFromCart($(t.target))}),$("#pager").length){var t=$("#pageNum").val(),a=$("#productsPerPage").val(),e=$("#totalProductCount").val(),o=$("#paginateUrl").val(),n=$("#searchTerm").val();""!==n&&(n+="/");var i="/"+o+"/"+n+"{{number}}",s=Math.ceil(e/a);parseInt(e)>parseInt(a)&&$("#pager").bootpag({total:s,page:t,maxVisible:5,href:i,wrapClass:"pagination",prevClass:"waves-effect",nextClass:"waves-effect",activeClass:"pag-active waves-effect"})}if($("#customerLogout").on("click",function(t){$.ajax({method:"POST",url:"/customer/logout",data:{}}).done(function(t){location.reload()})}),$("#customerForgotten").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/forgotten_action",data:{email:$("#email").val()}}).done(function(t){showNotification(t.message,"success")}).fail(function(t){t.message?showNotification(t.responseJSON.message,"danger"):showNotification(t.responseText,"danger")}))}),$(document).on("click","#createAccountCheckbox",function(t){$("#newCustomerPassword").prop("required",$("#createAccountCheckbox").prop("checked"))}),$("#checkoutInformation").validator().on("click",function(t){if(t.preventDefault(),0===$("#shipping-form").validator("validate").has(".has-error").length){var a="/customer/save";$("#createAccountCheckbox").prop("checked")&&(a="/customer/create"),$.ajax({method:"POST",url:a,data:{email:$("#shipEmail").val(),firstName:$("#shipFirstname").val(),lastName:$("#shipLastname").val(),address1:$("#shipAddr1").val(),address2:$("#shipAddr2").val(),country:$("#shipCountry").val(),state:$("#shipState").val(),postcode:$("#shipPostcode").val(),phone:$("#shipPhoneNumber").val(),password:$("#newCustomerPassword").val(),orderComment:$("#orderComment").val()}}).done(function(){window.location="/checkout/shipping"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}}),$("#loginForm").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/login_action",data:{email:$("#email").val(),password:$("#password").val()}}).done(function(t){window.location="/admin"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$("#customerLogin").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/login_action",data:{loginEmail:$("#customerLoginEmail").val(),loginPassword:$("#customerLoginPassword").val()}}).done(function(t){var a=t.customer;$("#shipEmail").val(a.email),$("#shipFirstname").val(a.firstName),$("#shipLastname").val(a.lastName),$("#shipAddr1").val(a.address1),$("#shipAddr2").val(a.address2),$("#shipCountry").val(a.country),$("#shipState").val(a.state),$("#shipPostcode").val(a.postcode),$("#shipPhoneNumber").val(a.phone),location.reload()}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$(document).on("click",".image-next",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e+1===a.length||e+1<0?0:e+1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".image-prev",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e-1===a.length||e-1<0?a.length-1:e-1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".product-add-to-cart",function(t){var a=getSelectedOptions();parseInt($("#product_quantity").val())<0&&$("#product_quantity").val(0),$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$("#productId").val(),productQuantity:$("#product_quantity").val(),productOptions:JSON.stringify(a),productComment:$("#product_comment").val()}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(".cart-product-quantity").on("input",function(){cartUpdate()}),$(document).on("click",".pushy-link",function(t){$("body").removeClass("pushy-open-right")}),$(document).on("click",".add-to-cart",function(t){var a="/product/"+$(this).attr("data-id");$(this).attr("data-link")&&(a="/product/"+$(this).attr("data-link")),"true"===$(this).attr("data-has-options")?window.location=a:$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$(this).attr("data-id")}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(document).on("click","#empty-cart",function(t){$.ajax({method:"POST",url:"/product/emptycart"}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success",!0)})}),$(".qty-btn-minus").on("click",function(){var t=parseInt($("#product_quantity").val())-1;$("#product_quantity").val(t>0?t:1)}),$(".qty-btn-plus").on("click",function(){$("#product_quantity").val(parseInt($("#product_quantity").val())+1)}),$(".thumbnail-image").on("click",function(){$("#product-title-image").attr("src",$(this).attr("src"))}),$(document).on("click","#btn_search_reset",function(t){window.location.replace("/")}),$(document).on("click","#btn_search",function(t){t.preventDefault(),""===$("#frm_search").val().trim()?showNotification("Please enter a search value","danger"):window.location.href="/search/"+$("#frm_search").val()}),""!==$("#input_notify_message").val()){var r=$("#input_notify_message").val(),c=$("#input_notify_messageType").val();$("#input_notify_message").val(""),$("#input_notify_messageType").val(""),showNotification(r,c,!1)}}); \ No newline at end of file +function deleteFromCart(t){$.ajax({method:"POST",url:"/product/removefromcart",data:{cartId:t.attr("data-id")}}).done(function(a){$("#cart-count").text(a.totalCartItems),0===a.totalCartItems?($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),$(".cart-contents-shipping").hide("slow",function(){$(".cart-contents-shipping").remove()}),showNotification(a.message,"success"),setTimeout(function(){window.location="/"},3700)):($(t).closest(".cart-row").hide("slow",function(){$(t).closest(".cart-row").remove()}),showNotification(a.message,"success"))}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function cartUpdate(t){console.log("element",t.val()),$(t).val()>0?""!==$(t).val()&&updateCart():$(t).val(1)}function updateCart(){var t=[];$(".cart-product-quantity").each(function(){t.push({productId:$(this).attr("data-id"),quantity:$(this).val()})}),console.log("cartItems",t),$.ajax({method:"POST",url:"/product/updatecart",data:{items:JSON.stringify(t)}}).done(function(t){updateCartDiv(),$("#cart-count").text(t.totalCartItems)}).fail(function(t){showNotification(t.responseJSON.message,"danger",!0)})}function updateCartDiv(){var t=window.location.pathname.split("/").length>0?window.location.pathname.split("/")[1]:"";$.ajax({method:"GET",url:"/cartPartial",data:{path:t}}).done(function(t){$("#cart").html(t)}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}function getSelectedOptions(){var t={};return $(".product-opt").each(function(){if("opt-"!==$(this).attr("name")){var a=$(this).val().trim();"radio"===$(this).attr("type")&&(a=$('input[name="'+$(this).attr("name")+'"]:checked').val()),t[$(this).attr("name").substring(4,$(this).attr("name").length)]=a}else t[$(this).val().trim()]=$(this).prop("checked")}),t}$(document).ready(function(){if($(window).width()<768&&($(".menu-side").on("click",function(t){t.preventDefault(),$('.menu-side li:not(".active")').slideToggle()}),$('.menu-side li:not(".active")').hide(),$(".menu-side>.active").html(''),$(".menu-side>.active").addClass("menu-side-mobile"),0===$("#navbar ul li").length&&$("#navbar").hide(),$("#offcanvasClose").hide()),$("#userSetupForm").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/setup_action",data:{usersName:$("#usersName").val(),userEmail:$("#userEmail").val(),userPassword:$("#userPassword").val()}}).done(function(t){showNotification(t.message,"success",!1,"/admin/login")}).fail(function(t){showNotification(t.responseJSON.message,"danger")}))}),$(document).on("click",".menu-btn",function(t){t.preventDefault(),$("body").addClass("pushy-open-right")}),$("table").each(function(){$(this).addClass("table table-hover")}),$("#productTags").tokenfield(),$(document).on("click",".dashboard_list",function(t){window.document.location=$(this).attr("href")}).hover(function(){$(this).toggleClass("hover")}),$(document).on("click",".btn-qty-minus",function(t){t.preventDefault();var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())-1),cartUpdate(a)}),$(document).on("click",".btn-qty-add",function(t){t.preventDefault();var a=$(t.target).parent().parent().find(".cart-product-quantity");$(a).val(parseInt(a.val())+1),cartUpdate(a)}),$(document).on("click",".btn-delete-from-cart",function(t){deleteFromCart($(t.target))}),$("#pager").length){var t=$("#pageNum").val(),a=$("#productsPerPage").val(),e=$("#totalProductCount").val(),o=$("#paginateUrl").val(),n=$("#searchTerm").val();""!==n&&(n+="/");var i="/"+o+"/"+n+"{{number}}",r=Math.ceil(e/a);parseInt(e)>parseInt(a)&&($("#pager").bootpag({total:r,page:t,maxVisible:5,href:i,wrapClass:"pagination",prevClass:"page-item previous",nextClass:"page-item next",activeClass:"page-item active"}),$("#pager a").each(function(){$(this).addClass("page-link")}))}if($("#customerLogout").on("click",function(t){$.ajax({method:"POST",url:"/customer/logout",data:{}}).done(function(t){location.reload()})}),$("#customerForgotten").validator().on("submit",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/forgotten_action",data:{email:$("#email").val()}}).done(function(t){showNotification(t.message,"success")}).fail(function(t){t.message?showNotification(t.responseJSON.message,"danger"):showNotification(t.responseText,"danger")}))}),$(document).on("click","#createAccountCheckbox",function(t){$("#newCustomerPassword").prop("required",$("#createAccountCheckbox").prop("checked"))}),$("#checkoutInformation").validator().on("click",function(t){if(t.preventDefault(),0===$("#shipping-form").validator("validate").has(".has-error").length){var a="/customer/save";$("#createAccountCheckbox").prop("checked")&&(a="/customer/create"),$.ajax({method:"POST",url:a,data:{email:$("#shipEmail").val(),firstName:$("#shipFirstname").val(),lastName:$("#shipLastname").val(),address1:$("#shipAddr1").val(),address2:$("#shipAddr2").val(),country:$("#shipCountry").val(),state:$("#shipState").val(),postcode:$("#shipPostcode").val(),phone:$("#shipPhoneNumber").val(),password:$("#newCustomerPassword").val(),orderComment:$("#orderComment").val()}}).done(function(){window.location="/checkout/shipping"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}}),$("#loginForm").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/admin/login_action",data:{email:$("#email").val(),password:$("#password").val()}}).done(function(t){window.location="/admin"}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$("#customerLogin").on("click",function(t){t.isDefaultPrevented()||(t.preventDefault(),$.ajax({method:"POST",url:"/customer/login_action",data:{loginEmail:$("#customerLoginEmail").val(),loginPassword:$("#customerLoginPassword").val()}}).done(function(t){var a=t.customer;$("#shipEmail").val(a.email),$("#shipFirstname").val(a.firstName),$("#shipLastname").val(a.lastName),$("#shipAddr1").val(a.address1),$("#shipAddr2").val(a.address2),$("#shipCountry").val(a.country),$("#shipState").val(a.state),$("#shipPostcode").val(a.postcode),$("#shipPhoneNumber").val(a.phone),location.reload()}).fail(function(t){showNotification(t.responseJSON.message,"danger")})),t.preventDefault()}),$(document).on("click",".image-next",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e+1===a.length||e+1<0?0:e+1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".image-prev",function(t){var a=$(".thumbnail-image"),e=0,o=0;$(".thumbnail-image").each(function(){$("#product-title-image").attr("src")===$(this).attr("src")&&(o=e-1===a.length||e-1<0?a.length-1:e-1),e++}),$("#product-title-image").attr("src",$(a).eq(o).attr("src"))}),$(document).on("click",".product-add-to-cart",function(t){var a=getSelectedOptions();parseInt($("#product_quantity").val())<0&&$("#product_quantity").val(0),$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$("#productId").val(),productQuantity:$("#product_quantity").val(),productOptions:JSON.stringify(a),productComment:$("#product_comment").val()}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(".cart-product-quantity").on("input",function(){cartUpdate()}),$(document).on("click",".pushy-link",function(t){$("body").removeClass("pushy-open-right")}),$(document).on("click",".add-to-cart",function(t){var a="/product/"+$(this).attr("data-id");$(this).attr("data-link")&&(a="/product/"+$(this).attr("data-link")),"true"===$(this).attr("data-has-options")?window.location=a:$.ajax({method:"POST",url:"/product/addtocart",data:{productId:$(this).attr("data-id")}}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success")}).fail(function(t){showNotification(t.responseJSON.message,"danger")})}),$(document).on("click","#empty-cart",function(t){$.ajax({method:"POST",url:"/product/emptycart"}).done(function(t){$("#cart-count").text(t.totalCartItems),updateCartDiv(),showNotification(t.message,"success",!0)})}),$(".qty-btn-minus").on("click",function(){var t=parseInt($("#product_quantity").val())-1;$("#product_quantity").val(t>0?t:1)}),$(".qty-btn-plus").on("click",function(){$("#product_quantity").val(parseInt($("#product_quantity").val())+1)}),$(".thumbnail-image").on("click",function(){$("#product-title-image").attr("src",$(this).attr("src"))}),$(document).on("click","#btn_search_reset",function(t){window.location.replace("/")}),$(document).on("click","#btn_search",function(t){t.preventDefault(),""===$("#frm_search").val().trim()?showNotification("Please enter a search value","danger"):window.location.href="/search/"+$("#frm_search").val()}),""!==$("#input_notify_message").val()){var c=$("#input_notify_message").val(),s=$("#input_notify_messageType").val();$("#input_notify_message").val(""),$("#input_notify_messageType").val(""),showNotification(c,s||"danger",!1)}}); \ No newline at end of file diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index bbfd48d..c9fbda2 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css @@ -1,153 +1,148 @@ -.btn-outline-danger, .btn-warning, .btn-outline-primary { - color: #ffffff !important; - background-color: #000000; - border-color: #000000; +.btn-warning, +.btn-outline-primary { + color: #ffffff !important; + background-color: #000000; + border-color: #000000; } - -.search-bar-input, #frm_search, .search-bar-input .btn{ - padding-top: 10px; - height: 45px; +.btn-outline-danger { + color: #ffffff !important; + background-color: #cc4135; + border-color: #cc4135; +} +.has-error input, +.has-error textarea, +.has-error div { + border-color: #cc4135; +} +.search-bar-input, +#frm_search, +.search-bar-input .btn { + padding-top: 10px; + height: 45px; } - .searchMenuLocation-side { - padding-right: 0; + padding-right: 0; } - -.productsWrapper{ - padding-right: 10px; - padding-left: 10px; +.productsWrapper { + padding-right: 10px; + padding-left: 10px; } - -.searchBarWrapper{ - padding-right: 0; - padding-left: 0; +.searchBarWrapper { + padding-right: 0; + padding-left: 0; } - -.footer{ - padding-top: 20px; +.footer { + padding-top: 20px; } - .product-price { - padding-bottom: 0; + padding-bottom: 0; } - -.navbarMenuWrapper{ - background-color: #f5f5f5; +.navbarMenuWrapper { + background-color: #f5f5f5; } - -.navbarMenu>ul>li>a:hover{ - color: #cc4135 !important; +.navbarMenu > ul > li > a:hover { + color: #cc4135 !important; } - -.navbarMenu{ - padding-right: 0; - padding-left: 0; +.navbarMenu { + padding-right: 0; + padding-left: 0; } - -.product-wrapper>a:hover{ - color: #cc4135 !important; +.product-wrapper > a:hover { + color: #cc4135 !important; } - -.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a{ - margin-bottom: 0; - height: 100px !important; +.navbar-static-top, +#navbar, +.navbar-header, +#navbar > .navbar-nav, +#navbar > .navbar-nav > li > a { + margin-bottom: 0; + height: 100px !important; } - -#navbar>.navbar-nav>li>a{ - padding-top: 35px; +#navbar > .navbar-nav > li > a { + padding-top: 35px; } - -.pagination>li>a{ - background-color: #cc4135 !important; +.pagination > li > a { + background-color: #cc4135 !important; } - /* Fixes summernote editor issue: https://github.com/summernote/summernote/issues/2516 */ -body .popover{display:none !important; } - -.navbar-brand{ - color: #cc4135 !important; - letter-spacing: 4px; - padding-left: 20px !important; - padding-top: 0 !important; - height: 80px !important; - font-size: 55px !important; +body .popover { + display: none !important; } - -.navbar-brand-image, .navbar-brand{ - height: 80px; - padding-left: 10px; - padding-top: 10px; +.navbar-brand { + color: #cc4135 !important; + letter-spacing: 4px; + padding-left: 20px !important; + padding-top: 0 !important; + height: 80px !important; + font-size: 55px !important; +} +.navbar-brand-image, +.navbar-brand { + height: 80px; + padding-left: 10px; + padding-top: 10px; } - .navbar-default .badge { + background-color: #cc4135; +} +.pushy-link:hover, +.pushy-link:focus, +.pushy-link:active, +.pushy-link:active:hover, +#empty-cart:hover, +#empty-cart:focus, +#empty-cart:active, +#empty-cart:active:hover { + border-color: #cc4135; + background-color: #cc4135; +} +.navActive > a { + margin-bottom: 0px; + padding-top: 15px; + border-bottom: 5px solid #cc4135; +} +.navbar-static-top, +#navbar, +.navbar-header, +#navbar > .navbar-nav, +#navbar > .navbar-nav > li > a { + background-color: #fff; +} +.navbar-default .navbar-nav > li > a { + color: #838b8f; + font-size: 20px; +} +@media only screen and (max-width: 768px) { + .navbar-default .navbar-brand { + padding-top: 10px; + } + .navbar-default .navbar-nav > li > a { + font-size: 16px; + } + .searchBarWrapper { + padding-top: 10px; + } + .navbarMenuWrapper { + padding-left: 0px; + padding-right: 0px; + } + .navbarMenuOuter { + padding-left: 0; + padding-right: 0; + } + .navActive > a { + color: #fff !important; + } + .navbarMenu { + padding-right: 7.5px; + padding-left: 7.5px; + } + .navActive > a { + color: white !important; background-color: #cc4135; + border-bottom: none; + } + .footer { + padding-top: 10px; + } } - -.pushy-link, #empty-cart{ - border-color: #E74C3C; - background-color: #E74C3C; -} - -.pushy-link:hover, .pushy-link:focus, .pushy-link:active, .pushy-link:active:hover, -#empty-cart:hover, #empty-cart:focus, #empty-cart:active, #empty-cart:active:hover{ - border-color: #cc4135; - background-color: #cc4135; -} - -.navActive>a{ - margin-bottom: 0px; - padding-top: 15px; - border-bottom: 5px solid #E74C3C; -} - -.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a { - background-color: #fff; -} - -.navbar-default .navbar-nav>li>a { - color: #838b8f; - font-size: 20px; -} - -@media only screen and (max-width: 768px){ - .navbar-default .navbar-brand { - padding-top: 10px; - } - - .navbar-default .navbar-nav>li>a{ - font-size: 16px; - } - - .searchBarWrapper{ - padding-top: 10px; - } - - .navbarMenuWrapper{ - padding-left: 0px; - padding-right: 0px; - } - - .navbarMenuOuter{ - padding-left: 0; - padding-right: 0; - } - - .navActive>a { - color: #fff !important; - } - - .navbarMenu { - padding-right: 7.5px; - padding-left: 7.5px; - } - - .navActive>a{ - color: white !important; - background-color: #E74C3C; - border-bottom: none; - } - - .footer { - padding-top: 10px; - } -} \ No newline at end of file diff --git a/public/stylesheets/admin.min.css b/public/stylesheets/admin.min.css index b046b0d..dec34a0 100644 --- a/public/stylesheets/admin.min.css +++ b/public/stylesheets/admin.min.css @@ -1 +1 @@ -#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product_wrapper>a:hover{color:#cc4135!important}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:20px!important;height:100px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart,.pushy-link{border-color:#e74c3c;background-color:#e74c3c}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #e74c3c}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#e74c3c;border-bottom:none}.footer{padding-top:10px}} \ No newline at end of file +.btn-outline-primary,.btn-warning{color:#fff!important;background-color:#000;border-color:#000}.btn-outline-danger{color:#fff!important;background-color:#cc4135;border-color:#cc4135}.has-error div,.has-error input,.has-error textarea{border-color:#cc4135}#frm_search,.search-bar-input,.search-bar-input .btn{padding-top:10px;height:45px}.searchMenuLocation-side{padding-right:0}.productsWrapper{padding-right:10px;padding-left:10px}.searchBarWrapper{padding-right:0;padding-left:0}.footer{padding-top:20px}.product-price{padding-bottom:0}.navbarMenuWrapper{background-color:#f5f5f5}.navbarMenu>ul>li>a:hover{color:#cc4135!important}.navbarMenu{padding-right:0;padding-left:0}.product-wrapper>a:hover{color:#cc4135!important}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{margin-bottom:0;height:100px!important}#navbar>.navbar-nav>li>a{padding-top:35px}.pagination>li>a{background-color:#cc4135!important}body .popover{display:none!important}.navbar-brand{color:#cc4135!important;letter-spacing:4px;padding-left:20px!important;padding-top:0!important;height:80px!important;font-size:55px!important}.navbar-brand,.navbar-brand-image{height:80px;padding-left:10px;padding-top:10px}.navbar-default .badge{background-color:#cc4135}#empty-cart:active,#empty-cart:active:hover,#empty-cart:focus,#empty-cart:hover,.pushy-link:active,.pushy-link:active:hover,.pushy-link:focus,.pushy-link:hover{border-color:#cc4135;background-color:#cc4135}.navActive>a{margin-bottom:0;padding-top:15px;border-bottom:5px solid #cc4135}#navbar,#navbar>.navbar-nav,#navbar>.navbar-nav>li>a,.navbar-header,.navbar-static-top{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#838b8f;font-size:20px}@media only screen and (max-width:768px){.navbar-default .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{font-size:16px}.searchBarWrapper{padding-top:10px}.navbarMenuWrapper{padding-left:0;padding-right:0}.navbarMenuOuter{padding-left:0;padding-right:0}.navActive>a{color:#fff!important}.navbarMenu{padding-right:7.5px;padding-left:7.5px}.navActive>a{color:#fff!important;background-color:#cc4135;border-bottom:none}.footer{padding-top:10px}} \ No newline at end of file diff --git a/public/stylesheets/less/admin.less b/public/stylesheets/less/admin.less new file mode 100644 index 0000000..386c429 --- /dev/null +++ b/public/stylesheets/less/admin.less @@ -0,0 +1,164 @@ +@accent-color: #cc4135; +@nav-menu-bg: #f5f5f5; +@btn-danger-color-txt: #ffffff; +@btn-danger-color-bg: #000000; +@btn-danger-color-border: #000000; + +.btn-warning, .btn-outline-primary { + color: @btn-danger-color-txt !important; + background-color:@btn-danger-color-bg; + border-color: @btn-danger-color-border; +} + +.btn-outline-danger { + color: @btn-danger-color-txt !important; + background-color: @accent-color; + border-color: @accent-color; +} + +.has-error input, .has-error textarea, .has-error div { + border-color: @accent-color; +} + +.search-bar-input, #frm_search, .search-bar-input .btn { + padding-top: 10px; + height: 45px; +} + +.searchMenuLocation-side { + padding-right: 0; +} + +.productsWrapper{ + padding-right: 10px; + padding-left: 10px; +} + +.searchBarWrapper{ + padding-right: 0; + padding-left: 0; +} + +.footer{ + padding-top: 20px; +} + +.product-price { + padding-bottom: 0; +} + +.navbarMenuWrapper{ + background-color: @nav-menu-bg; +} + +.navbarMenu>ul>li>a:hover{ + color: @accent-color !important; +} + +.navbarMenu{ + padding-right: 0; + padding-left: 0; +} + +.product-wrapper>a:hover{ + color: @accent-color !important; +} + +.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a{ + margin-bottom: 0; + height: 100px !important; +} + +#navbar>.navbar-nav>li>a{ + padding-top: 35px; +} + +.pagination>li>a{ + background-color: @accent-color !important; +} + +/* Fixes summernote editor issue: https://github.com/summernote/summernote/issues/2516 */ +body .popover{display:none !important; } + +.navbar-brand{ + color: @accent-color !important; + letter-spacing: 4px; + padding-left: 20px !important; + padding-top: 0 !important; + height: 80px !important; + font-size: 55px !important; +} + +.navbar-brand-image, .navbar-brand{ + height: 80px; + padding-left: 10px; + padding-top: 10px; +} + +.navbar-default .badge { + background-color: @accent-color; +} + +.pushy-link:hover, .pushy-link:focus, .pushy-link:active, .pushy-link:active:hover, +#empty-cart:hover, #empty-cart:focus, #empty-cart:active, #empty-cart:active:hover{ + border-color: @accent-color; + background-color: @accent-color; +} + +.navActive>a{ + margin-bottom: 0px; + padding-top: 15px; + border-bottom: 5px solid @accent-color; +} + +.navbar-static-top, #navbar, .navbar-header, #navbar>.navbar-nav, #navbar>.navbar-nav>li>a { + background-color: #fff; +} + +.navbar-default .navbar-nav>li>a { + color: #838b8f; + font-size: 20px; +} + +@media only screen and (max-width: 768px){ + .navbar-default .navbar-brand { + padding-top: 10px; + } + + .navbar-default .navbar-nav>li>a{ + font-size: 16px; + } + + .searchBarWrapper{ + padding-top: 10px; + } + + .navbarMenuWrapper{ + padding-left: 0px; + padding-right: 0px; + } + + .navbarMenuOuter{ + padding-left: 0; + padding-right: 0; + } + + .navActive>a { + color: #fff !important; + } + + .navbarMenu { + padding-right: 7.5px; + padding-left: 7.5px; + } + + .navActive>a{ + color: white !important; + background-color: @accent-color; + border-bottom: none; + } + + .footer { + padding-top: 10px; + } +} \ No newline at end of file diff --git a/public/stylesheets/less/style.less b/public/stylesheets/less/style.less new file mode 100644 index 0000000..50adf9b --- /dev/null +++ b/public/stylesheets/less/style.less @@ -0,0 +1,642 @@ +@footer-height: 100px; +@primary-btn-color: #000000; +@secondary-btn-color: #cc3a2c; +@link-color: #000000; +@text-danger-color: #cc3a2c; +@text-gray-color: #aaaaaa; +@separator-color: #eeeeee; +@breadcrumb-bg: #f8f9fa; + +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: @text-danger-color; +} + +.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: @text-gray-color; +} + +.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: @text-gray-color; + padding-bottom: 10px; + padding-top: 10px; +} + +.seporator{ + padding-top: 5px; + border-bottom: 1px solid @separator-color; + 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-5{ + padding-top: 10px; +} + +.top-pad-8{ + padding-top: 8px; +} + +.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-10{ + padding-left: 10px; +} + +.left-pad-30{ + padding-left: 30px; +} + +.right-pad-10{ + padding-right: 10px; +} + +.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: @breadcrumb-bg; + 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: .15s ease-out all; + position: absolute; + top: .9em; + left: 1.3em; +} + +.floatLabel{ + top: .1em; + left: 32px; + font-size: .7em; + color: #999999; + font-weight: normal; + transition: .15s ease-out all; +} + +input.form-control.customerDetails{ + padding-bottom: 5px; +} + +.footer { + position: absolute; + bottom: 0; + width: 100%; + height: @footer-height; + 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: @primary-btn-color; +} + +.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { + color: @primary-btn-color; +} + +.btn-warning, .btn-outline-primary { + color: #ffffff; + background-color: @primary-btn-color; + border-color: @primary-btn-color; +} + +.btn-warning:hover, .btn-outline-primary:hover { + color: #ffffff !important; + background-color: @primary-btn-color !important; + border-color: @primary-btn-color !important; + opacity: 0.65; +} + +.btn-outline-danger{ + color: #ffffff; + background-color: @secondary-btn-color; + border-color: @secondary-btn-color; +} + +.btn-outline-danger:hover{ + color: #ffffff !important; + background-color: @secondary-btn-color !important; + border-color: @secondary-btn-color !important; + opacity: 0.65; +} + +a:hover, a:focus { + color: @link-color; +} +a { + color: @primary-btn-color; +} + +.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { + background-color: @primary-btn-color; + border-color: @primary-btn-color; +} + +.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; +} + +.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; +} + +.list-group-item:first-child, .list-group-item:last-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; +} + +@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: @footer-height; + } + + body{ + margin-bottom: @footer-height; + } +} \ No newline at end of file diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 48b7911..f6333c5 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -1,620 +1,527 @@ html { - position: relative; - min-height: 100%; + position: relative; + min-height: 100%; } body { - margin-bottom: 140px; + margin-bottom: 140px; } - -html, body { - font-size: 16px; +html, +body { + font-size: 16px; } - -.content-body{ - margin-bottom: 40px; +.content-body { + margin-bottom: 40px; } - -.menu-top{ - margin-top: 15px; - margin-left: 15px; - margin-right: 15px; +.menu-top { + margin-top: 15px; + margin-left: 15px; + margin-right: 15px; } - -.menu-side, .product-layout{ - padding-top: 35px; +.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; +.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; +.dragable_item { + cursor: move; } - -.page-header{ - padding-bottom: 5px; +.page-header { + padding-bottom: 5px; } - -.cart-contents-title{ - font-size: 18px; - font-weight: 700; +.cart-contents-title { + font-size: 18px; + font-weight: 700; } - -.cart-row{ - padding-bottom: 10px; - display: flex; - align-items: center; +.cart-row { + padding-bottom: 10px; + display: flex; + align-items: center; } - -.cart-item-row{ - margin-top: 5px; +.cart-item-row { + margin-top: 5px; } - -.cart-link{ - padding-left: 7px; +.cart-link { + padding-left: 7px; } - -.cart-delete-button{ - color: #d9534f; - cursor: pointer; - padding-left: 5px; +a.text-danger:hover, +a.text-danger:focus { + color: #cc3a2c; } - -a.text-danger:hover, a.text-danger:focus { - color: #cc3a2c; +.cart-update-button { + cursor: pointer; } - -.cart-update-button{ - cursor: pointer; +.thumbnail-image { + cursor: pointer; } - -.thumbnail-image{ - cursor: pointer; +#product-images { + margin-bottom: 30px; } - -#product-images{ - margin-bottom: 30px; +.product-layout { + padding-top: 30px; } - -.product-layout{ - padding-top: 30px; +.product-title-image { + margin: auto; + max-height: 400px; + width: auto; } - -.product-title-image{ - margin: auto; - max-height: 400px; - width: auto; -} - .thumbnail-image-container .img-fluid { - display: block; - width: auto; - max-height: 100%; - margin: auto; + 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; +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%; +.navbar-brand > img { + width: auto; + height: 100%; } - -.thumbnail{ - min-height: 415px; +.thumbnail { + min-height: 415px; } - .vertical-center { - display: flex; - align-items: center; + display: flex; + align-items: center; } - .title-image-container .img-fluid { - display: block; - width: auto; - max-height: 100%; - margin: auto; + display: block; + width: auto; + max-height: 100%; + margin: auto; } - -.title-image-container{ - height: 400px; +.title-image-container { + height: 400px; } - .thumbnail-image-container { - height: 350px; + height: 350px; } - -.product-title{ - font-size: 24px; - margin-top: 0px; +.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-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; +.product-price { + padding-bottom: 10px; + font-size: 20px; + color: #aaaaaa; } - -.productOptions{ - padding-bottom: 15px; +.productOptions { + padding-bottom: 15px; } - -.product-option{ - font-size: 18px; +.product-option { + font-size: 18px; } - -.btnAddToCart, .body_text{ - padding-top: 15px; - padding-bottom: 15px; +.btnAddToCart, +.body_text { + padding-top: 15px; + padding-bottom: 15px; } - -.product-option-text{ - font-size: 16px; - color: #AAAAAA; - padding-bottom: 10px; - padding-top: 10px; +.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; +.seporator { + padding-top: 5px; + border-bottom: 1px solid #eeeeee; + padding-bottom: 6px; } - -.list-group-input-pad select{ - margin-top: -7px; +.list-group-input-pad select { + margin-top: -7px; } - -.no-pad-left{ - padding-left: 0px; +.no-pad-left { + padding-left: 0px; } - -.no-pad-right{ - padding-right: 0px; +.no-pad-right { + padding-right: 0px; } - -.top-marg-10{ - margin-top: 10px; +.top-marg-10 { + margin-top: 10px; } - -.top-marg-15{ - margin-top: 15px; +.top-marg-15 { + margin-top: 15px; } - -.top-marg-20{ - margin-top: 20px; +.top-marg-20 { + margin-top: 20px; } - -.top-pad-10{ - padding-top: 10px; +.top-pad-5 { + padding-top: 10px; } - -.top-pad-20{ - padding-top: 20px; +.top-pad-8 { + padding-top: 8px; } - -.top-pad-50{ - padding-top: 50px; +.top-pad-10 { + padding-top: 10px; } - -.top-pad-100{ - padding-top: 100px; +.top-pad-20 { + padding-top: 20px; } - -.bottom-pad-10{ - padding-bottom: 10px; +.top-pad-50 { + padding-top: 50px; } - -.bottom-pad-15{ - padding-bottom: 15px; +.top-pad-100 { + padding-top: 100px; } - -.bottom-pad-20{ - padding-bottom: 20px; +.bottom-pad-10 { + padding-bottom: 10px; } - -.bottom-marg-10{ - margin-bottom: 10px; +.bottom-pad-15 { + padding-bottom: 15px; } - -.bottom-marg-15{ - margin-bottom: 15px; +.bottom-pad-20 { + padding-bottom: 20px; } - -.bottom-marg-20{ - margin-bottom: 20px; +.bottom-marg-10 { + margin-bottom: 10px; } - -.left-pad-30{ - padding-left: 30px; +.bottom-marg-15 { + margin-bottom: 15px; } - -.shipping-form input{ - margin-bottom: 15px; +.bottom-marg-20 { + margin-bottom: 20px; } - -#header { - height: 50px; +.left-pad-10 { + padding-left: 10px; } - -.search-bar{ - margin-top: 10px; +.left-pad-30 { + padding-left: 30px; } - -.searchMenuLocation-side{ - padding-left: 25px; - padding-right: 25px; +.right-pad-10 { + padding-right: 10px; } -.searchMenuLocation-top{ - padding-left: 5px; - padding-right: 5px; +.shipping-form input { + margin-bottom: 15px; } - -.breadcrumb{ - background-color: #f8f9fa; - margin-top: 10px; +#header { + height: 50px; } - -.breadcrumbProPerRow-3{ - margin-left: 10px; - margin-right: 10px; +.search-bar { + margin-top: 10px; } - -.searchProPerRow-3, .searchProPerRow-4{ - padding-left: 0; - padding-right: 0; +.searchMenuLocation-side { + padding-left: 25px; + padding-right: 25px; } - -.dropup-button{ - height: 34px; - padding: 0px; - color: white !important; +.searchMenuLocation-top { + padding-left: 5px; + padding-right: 5px; } - -.dropdown-menu>li>a{ - padding-top: 5px !important; - +.breadcrumb { + background-color: #f8f9fa; + margin-top: 10px; } - -.pad-bottom{ - padding-bottom: 25px; +.breadcrumbProPerRow-3 { + margin-left: 10px; + margin-right: 10px; } - -.keywords{ - padding-bottom: 30px; - padding-top: 20px; - font-size: 19px; +.searchProPerRow-3, +.searchProPerRow-4 { + padding-left: 0; + padding-right: 0; } - -.file-form{ - padding-left: 15px; - padding-right: 15px; +.dropup-button { + height: 34px; + padding: 0px; + color: white !important; } - -.editor_btn_action{ - border-top-left-radius: 4px !important; - border-bottom-left-radius: 4px !important; +.dropdown-menu > li > a { + padding-top: 5px !important; } - -.dropup-list{ - padding-bottom: 5px; - margin-right: 10px; - margin-left: 10px; - margin-top: 10px; +.pad-bottom { + padding-bottom: 25px; } - -#notify_message{ - position: fixed; - display: none; - z-index: 9999; - padding-top: 10px; - height: 50px; - bottom: 0px; - width: 100%; - text-align: center; - font-size: 22px; +.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; + z-index: 1; } - .btn-file { - position: relative; - overflow: hidden; + 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; + 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; +.offcanvas-element { + z-index: 100; + background-color: #ffffff; } - -.product-item{ - padding-left: 0px; - padding-right: 0px; +.product-item { + padding-left: 0px; + padding-right: 0px; } - input:focus { - outline: none; - background: #fbfbe9; + outline: none; + background: #fbfbe9; } - input + label { - display: block; - cursor: text; - transition: .15s ease-out all; - position: absolute; - top: .9em; - left: 1.3em; + display: block; + cursor: text; + transition: 0.15s ease-out all; + position: absolute; + top: 0.9em; + left: 1.3em; } - -.floatLabel{ - top: .1em; - left: 32px; - font-size: .7em; - color: #999999; - font-weight: normal; - transition: .15s ease-out all; +.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; +input.form-control.customerDetails { + padding-bottom: 5px; } - .footer { - position: absolute; - bottom: 0; - width: 100%; - height: 100px; - padding-top: 25px; - background-color: #f5f5f5; + position: absolute; + bottom: 0; + width: 100%; + height: 100px; + padding-top: 25px; + background-color: #f5f5f5; } - -.admin{ - margin-bottom: 0; +.admin { + margin-bottom: 0; } - -.image-next{ - position: absolute; - top: 180px; - right: 0px; +.image-next { + position: absolute; + top: 180px; + right: 0px; } - -.image-prev{ - position: absolute; - top: 180px; - left: 0px; +.image-prev { + position: absolute; + top: 180px; + left: 0px; } - -.image-button{ - cursor: pointer; - opacity: 0.7; +.image-button { + cursor: pointer; + opacity: 0.7; } - -.image-button-show{ - cursor: pointer; - opacity: 0.7 !important; +.image-button-show { + cursor: pointer; + opacity: 0.7 !important; } - .navbar-default { - background-color: #ffffff; + background-color: #ffffff; } - -.navbar-default .navbar-nav>li>a { - color: #000000; +.navbar-default .navbar-nav > li > a { + color: #000000; } - -.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { - 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, +.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; +.btn-warning:hover, +.btn-outline-primary:hover { + color: #ffffff !important; + background-color: #000000 !important; + border-color: #000000 !important; + opacity: 0.65; } - -a:hover, a:focus { - color: #000000; +.btn-outline-danger { + color: #ffffff; + background-color: #cc3a2c; + border-color: #cc3a2c; +} +.btn-outline-danger:hover { + color: #ffffff !important; + background-color: #cc3a2c !important; + border-color: #cc3a2c !important; + opacity: 0.65; +} +a:hover, +a:focus { + color: #000000; } a { - color: #000000; + color: #000000; } - -.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { - background-color: #000000; - border-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; + color: #000000; + font-size: 40px; + font-weight: 700; } - -.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { - color: #000000; +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #000000; } - .navbar-brand-image { - padding: 0px; - height: 70px; + padding: 0px; + height: 70px; } - -.navbar-default .badge { - background-color: #000000; - color: #fff; +.page-item.disabled .page-link { + color: #b7b7b7; } - -.navbar-default .navbar-toggle { - background-color: #000000; - border-color: #000000; -} - -.page-item.disabled .page-link{ - color:#b7b7b7; -} - .page-link { - color: white; - border: 0; + color: white; + border: 0; } - -.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { - background-color: #000000; +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #000000; } - .thumbnail { - border: none; + border: none; } - -.help-block{ - color: #95a5a6; +.help-block { + color: #95a5a6; } - -.list-group-item:first-child, .list-group-item:last-child { - border-top-right-radius: 0px; - border-top-left-radius: 0px; +.list-group-item:first-child, +.list-group-item:last-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; } - -@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 (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; + } } - -@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; - } -} \ No newline at end of file diff --git a/public/stylesheets/style.min.css b/public/stylesheets/style.min.css index 4571577..ddba428 100644 --- a/public/stylesheets/style.min.css +++ b/public/stylesheets/style.min.css @@ -1 +1 @@ -html{position:relative;min-height:100%}body{margin-bottom:140px}body,html{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}.cart-delete-button{color:#d9534f;cursor:pointer;padding-left:5px}a.text-danger:focus,a.text-danger:hover{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-responsive{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-responsive{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:0}.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:#aaa}.productOptions{padding-bottom:15px}.product-option{font-size:18px}.body_text,.btnAddToCart{padding-top:15px;padding-bottom:15px}.product-option-text{font-size:16px;color:#aaa;padding-bottom:10px;padding-top:10px}.seporator{padding-top:5px;border-bottom:1px solid #eee;padding-bottom:6px}.list-group-input-pad select{margin-top:-7px}.no-pad-left{padding-left:0}.no-pad-right{padding-right:0}.top-pad-10{padding-top:10px}.top-pad-20{padding-top:20px}.bottom-pad-20{padding-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}.breadcrumbProPerRow-3{margin-left:10px;margin-right:10px}.searchProPerRow-3,.searchProPerRow-4{padding-left:0;padding-right:0}.dropup-button{height:34px;padding:0;color:#fff!important}.dropdown-menu>li>a{padding-top:5px!important}.pad-bottom{padding-bottom:25px}.keywords{padding-bottom:30px;padding-top:20px;font-size:19px}.customer-details{padding-left:0;padding-right:0}.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:0;width:100%;text-align:center;font-size:22px;color:#fff}.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:0;background:#fff;cursor:inherit;display:block}.offcanvas-element{z-index:100;background-color:#fff}.product-item{padding-left:0;padding-right:0}input:focus{outline:0;background:#fbfbe9}input+label{display:block;cursor:text;transition:.15s ease-out all;position:absolute;top:.9em;left:1.3em}.floatLabel{top:.1em;left:32px;font-size:.7em;color:#999;font-weight:400;transition:.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:0}.image-prev{position:absolute;top:180px;left:0}.image-button{cursor:pointer;opacity:.7}.image-button-show{cursor:pointer;opacity:.7!important}.navbar-default{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#000}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#000}.alert-success{background-color:#000;opacity:.65}.btn-outline-danger,.btn-outline-primary,.btn-warning{color:#fff;background-color:#000;border-color:#000}.btn-outline-danger:hover,.btn-warning:hover{color:#fff;background-color:#000;border-color:#000;opacity:.65}a:focus,a:hover{color:#000}a{color:#000}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#000;border-color:#000}.navbar-default .navbar-brand{color:#000;font-size:40px;font-weight:700}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#000}.navbar-brand-image{padding:0;height:70px}.navbar-default .badge{background-color:#000;color:#fff}.navbar-default .navbar-toggle{background-color:#000;border-color:#000}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:#000}.pagination>li>a,.pagination>li>span{background-color:#000}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#000;opacity:.65}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#000;opacity:.65}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#000}.thumbnail{border:none}.help-block{color:#95a5a6}.list-group-item:first-child,.list-group-item:last-child{border-top-right-radius:0;border-top-left-radius:0}.form-control{border-radius:0}.btn{border-radius:0}.pagination>li:first-child>a,.pagination>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}@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:0;padding-right:0}.showFooter{margin-bottom:220px}.title-image-container{height:auto}.product-title{padding-top:25px;min-height:auto}.search-bar-input{padding-left:0;padding-right:0}.menu-side{padding-top:15px}.product-layout{padding-top:0;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:0}.cart-contents-shipping{padding-top:10px}#cart{padding-bottom:15px}.footer{height:100px}body{margin-bottom:100px}} \ No newline at end of file +html{position:relative;min-height:100%}body{margin-bottom:140px}body,html{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:focus,a.text-danger:hover{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:0}.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:#aaa}.productOptions{padding-bottom:15px}.product-option{font-size:18px}.body_text,.btnAddToCart{padding-top:15px;padding-bottom:15px}.product-option-text{font-size:16px;color:#aaa;padding-bottom:10px;padding-top:10px}.seporator{padding-top:5px;border-bottom:1px solid #eee;padding-bottom:6px}.list-group-input-pad select{margin-top:-7px}.no-pad-left{padding-left:0}.no-pad-right{padding-right:0}.top-marg-10{margin-top:10px}.top-marg-15{margin-top:15px}.top-marg-20{margin-top:20px}.top-pad-5{padding-top:10px}.top-pad-8{padding-top:8px}.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-10{padding-left:10px}.left-pad-30{padding-left:30px}.right-pad-10{padding-right:10px}.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:0;color:#fff!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:0;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:0;background:#fff;cursor:inherit;display:block}.offcanvas-element{z-index:100;background-color:#fff}.product-item{padding-left:0;padding-right:0}input:focus{outline:0;background:#fbfbe9}input+label{display:block;cursor:text;transition:.15s ease-out all;position:absolute;top:.9em;left:1.3em}.floatLabel{top:.1em;left:32px;font-size:.7em;color:#999;font-weight:400;transition:.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:0}.image-prev{position:absolute;top:180px;left:0}.image-button{cursor:pointer;opacity:.7}.image-button-show{cursor:pointer;opacity:.7!important}.navbar-default{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#000}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#000}.btn-outline-primary,.btn-warning{color:#fff;background-color:#000;border-color:#000}.btn-outline-primary:hover,.btn-warning:hover{color:#fff!important;background-color:#000!important;border-color:#000!important;opacity:.65}.btn-outline-danger{color:#fff;background-color:#cc3a2c;border-color:#cc3a2c}.btn-outline-danger:hover{color:#fff!important;background-color:#cc3a2c!important;border-color:#cc3a2c!important;opacity:.65}a:focus,a:hover{color:#000}a{color:#000}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-color:#000;border-color:#000}.navbar-default .navbar-brand{color:#000;font-size:40px;font-weight:700}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#000}.navbar-brand-image{padding:0;height:70px}.page-item.disabled .page-link{color:#b7b7b7}.page-link{color:#fff;border:0}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#000}.thumbnail{border:none}.help-block{color:#95a5a6}.list-group-item:first-child,.list-group-item:last-child{border-top-right-radius:0;border-top-left-radius:0}@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:0;padding-right:0}.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:0;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:0}.cart-contents-shipping{padding-top:10px}#cart{padding-bottom:15px}.footer{height:100px}body{margin-bottom:100px}} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..43e87c0 --- /dev/null +++ b/style.css @@ -0,0 +1,513 @@ +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; +} +.list-group-item:first-child, +.list-group-item:last-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; +} +@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; + } +} diff --git a/views/customers.hbs b/views/customers.hbs index 8cda5b5..184b1f4 100644 --- a/views/customers.hbs +++ b/views/customers.hbs @@ -27,33 +27,31 @@
  • -
    {{ @root.__ "Email address" }}
    +
    {{ @root.__ "Email address" }}
    -
    {{ @root.__ "Name" }}
    +
    {{ @root.__ "Name" }}
    -
    {{ @root.__ "Phone number" }}
    +
    {{ @root.__ "Phone number" }}
    • {{#each customers}}
  • - - +
    -
    {{this.email}}
    +
    {{this.email}}
    -
    {{this.firstName}} {{this.lastName}}
    +
    {{this.firstName}} {{this.lastName}}
    -
    {{this.phone}}
    +
    {{this.phone}}
    -     - +
    • {{/each}} diff --git a/views/layouts/layout.hbs b/views/layouts/layout.hbs index dbc4705..b2d4c2e 100644 --- a/views/layouts/layout.hbs +++ b/views/layouts/layout.hbs @@ -19,7 +19,7 @@ {{/if}} - + @@ -84,7 +84,7 @@ {{/if}} -