1<#--
2Widget templates can be used to modify the look of a
3specific application.
4
5Please use the left panel to quickly add commonly used variables.
6Autocomplete is also available and can be invoked by typing "${".
7
8-->
9<style>
10 .main-carousel .carousel-btn {
11 padding: 4px 14px 3px;
12 display: flex;
13 align-items: center;
14 }
15@media screen and (min-width: 768px) {
16 .main-carousel .carousel-btn {
17 line-height:1.1;
18 display: flex;
19 align-items: center;
20 }
21}
22</style>
23
24<#if entries?has_content>
25 <div id="myCarousel" class="carousel main-carousel slide js-hero-area" data-img-desk="/o/cscq-theme/images/home/cscq-slider-bg.jpg" data-img-desk-x2="/o/cscq-theme/images/home/cscq-slider-bg.jpg" data-img-mobile="/o/cscq-theme/images/home/cscq-slider-bg-mobile.jpg">
26
27 <!-- Wrapper for Slides -->
28 <div class="carousel-inner">
29
30 <#assign count = 0>
31
32 <#list entries as curEntry>
33 <#if count = 0>
34 <div class="item active">
35 <#else>
36 <div class="item">
37 </#if>
38
39 <#assign count = count+1>
40
41 <#assign
42 assetRenderer = curEntry.getAssetRenderer()
43 journalArticle = assetRenderer.getAssetObject()
44 />
45 <@liferay_journal["journal-article"]
46 articleId=journalArticle.getArticleId()
47 ddmTemplateKey="51358"
48 groupId=journalArticle.getGroupId()
49 />
50
51 </div>
52 </#list>
53
54 <!-- Controls -->
55 <a class="left carousel-control" href="#myCarousel" data-slide="prev">
56 <span class="icon-prev"></span>
57 </a>
58 <a class="right carousel-control" href="#myCarousel" data-slide="next">
59 <span class="icon-next"></span>
60 </a>
61
62 <div class="bs3-container indicateur-container-wrapper">
63 <div class="bs3-row">
64 <div class="bs3-col-lg-12">
65 <!-- Indicators -->
66 <div class="indicateur-container container">
67 <div class="bs3-container">
68 <ol class='carousel-indicators'></ol>
69 </div>
70 </div>
71 </div>
72 </div>
73 </div>
74
75 </div>
76 </div>
77
78</#if>
