@amp-nova/dc-accelerators
Version:
Amplience DC Frontend modules
91 lines (72 loc) • 3.21 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Slider</title>
<link rel="stylesheet"
href="{VISUALIZATION_BASEPATH}/renders/slider/slider.min.css"/>
<link rel="stylesheet"
href="{VISUALIZATION_BASEPATH}/renders/banner/banner.min.css"/>
<link rel="stylesheet"
href="{VISUALIZATION_BASEPATH}/renders/image/image.min.css"/>
<link rel="stylesheet"
href="{VISUALIZATION_BASEPATH}/renders/video/video.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_slider_wrap"></div>
<script src="{VISUALIZATION_BASEPATH}/reusable/cms-javascript-sdk.min.js"></script>
<script src="{VISUALIZATION_BASEPATH}/reusable/handlebars.min.js"></script>
<script src="{VISUALIZATION_BASEPATH}/reusable/utils.js"></script>
<script src="{VISUALIZATION_BASEPATH}/reusable/handlebars_helpers.js"></script>
<script src="{VISUALIZATION_BASEPATH}/reusable/lory.min.js"></script>
<script src="{VISUALIZATION_BASEPATH}/renders/slider/package/sliderHelper.js"></script>
<script src="{VISUALIZATION_BASEPATH}/renders/slider/acc-template-slider.min.js"></script>
<script src="{VISUALIZATION_BASEPATH}/renders/image/acc-template-image.min.js"></script>
<script src="{VISUALIZATION_BASEPATH}/renders/banner/acc-template-banner.min.js"></script>
<script src="{VISUALIZATION_BASEPATH}/renders/video/acc-template-video.min.js"></script>
<script>
function getQueryVar(params) {
var paramsObj = {};
var currentParam = null;
for (var x = 0; x < params.length; x++) {
currentParam = window.location.href.match(new RegExp(params[x] + "=([a-zA-Z0-9-\._]+)"));
if (currentParam && currentParam.length > 1) {
paramsObj[params[x]] = currentParam[1];
}
else {
console.warn('Param: ' + x + ' not found');
}
}
var url = 'https://' + paramsObj.vse + '/cms/content/query?fullBodyObject=true&scope=tree&store={COMPANY_TAG}&query=%7B"sys.iri":"http://content.cms.amplience.com/' + paramsObj.content + '"%7D&v=' + Date.now();
return url;
}
Handlebars.partials = AmpCa.templates;
AmpCa.utils = new AmpCa.Utils();
AmpCa.utils.getCaData({
url: getQueryVar(['vse', 'content']),
auth: {
baseUrl: 'https://c1.adis.ws',
id: 'aafecabb-d1da-4300-9055-2bdbb700a4dd', //'653d3a56-c433-4d94-a585-894c42418082'
store: 'csdemo'
},
callback: function (data) {
var template = Handlebars.template(AmpCa.templates['acc-template-slider']);
document.querySelectorAll(".js_slider_wrap")[0].innerHTML = template(data[0]);
loryHelpers.initSliders(document.querySelectorAll(".js_slider"));
AmpCa.utils.postProcessing.exec('slider', {});
},
formatData: function (data) {
return amp.inlineContent(JSON.parse(data));
}
});
</script>
</body>
</html>