@amp-nova/dc-accelerators
Version:
Amplience DC Frontend modules
68 lines (55 loc) • 1.72 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>externalBlock</title>
<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;
}
.test {
padding: 20px;
background: #efefef;
border-radius: 5px;
margin: 20px;
min-width: 360px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.test > div {
padding: 20px;
background: #bff2b5;
border-radius: 5px;
margin: 20px;
}
</style>
</head>
<body>
<div class="js_external_wrap"></div>
<script src="../../reusable/cms-javascript-sdk.min.js"></script>
<script src="../../reusable/handlebars.min.js"></script>
<script src="../../reusable/utils.js"></script>
<script src="../../../dist/renders/externalBlock/acc-template-externalBlock.min.js"></script>
<script>
AmpCa.utils = new AmpCa.Utils();
AmpCa.utils.getCaData({
auth: {
baseUrl: 'https://c1.adis.ws',
id: '09a41f98-e99e-40b5-8736-dfd10f927e48',
store: 'csdemo'
},
callback: function (data) {
var template = Handlebars.template(AmpCa.templates['acc-template-externalBlock']);
document.querySelectorAll(".js_external_wrap")[0].innerHTML = template(data[0]);
},
formatData: function (data) {
return amp.inlineContent(JSON.parse(data));
}
});
</script>
</body>
</html>