Testimonials
An error occurred while processing the template.
Denied access to method or field getParameter of class org.apache.catalina.core.ApplicationHttpRequest
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign paramcateg = (request.getPara... [in template "20099#20135#1262617" at line 3, column 1]
----
1<#assign current_url = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
2
3<#assign paramcateg = (request.getParameter("categ"))!"">
4<#assign paramcateg = paramcateg?replace('%20', '') />
5
6<#assign paramvideo = (request.getParameter("vid"))!"" />
7<#assign paramvideo = paramvideo?replace('%20', '') />
8
9<div class="boxed-row testimonials-container">
10 <div class="boxed-inner-row">
11 <div class="testimonials-filter text-center" id="articles">
12 <label>Categories </label>
13 <select onchange="changeCateg(this);" class="categories-select custom-select" style="padding-bottom: 8px">
14 <option value="all" <#if paramcateg=='' || paramcateg=='all'>selected</#if> >All</option>
15 <#list category_label.siblings as categ>
16 <option <#if paramcateg==categ.category_value.data>selected</#if> value="${categ.category_value.data}">${categ.data}</option>
17 </#list>
18 </select>
19 </div>
20 <div class="testimonials-box row" >
21 <#list articles.siblings as article>
22 <#if paramvideo==article.articleId.data || (paramvideo == '' && (paramcateg==article.category.data || paramcateg=='' || paramcateg=='all'))>
23 <#assign image_map = jsonFactoryUtil.createJSONObject(article.preview.data)>
24 <#if image_map.getString("uuid")?? && image_map.getString("uuid") != "">
25 <#assign image = article.preview.getData() />
26 <#else>
27 <#assign image = image_map.getString("data") />
28 </#if>
29
30 <div class="col-lg-4 col-md-6 col-sm-12 testimonials-item">
31 <img class="testimonials-preview" src="${image}" />
32 <div class="testimonials-content">
33 <h3 class="testimonials-title">${article.data}</h3>
34 <div class="testimonials-summary">${article.summary.data}</div>
35 <a href="javascript:;" onclick="play('${article.video.data}?autoplay=1')" class="light-blue-text testimonials-link"><i class="fa fa-play-circle-o"> </i>Watch video</a>
36 </div>
37 </div>
38 </#if>
39 </#list>
40
41 <div class="modal fade play-video" id="mediaPlayer" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
42 <div class="modal-dialog" role="document">
43 <div class="modal-content">
44 <div class="modal-body">
45 <iframe id="iframePlayer" width="100%" src="" frameborder="0" allow="encrypted-media; fullscreen; autoplay"></iframe>
46 </div>
47 </div>
48 </div>
49 </div><!-- mediaPlayer -->
50 </div>
51 </div>
52</div>
53
54<script>
55 function changeCateg(sel){
56 var currentUrl = '${current_url}';
57 var curentVideo = '${paramvideo}';
58 currentUrl = currentUrl.replace(curentVideo, '');
59 currentUrl = currentUrl.replace('vid=', '');
60
61 var curentCateg = '${paramcateg}';
62
63 if(curentCateg != sel.value){
64 currentUrl = currentUrl.replace(curentCateg, '');
65 currentUrl = currentUrl.replace('categ=', '');
66 if(currentUrl.indexOf('?')<0)
67 currentUrl = currentUrl +'?';
68 currentUrl = currentUrl+'categ='+sel.value;
69 console.log(currentUrl);
70 location.href = currentUrl+"#articles";
71 }
72 }
73
74
75 function play(link){
76 var videoHeight = window.innerHeight - 100;
77 $('#iframePlayer').attr("src",link);
78 $('#iframePlayer').css('height', videoHeight+"px");
79 $('#mediaPlayer').modal()
80 }
81
82 $("#mediaPlayer").click(function (e) {
83 $('#mediaPlayer').modal('hide');
84 $("#mediaPlayer iframe").attr('src', "");
85 })
86</script>
87
88<style>
89 select.categories-select.custom-select {
90 width: auto;
91 border: none;
92 outline: none !important;
93 box-shadow: none !important;
94 padding-bottom: 8px;
95 }
96
97 .testimonials-filter {
98 padding-bottom: 40px;
99 border-bottom: 1px solid;
100 margin-bottom: 75px;
101 }
102
103 h3.testimonials-title {
104 margin-top: 25px;
105 margin-bottom: 15px;
106 }
107
108 .testimonials-item{
109 margin-bottom: 65px;
110 }
111
112 .testimonials-preview {
113 width: 100%;
114 }
115
116 .play-video .modal-dialog {
117 max-width: initial;
118 margin: 30px auto 0 auto;
119 width: 50%;
120 position: relative;
121 }
122 .play-video .modal-content{
123 background: #353435;
124 }
125 .play-video .close {
126 color: white;
127 text-shadow: none;
128 right: 0;
129 left:initial;
130 opacity: 1;
131 }
132
133 .play-video .modal-body {
134 padding: 0 1px;
135 }
136
137
138 @media (max-width: 993px){
139 .play-video .modal-dialog{
140 width: 80%;
141 }
142 }
143
144 @media (max-width: 767px){
145 .play-video .modal-dialog{
146 width: 90%;
147 }
148 }
149
150 .play-video .modal-dialog {
151 max-width: 690px;
152 }
153 .play-video .modal-content {
154 background: transparent;
155 border: none;
156 }
157</style>
