Customer Feedback
Customer Feedback
We're here to resolve any concerns you might have. We appreciate any feedback you'd like to give. It's only through close relationships and an ongoing dialogue with our customers that we're able to better serve your needs. If your enquiry is of a more general nature and not related to feedback please click here or if you require a quotation for materials please click here.
An error occurred while processing the template.
The following has evaluated to null or missing:
==> formInstanceId [in template "20116#20152#155194" at line 209, column 37]
----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${formInstanceId} [in template "20116#20152#155194" at line 209, column 35]
----
1<style>
2.notification{
3 position: fixed;
4 top: 20px;
5 right: 20px;
6 z-index: 99999;
7 display: none;
8 max-width: 350px;
9 border: 1px solid;
10}
11.notification-text{
12 padding: 30px;
13}
14.error{
15 background-color: #fff;
16}
17.success{
18 background-color: #fff;
19}
20.notification-tittle{
21 display: block;
22 font-weight: bold;
23 padding: 30px;
24 background-color: #D53F43;
25 color: #fff;
26 font-size: 18px;
27}
28
29.notification-tittle .glyphicon{
30 margin-left: 5px;
31}
32
33.b-form__component-container input.form-control{
34 background-color: #fafafa;
35 border: 1px solid #cccccc;
36 border-width: 1px;
37}
38
39.b-form__component-container select.form-control{
40 background-color: #fafafa;
41 border: 1px solid #cccccc;
42 border-width: 1px;
43}
44
45.b-form__component-container textarea.form-control{
46 background-color: #fafafa;
47 border: 1px solid #cccccc;
48 border-width: 1px;
49 resize:none;
50}
51
52.b-form__component-container .form-group label{
53 color: #000;
54 font-size: 16px;
55 line-height: 24px;
56 font-family: "Roboto", sans-serif;
57 text-transform: capitalize;
58 margin-bottom: 15px;
59}
60
61.b-form__component-container .form-group label.checkbox-default{
62 padding-left: 20px;
63}
64
65.b-form__component-container .custom-file-upload{
66 border: solid 1px #000000;
67 font-size: 11px;
68 font-family: "Roboto", sans-serif;
69 text-transform: uppercase;
70 letter-spacing: 2px;
71 line-height: 10px;
72 padding: 10px;
73 font-weight: bold;
74}
75
76.b-form__component-container .b-form__inputFile{
77 display: block;
78 padding: 15px;
79}
80.b-form__component-container .b-form__inputFile-text{
81 display: inline-block;
82 padding-left: 10px;
83}
84
85.b-form__component-container .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{
86 margin-left: 0;
87}
88.b-form__component-container .radio-inline{
89 margin-right: 0;
90 padding-left: 20px;
91}
92
93.b-form__component-container .btn.btn-lg.btn-primary{
94 border: solid 1px #000000;
95 font-size: 11px;
96 font-family: "Roboto", sans-serif;
97 text-transform: uppercase;
98 letter-spacing: 2px;
99 line-height: 10px;
100 padding: 10px;
101 font-weight: bold;
102 background-color: white;
103 color: black;
104 border-radius: 0;
105 width: 100px;
106 float: none !important;
107 left: 50%;
108 position: relative;
109 transform: translateX(-50%);
110 margin-bottom: 40px;
111}
112
113.b-form__component-container .ddl-form-basic-info{
114 display: none;
115}
116
117.b-form__component-container .liferay-ddm-form-field-paragraph .control-label{
118 padding: 20px 0;
119 margin: 0;
120}
121
122.b-form__component-container .liferay-ddm-form-field-paragraph hr{
123 border-top: 0px solid #999;
124 margin-bottom: 0px;
125 margin-top: 0px;
126 margin-bottom: 0px;
127 border: 1px solid;
128 border-top: 0px solid #eee;
129}
130
131.b-form__component-container .liferay-ddm-form-field-paragraph div p{
132 display: none;
133}
134
135.b-form__component-container .active.lfr-ddm-form-page .row input, .b-form__component-container .active.lfr-ddm-form-page .row .input-group-container, .b-form__component-container .active.lfr-ddm-form-page .row label.control-label, .b-form__component-container .active.lfr-ddm-form-page .row select, .b-form__component-container .active.lfr-ddm-form-page .row textarea, .b-form__component-container .lfr-ddm-form-container .lfr-ddm-form-pagination-controls {
136 width: 100%;
137}
138.lfr-ddm-form-container .lfr-ddm-form-field-container .icon-asterisk {
139 display:inline !important;
140}
141@media (max-width: 768px) {
142 .b-form__component-container .active.lfr-ddm-form-page .row input[type="checkbox"],
143 .b-form__component-container .active.lfr-ddm-form-page .row input[type="radio"]{
144 width: auto !important;
145 }
146 .b-form__component-container .form-group label{
147 width: 50%
148 }
149
150 .b-cemex-button__inline {
151 display: block;
152 width: 90%;
153 margin-bottom: 10px;
154 }
155}
156
157</style>
158
159<#function getParamsOfInputFiles items>
160<#assign isFirstItem = true />
161<#assign itemsToCreate = "" />
162<#assign emailProfileValue = "" />
163
164<#if emailProfile?? && emailProfile.getData()?? && emailProfile.getData()?trim != "">
165 <#assign emailProfileValue = emailProfile.getData() />
166</#if>
167
168<#list items as item>
169<#if !isFirstItem>
170<#assign itemsToCreate = itemsToCreate+","/>
171</#if>
172<#assign itemsToCreate = itemsToCreate + "${item.inputName.getData()?trim}" />
173<#assign isFirstItem = false />
174</#list>
175<#assign itemsToCreate = itemsToCreate+"" />
176
177<#return itemsToCreate/>
178</#function>
179
180
181<#if FormLocale.getSiblings()?has_content>
182<#list FormLocale.getSiblings() as formLocale>
183<#if locale == formLocale.getData() >
184<#assign formInstanceId = "portlet_com_liferay_dynamic_data_lists_form_web_portlet_DDLFormPortlet_INSTANCE_"+FormGroupId.getData()+"_"+formLocale.getData()>
185<div class="row">
186 <div class="col-sm-offset-2 col-sm-8">
187 <div class="b-form__component-container ${formLocale.getData()}">
188 <@liferay_portlet["runtime"]
189 defaultPreferences=""
190 instanceId="${FormGroupId.getData()}_${formLocale.getData()}"
191 portletName="com_liferay_dynamic_data_lists_form_web_portlet_DDLFormPortlet"
192 />
193 </div>
194 </div>
195</div>
196
197
198</#if>
199</#list>
200</#if>
201<#if inputFile.getSiblings()?has_content>
202<#assign items2 = getParamsOfInputFiles(inputFile.getSiblings()) />
203</#if>
204<script type="text/javascript">
205 AUI().ready(function(){
206 "use strict";
207
208 (function () {
209 var id = "${formInstanceId}";
210 var some = "${items2}";
211
212 function setformAccions(){
213 var form = $("#" + id).find("form");
214
215 var formName = $(form).find(".ddl-form-name").html();
216 var formID = form.attr("id");
217 var formbutton = form.find("button[type='submit']");
218 var action = form.attr("action");
219 var formValues = form.serialize();
220 $(formbutton).prop("type", "button");
221 formbutton.on("click", function () {
222 form.submit();
223 });
224
225 setAttatchments(formID);
226 form.on("submit", function ($event) {
227 debug;
228 $.ajax({
229 type: "POST",
230 url: action,
231 data: form.serialize(),
232 success: function success(data) {
233 var successCounter = data.match(/successfully/g).length;
234 if (successCounter > 2) {
235 var values = {};
236 $.each(form.serializeArray(), function (i, field) {
237 if (field.name.indexOf("$$") !== -1) {
238 var name = field.name.split("$$")[1].split("$")[0];
239 if (!!values[name]) {
240 values[name] = [field.value].concat(values[name]);
241 } else {
242 values[name] = field.value;
243 }
244 }
245 });
246
247 var nform = $('#b-form-input-Files-Div')[0];
248
249 var newform = new FormData(nform);
250
251
252 var content = "";
253 var keys = Object.keys(values);
254
255 keys.forEach(function (key) {
256 if (Array.isArray(values[key])) {
257 content += "<p style=\"color:#9aa2a6; font-size:18px; margin:32px 0 16px 0\">" + key + "</p><p style=\"font-size:16px; margin:0\">" + values[key].toString() + "</p>";
258 } else {
259 content += "<p style=\"color:#9aa2a6; font-size:18px; margin:32px 0 16px 0\">" + key + "</p><p style=\"font-size:16px; margin:0\">" + values[key] + "</p>";
260 }
261 });
262
263 var user = Liferay.ThemeDisplay.getUserName() !== "" ? Liferay.ThemeDisplay.getUserName(): "Guest";
264 var messageContent = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"/><title>Email From Liferay</title><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"/><style></style></head><body style=\"margin: 0; padding: 0;\"><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"600\" style=\"background-color:#e4e9ec; padding:40px\"><tbody><tr><td><div id=\"x_introduction\" style=\"background-color:#fff; border-radius:4px; margin:0 auto 24px auto; padding:40px\"><h1 align=\"center\" style=\"margin-bottom:24px; margin-top:0\">Guest</h1><h2 align=\"center\" style=\"margin-bottom:24px; margin-top:0\">Hi,</h2><p style=\"line-height:30px; margin-bottom:24px; margin-top:0\"><b>"+ user +"</b> submitted an entry for "+ formName +" form.</div></td></tr><tr><td><h3 style=\"color:#9aa2a6; font-weight:300; margin:8px 0 8px; text-align:center\">Here's what was entered into the form:</h3><div style=\"background-color:#fff; border-radius:4px; margin:0 auto 24px auto; padding:40px\"><h4 style=\"color:#9aa2a6; font-size:21px; font-weight:500; margin:0\"></h4>"+content+"</div></td></tr></tbody></table></td></tr></table></body></html>";
265
266 newform.append("bodyMail", messageContent);
267
268 var group = defineGroupToSend();
269
270 newform.append("groupToSend", group);
271
272 $.ajax({
273 url : "/o/mailer/send",
274 type: "POST",
275 enctype: 'multipart/form-data',
276 cache: false,
277 contentType: false,
278 processData: false,
279 data : newform,
280 success: function(response){
281 cleanForm(form);
282 cleanForm(nform);
283 showNotification({
284 title: 'Success!',
285 text: "Your information was sent successfully",
286 type: 'success',
287 time: 3000,
288 });
289 },
290 error: function(response){
291 showNotification({
292 title: 'Error!',
293 text: "Ooops, looks like we have a problem with the server, try again!",
294 type: 'error',
295 time: 3000,
296 });
297 }
298 });
299
300 }else{
301 showNotification({
302 title: 'Error!',
303 text: "Ooops, looks like we have a problem with your info, try again!",
304 type: 'error',
305 time: 3000,
306 });
307
308 }
309 }
310 });
311 $event.preventDefault();
312 });
313
314}
315
316function defineGroupToSend(){
317 var isEnableCustomDestination = "${customDestination.getData()}";
318 var emailProfile = "${emailProfileValue}";
319 var groupToSend = "default";
320 var fistVariable = "";
321 var secondVariable = "";
322 if(isEnableCustomDestination === "true"){
323 $(".input-select-wrapper").each(function(i, element){
324 var label = $(element).find("label");
325 if(label[0].innerText.toLowerCase() === "area / location"){
326 var select = $(element).find("select");
327 fistVariable = select.val().toLowerCase();
328 }
329 });
330
331 $(".radio.radio-options").each(function(i, element){
332 var label = $(element).siblings("label");
333 if(label[0].innerText.toLowerCase() === "products"){
334 var select = $(element).find("input:checked");
335 secondVariable = select.val().toLowerCase();
336 }
337 });
338
339 if(!!secondVariable && secondVariable !== '' && !!fistVariable && fistVariable !== ''){
340 if(secondVariable === 'aggregates'){
341 if ( fistVariable === "cheshire" || fistVariable === "cumbria" || fistVariable === "durham" || fistVariable === "east riding of yorkshire" || fistVariable === "greater manchester" || fistVariable === "lancashire" || fistVariable === "merseyside" || fistVariable === "northumberland" || fistVariable === "north yorkshire" || fistVariable === "south yorkshire" || fistVariable === "teeside" || fistVariable === "tyneside" || fistVariable === "west yorkshire" || fistVariable === "wales - north"){
342 groupToSend = "group1-"+slugfy(secondVariable.toLowerCase());
343 }else if(fistVariable === "scotland"){
344 groupToSend = "group2-"+slugfy(secondVariable.toLowerCase());
345 }else{
346 groupToSend = ""+slugfy(secondVariable.toLowerCase());
347 }
348 }
349 }else{
350 groupToSend = slugfy(secondVariable.toLowerCase());
351 }
352 } else {
353 if(emailProfile != "")
354 groupToSend = emailProfile;
355 }
356
357 return groupToSend;
358}
359
360function setAttatchments(formID){
361 if(some !== ""){
362 var elements = some.split(",");
363
364 var contenedor = document.querySelector("#"+formID+" .lfr-ddm-form-content");
365
366 var inputFilesDiv = document.createElement("form");
367 inputFilesDiv.id = "b-form-input-Files-Div";
368 var attatchmentsLabel = document.createElement("label");
369 var attatchmentsLabelText = document.createTextNode("File Attachment");
370 attatchmentsLabel.appendChild(attatchmentsLabelText);
371 elements.forEach(function (e) {
372 var divInput = document.createElement("div");
373 var span = document.createElement("span");
374 var label = document.createElement("label");
375 var text = document.createTextNode("choose file");
376 var spanText = document.createTextNode(e+": ");
377 var fileText = document.createTextNode("No file chosen");
378 var divInputFileText = document.createElement("div");
379 divInput.classList = "b-form__inputFile";
380 divInputFileText.classList = "b-form__inputFile-text "+e;
381 divInputFileText.appendChild(fileText);
382
383 label.setAttribute("for", slugfy(e));
384 label.classList = "custom-file-upload";
385 span.appendChild(spanText);
386 label.appendChild(text);
387
388 divInput.appendChild(span);
389 divInput.appendChild(label);
390 divInput.appendChild(divInputFileText);
391
392 var input = document.createElement("input");
393 input.type = "file";
394 input.name = slugfy(e);
395 input.id = slugfy(e);
396 input.classList="hidden";
397 input.accept = ".jpg, .jpeg, .png, .doc, .docx, .pdf";
398 divInput.appendChild(input);
399 inputFilesDiv.appendChild(divInput);
400 });
401 contenedor.appendChild(attatchmentsLabel);
402 contenedor.appendChild(inputFilesDiv);
403
404 }
405
406 $('#b-form-input-Files-Div input[type="file"]').on("change", function($event){
407 $($event.target.previousSibling).html($event.target.files[0].name);
408 });
409
410 $(".checkbox-multiple-options").find("label").addClass("col-xs-6 col-md-4");
411 $(".radio.radio-options").find("label").addClass("col-xs-6 col-md-4");
412
413}
414
415function cleanForm(form){
416 $(form).find('input:text, input:password, input:file, select, textarea').val('');
417 $(form).find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
418 $(form).find('.b-form__inputFile-text').html("No file chosen");
419}
420
421function slugfy(e){
422 return e.replace(/ /g, "-");
423}
424
425
426function showNotification(notificationObj){
427 var divTop = document.createElement("div");
428 divTop.classList.add("notification");
429 divTop.classList.add(notificationObj.type);
430 divTop.setAttribute("id", "notificationPopUp");
431
432 var divContent = document.createElement("div");
433 divContent.classList.add("nofitication-content");
434
435 var spanTitle = document.createElement("span");
436 spanTitle.classList.add("notification-tittle");
437 spanTitle.classList.add("text-capitalize");
438 var titleText = document.createTextNode(notificationObj.title);
439
440
441 var spanTitleIcon = document.createElement("span");
442 spanTitleIcon.classList.add("glyphicon");
443 if(notificationObj.type === "error"){
444 spanTitleIcon.classList.add("glyphicon-remove-circle");
445 }else{
446 spanTitleIcon.classList.add("glyphicon-ok-circle");
447 }
448
449 var divTextContent = document.createElement("div");
450 divTextContent.classList.add("notification-text");
451
452 var spanContent = document.createElement("span");
453 var contentText = document.createTextNode(notificationObj.text);
454
455 spanTitle.appendChild(titleText);
456 spanTitle.appendChild(spanTitleIcon);
457 spanContent.appendChild(contentText);
458 divTextContent.appendChild(spanContent);
459
460 divContent.appendChild(spanTitle);
461 divContent.appendChild(divTextContent);
462
463 divTop.appendChild(divContent);
464 document.body.appendChild(divTop);
465 $("#notificationPopUp").slideToggle( "slow" );
466
467 setTimeout(function(){
468 $("#notificationPopUp").slideToggle( "slow" );
469 }, notificationObj.time );
470
471 setTimeout(function(){
472 $("#notificationPopUp").remove();
473 $("#b-email-modal-component__content .lfr-alert-container").hide();
474 }, notificationObj.time + 1500);
475
476}
477
478var interval = setInterval(function(){
479 if(some !== "" && $("#b-form-input-Files-Div").length === 0){
480 setformAccions();
481 clearInterval(interval);
482 }else{
483 clearInterval(interval);
484 }
485}, 500);
486
487
488})(jQuery);
489});
490</script>
Get a Quote
We look forward to serving your construction needs.