1<#assign articleTitle = .vars['reserved-article-title'].data /> 

2<#assign articleId = .vars['reserved-article-id'].data /> 

3<#assign articleImage = .vars['reserved-article-small-image-url'].data /> 

4<#assign articleDescription = .vars['reserved-article-description'].data /> 

5 

6	 

7<#if locale = "de_DE"> 

8	<#assign toutDevelopper = "Alles anzeigen"/> 

9	<#assign toutReduire = "Alles verstecken"/> 

10<#else> 

11	<#assign toutDevelopper = "Tout développer"/> 

12	<#assign toutReduire = "Tout réduire"/> 

13</#if> 

14 

15 

16<script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.0/dist/chart.min.js"></script> 

17<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script> 

18<script src="//cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script> 

19<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css"> 

20 

21<div id="id${articleId}" class="ivs-text-body">   

22	<#if basic_data.show_title.getData() == "big"> 

23	    <h1 id="inhalt_${articleId}" class="display-4 mb-4">${articleTitle}</h1> 

24	<#elseif basic_data.show_title.getData() == "default"> 

25	    <h1 id="inhalt_${articleId}" class="mb-3">${articleTitle}</h1> 

26	</#if> 

27	 

28	<div class="row"> 

29	    <#if basic_data.show_small_img.getData() == "left"> 

30	        <div class="col-12 col-sm-6 col-lg-4"> 

31	            <img src="${articleImage}" class="img-fluid img-thumbnail" alt=""> 

32	        </div> 

33	    </#if> 

34	    <div class="col"> 

35	        <#if getterUtil.getBoolean(basic_data.show_description.getData())> 

36	            <div  class="lead">${articleDescription}</div> 

37	        </#if> 

38	    </div>         

39	    <#if basic_data.show_small_img.getData()== "right"> 

40	        <div class="col-12 col-sm-6 col-lg-4"> 

41	            <img src="${articleImage}" class="img-fluid img-thumbnail" alt=""> 

42	        </div> 

43	    </#if> 

44	</div> 

45	<#if introduction??> 

46	    <div class="module_introduction"> 

47	        ${introduction.getData()} 

48	    </div> 

49	</#if> 

50	 

51	 

52	 

53	 

54	 

55	 

56	 

57	 

58	 

59	<div class="ivs-accordion"> 

60 

61	 

62			<#if section.getSiblings()?has_content> 

63              <div class="ivs-accordion"> 

64                <div class="ivs-accordion-header d-flex justify-content-between"> 

65					<#assign customTitle=themeDisplay.getPortletDisplay().getPortletSetup().getValue('portletSetupUseCustomTitle','false') /> 

66					<#assign portletId = themeDisplay.getPortletDisplay().getId() /> 

67					<h2></h2> 

68                  <a href="#" class="ivs-btn-accordion-toggle-all" data-state="collapsed"> 

69                    <span>${toutDevelopper}</span> 

70                    <span>${toutReduire}</span> 

71                  </a> 

72                </div> 

73				 

74                <div class="accordion" id="inhalt${articleId}"> 

75                <#assign x=98797 /> 

76			        <#list section.getSiblings() as cur_section> 

77			        	<#assign randomArticleId = randomNumber(x) /> 

78			        	<#assign randomArticleId = randomArticleId+x /> 

79		                  <div class="accordion-item"> 

80		                    <div class="accordion-header" id="heading-${randomArticleId}"> 

81		                      <h3 class="mb-0"> 

82		                        <button class="collapsed" type="button" data-toggle="collapse" data-target="#collapse-${randomArticleId}" aria-expanded="false" aria-controls="collapse-${randomArticleId}">${cur_section.title.getData()}</button> 

83		                      </h3> 

84		                    </div> 

85		                    <div id="collapse-${randomArticleId}" class="collapse" aria-labelledby="heading-${randomArticleId}"> 

86		                      <div class="accordion-content"> 

87									 <canvas class="w-100" height="400" id="${cur_section.divid.getData()}" width="400" aria-label="Graph ${cur_section.title.getData()}" role="img"></canvas> 

88										<script> 

89											${cur_section.script.getData()} 

90										</script> 

91										 

92										<#assign myfile=cur_section.datafile.getData()?split("csv") /> 

93										<#assign fileUrl=myfile[0] /> 

94										<#assign fileUrl=fileUrl+"csv" /> 

95										${cur_section.content.getData()} 

96										 

97 

98										<input type="hidden" id="file_${cur_section.divid.getData()}" value="${fileUrl}" /> 

99										<div class="float-left badge badge-secondary rounded-0 p-1" id="txtVersion_${cur_section.divid.getData()}">last update</div> 

100										<a class="float-right mb-3" href="javascript:void(0);" onclick="$('#dataDiv_${cur_section.divid.getData()}').toggle()"><span id="txtDataButton_${cur_section.divid.getData()}" class="btn btn-outline-primary">Data</span></a><br><br> 

101											<div id="dataDiv_${cur_section.divid.getData()}" style="margin-top:50px;display:none;"> 

102												<table id="dataTable_${cur_section.divid.getData()}" class="table"></table> 

103											</div> 

104								  </div> 

105								</div> 

106							  </div> 

107							  <#assign x=x+13 /> 

108						</#list> 

109					</div> 

110				  </div> 

111			 

112			 

113			 

114			 

115					 

116					 

117			</#if> 

118	</div> 

119</div> 

120 

121 

122<#function randomNumber salt> 

123    <#local str= .now?long /> 

124    <#assign str = (str * salt)/3 /> 

125    <#return str[(str?string?length-6)..]/> 

126</#function>