expressCart/views/layouts/layout.hbs

196 lines
10 KiB
Handlebars
Raw Normal View History

2018-01-07 04:55:48 +10:00
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{config.cartTitle}} - {{title}}</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{{#if admin}}
<link rel="icon" type="image/png" href="/images/favicon.png" />
<!--[if IE]><link rel="SHORTCUT ICON" href="/images/favicon.png"/><![endif]-->
{{else}}
<link rel="icon" type="image/png" href="/favicon.png" />
<!--[if IE]><link rel="SHORTCUT ICON" href="/favicon.ico"/><![endif]-->
{{/if}}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
{{#if metaDescription}}
<meta name="description" content="{{metaDescription}}">
{{else}}
<meta name="description" content="{{config.cartDescription}}">
{{/if}}
<meta name="keywords" content="{{config.cartTitle}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/flatly/bootstrap.min.css">
<link rel="stylesheet" href="/stylesheets/bootstrap-xl.css">
<link rel="stylesheet" href="/stylesheets/pushy.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/codemirror.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/css/bootstrap-tokenfield.min.css">
2018-02-17 23:30:28 +10:00
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
2018-01-07 04:55:48 +10:00
<link rel="stylesheet" href="/stylesheets/codemirror-style.min.css">
<link rel="stylesheet" href="/stylesheets/style{{config.env}}.css">
{{#if admin}}
<link rel="stylesheet" href="/stylesheets/admin{{config.env}}.css">
{{/if}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/mode/css/css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/mode/xml/xml.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
<script src="/javascripts/jquery.bootpag.min.js"></script>
<script src="/javascripts/cssbeautify.min.js"></script>
{{#unless admin}}
2019-12-19 14:15:51 +10:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
{{/unless}}
2019-12-06 17:09:13 +10:00
<script src="/javascripts/common{{config.env}}.js"></script>
2018-01-07 04:55:48 +10:00
<script src="/javascripts/expressCart{{config.env}}.js"></script>
2019-12-06 17:09:13 +10:00
{{#if admin}}
<script src="/javascripts/admin{{config.env}}.js"></script>
{{/if}}
2018-01-07 04:55:48 +10:00
<script src="/javascripts/jquery.dotdotdot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tokenfield/0.12.0/bootstrap-tokenfield.min.js"></script>
<!-- SEO data -->
<link rel="canonical" href="{{config.baseUrl}}" />
<meta name="referrer" content="origin" />
<meta property="og:site_name" content="{{config.cartTitle}}" />
<meta property="og:type" content="website" />
<meta property="og:title" content="{{title}}" />
<meta property="og:url" content="{{config.baseUrl}}" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="{{title}}" />
<meta name="twitter:url" content="{{config.baseUrl}}" />
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"publisher": "{{config.cartTitle}}",
"url": "{{config.baseUrl}}"
}
</script>
{{#if config.googleAnalytics}}{{{config.googleAnalytics}}}{{/if}}
{{#if config.customCss}}<style>{{{config.customCss}}}</style>{{/if}}
2018-02-14 06:21:22 +10:00
{{#if admin}}
<link rel="stylesheet" href="/stylesheets/admin{{config.env}}.css">
{{else}}
2019-12-19 14:15:51 +10:00
{{#if config.theme}}
<link rel="stylesheet" href="/{{config.theme}}/style{{config.env}}.css">
<script src="/{{config.theme}}/index{{config.env}}.js"></script>
{{/if}}
2018-02-14 06:21:22 +10:00
{{/if}}
2018-01-07 04:55:48 +10:00
<!-- SEO data -->
</head>
{{#if admin}}
<body class="admin">
{{else}}
<body>
{{/if}}
<!-- Static navbar -->
<nav class="navbar navbar-default navbar-static-top">
<div class="container-fluid mainNavBar">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed offcanvas-trigger" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{{#if admin}}
<a class="navbar-brand navbar-brand-image" href="/admin"><img class="img-responsive" src="/images/logo-admin.png"></a>
{{else}}
2019-11-03 19:34:20 +10:00
{{#isNull @root.config.cartLogo}}
{{#isNull @root.config.cartTitle}}
2018-01-07 04:55:48 +10:00
<a class="navbar-brand" href="/">expressCart</a>
{{else}}
2019-11-03 19:34:20 +10:00
<a class="navbar-brand" href="/">{{@root.config.cartTitle}}</a>
2018-01-07 04:55:48 +10:00
{{/isNull}}
{{else}}
2019-11-03 19:34:20 +10:00
<a class="navbar-brand navbar-brand-image" href="/"><img class="img-responsive" src="{{@root.config.cartLogo}}"></a>
2018-01-07 04:55:48 +10:00
{{/isNull}}
{{/if}}
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
2019-11-06 18:43:16 +10:00
{{#ifCond @root.config.enableLanguages "!=" false}}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ @root.__ "Languages" }} <span class="caret"></span></a>
<ul class="dropdown-menu">
{{#availableLanguages}}
<li><a href="/lang/{{this}}">{{@root.__ this}}</a></li>
{{/availableLanguages}}
</ul>
</li>
2019-11-06 18:43:16 +10:00
{{/ifCond}}
2018-01-07 04:55:48 +10:00
{{#unless admin}}
2019-11-03 19:34:20 +10:00
{{#if @root.session.cart}}
<li><a href="/checkout/cart" class="menu-btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i> {{ @root.__ "Cart" }} <span class="badge" id="cart-count">{{@root.session.cartTotalItems}}</span></a></li>
2018-01-07 04:55:48 +10:00
{{else}}
<li><a href="/checkout/cart" class="menu-btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i> {{ @root.__ "Cart" }} <span class="badge" id="cart-count">0</span></a></li>
2018-01-07 04:55:48 +10:00
{{/if}}
{{/unless}}
{{#if admin}}
2019-11-03 19:34:20 +10:00
{{#if @root.session.user}}
2018-02-04 01:23:59 +10:00
<li><a href="/admin/logout"><i class="fa fa-sign-out" aria-hidden="true"> </i>Logout</a></li>
2018-01-07 04:55:48 +10:00
{{/if}}
{{/if}}
2018-01-07 04:55:48 +10:00
</ul>
</div>
</div>
2018-01-07 04:55:48 +10:00
</nav>
<div class="site-overlay"></div>
{{#unless admin}}
{{#ifCond page '!=' 'checkout'}}
{{#ifCond page '!=' 'pay'}}
<div id="cart" class="col-md-12 pad-left-12 pushy pushy-right">
<div class="row {{checkout}}">
<div class="col-lg-12 col l12 text-right">
<button class="pushy-link btn btn-primary" type="button">X</button>
</div>
</div>
<div class="row">
<div id="cart" class="col-md-12">
{{> (getTheme 'cart')}}
<div class="row">
{{#if @root.session.cart}}
<div class="col-xs-12 col s12">
<button class="btn btn-danger pull-left" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
<a href="/checkout/information" class="btn btn-primary pull-right">Checkout</a>
</div>
{{/if}}
</div>
</div>
</div>
2018-01-07 04:55:48 +10:00
</div>
{{/ifCond}}
{{/ifCond}}
{{/unless}}
<div class="container-fluid content-body" id="container">
<div class="row">
{{#if admin}}
2018-02-14 06:21:22 +10:00
<div class="col-xs-12 col s12">
2018-01-07 04:55:48 +10:00
{{{body}}}
</div>
{{else}}
{{{body}}}
{{/if}}
</div>
</div>
<input type="hidden" id="input_notify_message" value="{{message}}">
<input type="hidden" id="input_notify_messageType" value="{{messageType}}">
<input type="hidden" id="cartCheckout" value="{{checkout}}">
2019-11-03 19:34:20 +10:00
<input type="hidden" id="cartTheme" value="{{@root.config.theme}}">
2018-01-07 04:55:48 +10:00
<div id="notify_message"></div>
{{#if showFooter}}
<footer class="footer">
<div class="container-fluid">
2019-11-01 19:13:14 +10:00
{{#isNull @root.config.footerHtml}}
2018-01-07 04:55:48 +10:00
<h4 class="text-center">Powered by expressCart</h4>
{{else}}
2019-11-01 19:13:14 +10:00
{{{@root.config.footerHtml}}}
2018-01-07 04:55:48 +10:00
{{/isNull}}
</div>
</footer>
{{/if}}
<script src="/javascripts/pushy.min.js"></script>
</body>
</html>