ticket #3 - Added learning cartridge with all complete examples
This commit is contained in:
Max Gialanella
@@ -0,0 +1,26 @@
|
||||
<isdecorate template="common/layout/page">
|
||||
|
||||
<isif condition="${pdict.reportingURLs && pdict.reportingURLs.length}">
|
||||
<isinclude template="reporting/reportingUrls" />
|
||||
</isif>
|
||||
|
||||
<isscript>
|
||||
var assets = require('*/cartridge/scripts/assets.js');
|
||||
assets.addCss('/css/account/dashboard.css');
|
||||
</isscript>
|
||||
|
||||
<div class="hero slant-down account-image">
|
||||
<h1 class="page-title">${Resource.msg('page.heading.dashboard','account',null)}</h1>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<!---Breadcrumbs--->
|
||||
<isinclude template="components/breadcrumbs/pageBreadcrumbs"/>
|
||||
|
||||
<iscomment> custom notifications form </iscomment>
|
||||
<isinclude url="${ URLUtils.url('Notifications') }" />
|
||||
|
||||
<isinclude template="account/dashboardProfileCards"/>
|
||||
</div>
|
||||
|
||||
</isdecorate>
|
||||
@@ -0,0 +1,74 @@
|
||||
<isdecorate template="common/layout/page">
|
||||
|
||||
<isif condition="${pdict.message && pdict.message != ''}">
|
||||
<div class="container mt-3 mb-3">
|
||||
<h3 class="primary-text">${pdict.message}</h3>
|
||||
</div>
|
||||
</isif>
|
||||
|
||||
<div class="container mt-3 mb-3">
|
||||
<form action="${URLUtils.url('Cyborg-HandleForm')}" method="POST">
|
||||
|
||||
<div class="form-row">
|
||||
|
||||
<iscomment> human name </iscomment>
|
||||
<div class="col form-group">
|
||||
<label for="humanname">
|
||||
${ pdict.cyborgForm.humanname.label }
|
||||
</label>
|
||||
<input class="form-control" type="text" id="humanname"
|
||||
<isprint value="${pdict.cyborgForm.humanname.attributes}" encoding="off" />
|
||||
<isprint value="${pdict.disabled ? 'disabled':''}" encoding="off" />
|
||||
/>
|
||||
</div>
|
||||
|
||||
<iscomment> cyborg name </iscomment>
|
||||
<div class="col form-group">
|
||||
<label for="cyborgname">
|
||||
${pdict.cyborgForm.cyborgname.label}
|
||||
</label>
|
||||
<input class="form-control" type="text" id="cyborgname"
|
||||
<isprint value="${pdict.cyborgForm.cyborgname.attributes}" encoding="off" />
|
||||
<isprint value="${pdict.disabled ? 'disabled':''}" encoding="off" />
|
||||
/>
|
||||
</div>
|
||||
|
||||
<iscomment> email </iscomment>
|
||||
<div class="col form-group">
|
||||
<label for="email">
|
||||
${pdict.cyborgForm.email.label}
|
||||
</label>
|
||||
<input class="form-control" type="text" id="email"
|
||||
<isprint value="${pdict.cyborgForm.email.attributes}" encoding="off" />
|
||||
<isprint value="${pdict.disabled ? 'disabled':''}" encoding="off" />
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<iscomment> mostly human </iscomment>
|
||||
<div class="form-row">
|
||||
<div class="form-check form-check-inline">
|
||||
<input type="checkbox" id="mostlyhuman"
|
||||
<isprint value="${pdict.cyborgForm.mostlyhuman.attributes}" encoding="off" />
|
||||
<isprint value="${pdict.disabled ? 'disabled':''}" encoding="off" />
|
||||
/>
|
||||
<label class="form-check-label" for="mostlyhuman">${pdict.cyborgForm.mostlyhuman.label}
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<isif condition="${pdict.disabled}">
|
||||
<a href="${ URLUtils.url('Cyborg') }">Back to Edit</a>
|
||||
<iselse/>
|
||||
<iscomment> submit button </iscomment>
|
||||
<div class="form-row">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
${Resource.msg('button.submit.promo.code','cart', null)}
|
||||
</button>
|
||||
</div>
|
||||
</isif>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</isdecorate>
|
||||
37
the_learning_cartridge/cartridge/templates/default/demo.isml
Normal file
37
the_learning_cartridge/cartridge/templates/default/demo.isml
Normal file
@@ -0,0 +1,37 @@
|
||||
<isdecorate template="common/layout/page">
|
||||
|
||||
<div class="container mt-5 mb-5">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<isslot id="demo-slot" description="Demo Slot" context="global" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mt-5 mb-5">
|
||||
<h3 class="text-primary">
|
||||
${ Resource.msg('label.title','demo', 'demo title') }
|
||||
</h3>
|
||||
<h1>
|
||||
${pdict.storeModel.name}
|
||||
</h1>
|
||||
<h2>
|
||||
${pdict.storeModel.email} - ${pdict.storeModel.postalCode}
|
||||
</h2>
|
||||
<h3 class="text-primary mt-5">
|
||||
${ Resource.msg('label.featured','demo', 'demo featured') }
|
||||
</h3>
|
||||
<h1>
|
||||
${pdict.productModel.productName}
|
||||
</h1>
|
||||
<h2>
|
||||
${ Resource.msg('label.stock','demo', 'demo stock') }:
|
||||
${pdict.productModel.stockInformation}
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<isinclude url="${URLUtils.url('SimpleBasket-List')}" />
|
||||
|
||||
<isinclude template="demoinclude" />
|
||||
|
||||
</isdecorate>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div class="container">
|
||||
New Demos coming soon
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
<div class="card" style="width: 25rem;">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">
|
||||
<isprint value="${pdict.title}" />
|
||||
</h5>
|
||||
<p class="card-text">
|
||||
<isprint value="${pdict.comment}" encoding="off" />
|
||||
</p>
|
||||
<h6 class="card-subtitle mb-2 text-muted">
|
||||
- <isprint value="${pdict.name}" />
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
5
the_learning_cartridge/cartridge/templates/default/hello.isml
Executable file
5
the_learning_cartridge/cartridge/templates/default/hello.isml
Executable file
@@ -0,0 +1,5 @@
|
||||
<html>
|
||||
<body>
|
||||
<h1>${pdict.param1}</h1>
|
||||
</body>
|
||||
</html>
|
||||
50
the_learning_cartridge/cartridge/templates/default/home/homePage.isml
Executable file
50
the_learning_cartridge/cartridge/templates/default/home/homePage.isml
Executable file
@@ -0,0 +1,50 @@
|
||||
<isdecorate template="common/layout/page">
|
||||
<isscript>
|
||||
var assets = require('*/cartridge/scripts/assets.js');
|
||||
assets.addJs('/js/productTile.js');
|
||||
assets.addCss('/css/homePage.css');
|
||||
</isscript>
|
||||
|
||||
<div class="container mt-4 mb-4">
|
||||
<h1>${pdict.detailText}</h1>
|
||||
<h2 class="text-primary">${pdict.promoText}</h2>
|
||||
</div>
|
||||
|
||||
<!-- +1.888.555.0199 --><!--This phone is a requirement to support existing Gomez monitor of SiteGenesis. Demadware customers can remove this.-->
|
||||
<div class="home-main homepage">
|
||||
<isslot id="home-main-m" description="Main home page slot." context="global" />
|
||||
</div>
|
||||
|
||||
<div class="container home-categories homepage">
|
||||
<div class="row home-main-categories no-gutters">
|
||||
<isslot id="home-categories-m" description="Categories slots on the home page." context="global" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container home-product-tiles homepage">
|
||||
<div class="hp-product-grid" itemtype="http://schema.org/SomeProducts" itemid="#product">
|
||||
<isslot id="home-products-m" description="Product tiles on the home page." context="global" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage shop-the-style">
|
||||
<isslot id="home-product-set-m" description="Link to a Product Set." context="global" />
|
||||
</div>
|
||||
<div class="home-email-signup">
|
||||
<div class="container">
|
||||
<form role="form">
|
||||
<div class="row">
|
||||
<div class="col-sm-5">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="hpEmailSignUp" placeholder="${Resource.msg('placeholdertext.form.emailsignup', 'homePage', null)}" aria-label="${Resource.msg('placeholdertext.form.emailsignup', 'homePage', null)}">
|
||||
<span class="input-group-append">
|
||||
<button type="submit" class="btn btn-primary subscribe-email" data-href="${URLUtils.url('EmailSubscribe-Subscribe')}">${Resource.msg('button.form.emailsignup', 'homePage', null)} </button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-7 email-description">${Resource.msg('description.form.emailsignup', 'homePage', null)}</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</isdecorate>
|
||||
@@ -0,0 +1,3 @@
|
||||
<p>
|
||||
Your Notification settings have been changed.
|
||||
</p>
|
||||
@@ -0,0 +1,57 @@
|
||||
<div class="container mt-3 mb-3">
|
||||
<h4 class="text-primary">${ Resource.msg('title.notifications','forms', null) }</h4>
|
||||
|
||||
<form action="${ URLUtils.url('Notifications-HandleForm') }" method="POST">
|
||||
|
||||
<div class="form-group">
|
||||
|
||||
<iscomment> checkbox </iscomment>
|
||||
<div class="form-row">
|
||||
<div class="form-check form-check-inline">
|
||||
<input type="checkbox" class="form-check-input" id="notificationSales"
|
||||
<isprint value="${pdict.notificationsForm.notificationSales.attributes}" encoding="off" />
|
||||
/>
|
||||
<label class="form-check-label" for="notificationSales">
|
||||
${pdict.notificationsForm.notificationSales.label}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<iscomment> checkbox </iscomment>
|
||||
<div class="form-row">
|
||||
<div class="form-check form-check-inline">
|
||||
<input type="checkbox" class="form-check-input" id="notificationNew"
|
||||
<isprint value="${pdict.notificationsForm.notificationNew.attributes}" encoding="off" />
|
||||
/>
|
||||
<label class="form-check-label" for="notificationNew">
|
||||
${pdict.notificationsForm.notificationNew.label}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<iscomment> checkbox </iscomment>
|
||||
<div class="form-row">
|
||||
<div class="form-check form-check-inline">
|
||||
<input type="checkbox" class="form-check-input" id="notificationStock"
|
||||
<isprint value="${pdict.notificationsForm.notificationStock.attributes}" encoding="off" />
|
||||
/>
|
||||
<label class="form-check-label" for="notificationStock">
|
||||
${pdict.notificationsForm.notificationStock.label}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<iscomment> submit button </iscomment>
|
||||
<div class="form-row">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
${Resource.msg('button.submit.promo.code','cart', null)}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<iscomment> CSRF protection </iscomment>
|
||||
<input type="hidden" name="${pdict.csrf.tokenName}" value="${pdict.csrf.token}" />
|
||||
|
||||
</form>
|
||||
</div>
|
||||
@@ -0,0 +1,9 @@
|
||||
<iscomment> total stock </iscomment>
|
||||
<p class="text-primary mt-3">
|
||||
Total Stock: ${pdict.product.stockInformation}
|
||||
</p>
|
||||
|
||||
<!-- Availability -->
|
||||
<div class="availability row product-availability" data-ready-to-order="${product.readyToOrder}" data-available="${product.available}">
|
||||
<isinclude template="product/components/availability" />
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="container">
|
||||
|
||||
<isif condition="${pdict.basket.allProductLineItems.length > 0}">
|
||||
|
||||
<ul class="list-group">
|
||||
<iscomment>Assign product line item to variable product</iscomment>
|
||||
<isloop items="${pdict.basket.allProductLineItems}" var="product">
|
||||
<li class="list-group-item">
|
||||
${product.productName} - ${product.price}
|
||||
</li>
|
||||
</isloop>
|
||||
</ul>
|
||||
|
||||
<iselse/>
|
||||
Your Basket is empty.
|
||||
</isif>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="store-details" data-store-id="${store.ID}">
|
||||
<div class="store-name">${store.name}</div>
|
||||
<address>
|
||||
<a class="store-map" target='_blank' href="https://maps.google.com/?daddr=${store.latitude},${store.longitude}">
|
||||
${store.address1}
|
||||
<isif condition="${store.address2}">
|
||||
${store.address2}
|
||||
</isif>
|
||||
<isif condition="${store.city}">
|
||||
${store.city},
|
||||
</isif>
|
||||
<isif condition="${store.stateCode}">
|
||||
${store.stateCode}
|
||||
</isif>
|
||||
${store.postalCode}
|
||||
</a>
|
||||
<div class="store-hours">
|
||||
<isif condition="${store.storeHours}">
|
||||
<isprint value="${store.storeHours}" encoding="off"/>
|
||||
</isif>
|
||||
<isif condition="${store.email}">
|
||||
<p>
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<a href="mailto:${store.email}">${store.email}</a>
|
||||
</p>
|
||||
</isif>
|
||||
</div>
|
||||
<p>
|
||||
<isif condition="${store.phone}">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span><a class="storelocator-phone" href="tel:${store.phone}">${store.phone}</a></span>
|
||||
</isif>
|
||||
</p>
|
||||
</address>
|
||||
</div>
|
||||
Reference in New Issue
Block a user