1<#-- 

2Web content templates are used to lay out the fields defined in a web 

3content structure. 

4 

5Please use the left panel to quickly add commonly used variables. 

6Autocomplete is also available and can be invoked by typing "${". 

7--> 

8<#assign samUtil = staticUtil["com.sambaash.platform.util.SambaashUtil"]> 

9<#assign serviceContext = staticUtil["com.liferay.portal.service.ServiceContextThreadLocal"].getServiceContext()> 

10<#assign httpServletRequest = serviceContext.getRequest()> 

11<#assign ipCountry = samUtil.retreiveCountry(httpServletRequest)> 

12 

13 

14<script type="text/javascript"> 

15function renderFormIframe(url) { 

16    var encodedURL=encodeURIComponent(location.protocol + '//' + location.host + location.pathname); 

17    var mainUrl = window.location.search.substring(1); 

18    var iframeUrl = url; 

19    if (mainUrl != null && mainUrl != "") { 

20        iframeUrl = url + (url.indexOf("?") === -1 ? "?" : "&") + mainUrl + "&parentUrl="+encodedURL; 

21    } 

22    iframeUrl = iframeUrl + "&locationCode=${ipCountry}"; 

23    document.write('<iframe src=\"' + iframeUrl + '\"  frameborder="0"  width="100%" height="100%" id="formIframe""></iframe>'); 

24} 

25</script> 

26<style type="text/css"> 

27.minisiteForm{ 

28padding-top:80px; 

29} 

30 

31.Mn_formWrap_pad 

32{ 

33    padding:20px !important; 

34    margin: 0 auto !important; 

35    max-width: 720px; 

36} 

37 

38 

39.Mn_IframeWrap 

40{ 

41width:100%; 

42max-width:539px; 

43height:100%; 

44 

45} 

46 

47p.Mn_formtitle 

48{ 

49font-size: 16px; 

50  font-weight: bold; 

51  font-style: normal; 

52  font-stretch: normal; 

53  line-height: normal; 

54  letter-spacing: normal; 

55  color: #555555; 

56  text-align: center; 

57} 

58 

59.mn-expcolpWrap { 

60  width: 100%; 

61  max-width: 800px; 

62  padding: 4px 0; 

63  margin: 0 auto;  

64} 

65.exp-colp-wrap { 

66  display: flex; 

67  justify-content: flex-end; 

68  align-items: center; } 

69 

70.expand-collapse-icon { 

71  width: 30px; 

72  height: 30px; 

73  border-radius: 4px; 

74  background-image: linear-gradient(to bottom, #f7f8fa, #eaeef2); 

75  border: solid 1px #d8dfe5; 

76  text-align: center; 

77  margin-left: 10px; 

78  cursor: pointer; } 

79  .expand-collapse-icon img { 

80    width: 15px; 

81    vertical-align: middle; 

82    margin-top: 3px; 

83    margin-left: 2px; } 

84 

85 

86@media screen and (max-width: 768px) and (min-width: 320px){ 

87 

88 

89.aui .dockbar-ready #wrapper { 

90    padding-top: 0; 

91} 

92} 

93 

94</style> 

95 

96 

97<#assign title = FormTitle.getData()> 

98<#assign formUrl = "https://forms.sambaash.com/formloader/index.html?Id=" + FormId.getData()> 

99 

100<#assign processId = processId1.getData()> 

101<#assign country_name_1 = countryName.getData()> 

102<#assign persona_3 = persona.getData()> 

103<#assign product_interest_5 = productInterest.getData()> 

104<#assign purpose_4 = purpose.getData()> 

105<#assign minisite_url_2 = minisiteUrl.getData()> 

106<#assign entityId = entityId1.getData()> 

107 

108<#if processId != ""> 

109    <#assign processIdVar = "&processId="> 

110    <#assign formUrl = formUrl + processIdVar> 

111    <#assign formUrl = formUrl +  processId> 

112</#if> 

113 

114<#if entityId != ""> 

115    <#assign entityIdVar = "&entityId="> 

116    <#assign formUrl = formUrl + entityIdVar> 

117    <#assign formUrl = formUrl +  entityId> 

118</#if> 

119 

120<#if entityId == ""> 

121    <#assign entityId = "1"> 

122    <#assign entityIdVar = "&entityId="> 

123    <#assign formUrl = formUrl + entityIdVar> 

124    <#assign formUrl = formUrl +  entityId> 

125</#if> 

126 

127<#if country_name_1 != ""> 

128    <#assign country_name_1Var = "&country_name_1="> 

129    <#assign formUrl = formUrl + country_name_1Var> 

130    <#assign formUrl = formUrl +  country_name_1> 

131</#if> 

132 

133<#if persona_3 != ""> 

134    <#assign persona_3Var = "&persona_3="> 

135    <#assign formUrl = formUrl + persona_3Var> 

136    <#assign formUrl = formUrl +  persona_3> 

137</#if> 

138 

139<#if product_interest_5 != ""> 

140    <#assign product_interest_5Var = "&product_interest_5="> 

141    <#assign formUrl = formUrl + product_interest_5Var> 

142    <#assign formUrl = formUrl +  product_interest_5> 

143</#if> 

144 

145<#if purpose_4 != ""> 

146    <#assign purpose_4Var = "&purpose_4="> 

147    <#assign formUrl = formUrl + purpose_4Var> 

148    <#assign formUrl = formUrl +  purpose_4> 

149</#if> 

150 

151<#if minisite_url_2 != ""> 

152    <#assign minisite_url_2Var = "&minisite_url_2="> 

153    <#assign formUrl = formUrl + minisite_url_2Var> 

154    <#assign formUrl = formUrl +  minisite_url_2> 

155</#if> 

156 

157<div class="minisite-wrap Mn_formWrap_pad" data-track-content data-content-name="EoI Form" data-content-piece="Form"> 

158 

159<#if title != ""> 

160    <p class="Mn_formtitle"><strong><span style="font-size:16px;">${title}</span></strong></p> 

161</#if> 

162 

163<p class="Mn_formtitle">&nbsp;</p> 

164 

165<div id="Mn-Frame" class="Mn_IframeWrap" ><script type="text/javascript">renderFormIframe('${formUrl}')</script></div> 

166</div> 

167 

168 

169<script type="text/javascript"> 

170  var eventMethod = window.addEventListener ? "addEventListener" 

171     : "attachEvent"; 

172   var eventer = window[eventMethod]; 

173   var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message"; 

174   eventer(messageEvent, function( b ) { 

175    //console.log("parent received message!: ", b.data); 

176     

177    try{ 

178     var obj = JSON.parse(b.data); 

179     if(obj.src == 'formloader'){ 

180      var iframe = document.getElementById("formIframe"); 

181      iframe.height = obj.height + "px";  

182     } 

183    }catch(err){ 

184     /*console.log(err);*/ 

185    } 

186     

187    try { 

188		scroll(0,0); 

189		if (b.data.indexOf("scroll") !== -1){ 

190            window.location.href = "/thank-you"; 

191		} 

192    } catch (err){ 

193        console.log("unable to scroll ", err) 

194    } 

195     

196   }, false); 

197</script>