@amp-nova/dc-accelerators
Version:
Amplience DC Frontend modules
68 lines (56 loc) • 2.16 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Banner</title>
<link rel="stylesheet" href="../../../dist/renders/image/image.min.css"/>
<link rel="stylesheet" href="../../../dist/renders/banner/banner.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1">
<style>
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<div class="js_banner_wrap"></div>
<!-- build:js ../../reusable/cms-javascript-sdk.min.js -->
<script src="../../../node_modules/cms-javascript-sdk/dist/cms-javascript-sdk.min.js"></script>
<!-- /build -->
<!-- build:js ../../reusable/handlebars.min.js -->
<script src="../../../node_modules/handlebars/dist/handlebars.min.js"></script>
<!-- /build -->
<!-- build:js ../../reusable/utils.js -->
<script src="../../reusable/js/utils.js"></script>
<!-- /build -->
<!-- build:js ../../reusable/handlebars_helpers.js -->
<script src="../../reusable/js/handlebars_helpers.js"></script>
<!-- /build -->
<!-- This is a compiled template-->
<script src="../../../dist/renders/banner/acc-template-image.min.js"></script>
<script src="../../../dist/renders/banner/acc-template-banner.min.js"></script>
<script>
//AmpCa is global namespace generated by handlebars compiler
AmpCa.utils = new AmpCa.Utils();
Handlebars.partials['acc-template-image'] = AmpCa.templates['acc-template-image'];
AmpCa.utils.getCaData({
auth: {
baseUrl: 'https://c1.adis.ws',
//id: '04125527-a0b0-415e-9b83-0791d7669638',
id: 'cf341a48-581b-4283-a289-12cd4c8e94fa', //with roundel
store: 'csdemo'
},
callback: function (data) {
console.log(data[0]);
var template = Handlebars.template(AmpCa.templates['acc-template-banner']);
document.querySelectorAll(".js_banner_wrap")[0].innerHTML = template(data[0]);
},
formatData: function (data) {
return amp.inlineContent(JSON.parse(data));
}
});
</script>
</body>
</html>