Flooring Quotations
Navigation
Beam and Block Floor Enquiries
We look forward to serving your construction needs. If your enquiry is not related to purchase of materials then please proceed to the customer feedback form.
An error occurred while processing the template.
The following has evaluated to null or missing:
==> formInstanceId [in template "20116#20152#155194" at line 278, 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 278, 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,
136.b-form__component-container .active.lfr-ddm-form-page .row .input-group-container,
137.b-form__component-container .active.lfr-ddm-form-page .row label.control-label,
138.b-form__component-container .active.lfr-ddm-form-page .row select,
139.b-form__component-container .active.lfr-ddm-form-page .row textarea,
140.b-form__component-container .lfr-ddm-form-container .lfr-ddm-form-pagination-controls {
141 width: 100%;
142}
143.b-form__component-container .form-group label {
144 width: 25%
145}
146.b-form__component-container .active.lfr-ddm-form-page .row input[type="checkbox"],
147.b-form__component-container .active.lfr-ddm-form-page .row input[type="radio"]{
148 width: auto !important;
149}
150.lfr-ddm-form-container .lfr-ddm-form-field-container .icon-asterisk {
151 display:inline !important;
152}
153.checkbox-multiple-options {
154 clear: both;
155}
156
157.loadingScreen{
158 position: fixed;
159 top: 0;
160 bottom: 0;
161 right: 0;
162 left: 0;
163 background-color: rgba(0,0,0,0.4);
164 z-index: 10000;
165 overflow: auto;
166}
167
168.loader {
169 border: 16px solid #f3f3f3;
170 border-top: 16px solid #3498db;
171 border-radius: 50%;
172 width: 120px;
173 text-align: center;
174 height: 120px;
175 animation: spin 2s linear infinite;
176 position: absolute;
177 left: 0;
178 right: 0;
179 top: 0;
180 bottom: 0;
181 margin: auto;
182}
183
184@keyframes spin {
185 0% { transform: rotate(0deg); }
186 100% { transform: rotate(360deg); }
187}
188
189
190
191@media (max-width: 992px) {
192 .b-form__component-container .form-group label {
193 width: 33%
194 }
195}
196@media (max-width: 768px) {
197 .b-form__component-container .form-group label {
198 width: 50%
199 }
200
201 .b-cemex-button__inline {
202 display: block;
203 width: 90%;
204 margin-bottom: 10px;
205 }
206}
207 .help-block{
208 color: #a94442;
209 }
210 .width-auto{
211 width: auto !important;
212 }
213
214</style>
215
216<#function getParamsOfInputFiles items>
217<#assign isFirstItem = true />
218<#assign itemsToCreate = "" />
219<#assign emailProfileValue = "" />
220
221<#if emailProfile?? && emailProfile.getData()?? && emailProfile.getData()?trim != "">
222 <#assign emailProfileValue = emailProfile.getData() />
223</#if>
224
225<#list items as item>
226<#if !isFirstItem>
227<#assign itemsToCreate = itemsToCreate+","/>
228</#if>
229<#assign itemsToCreate = itemsToCreate + "${item.inputName.getData()?trim}" />
230<#assign isFirstItem = false />
231</#list>
232<#assign itemsToCreate = itemsToCreate+"" />
233
234<#return itemsToCreate/>
235</#function>
236
237
238<#if FormLocale.getSiblings()?has_content>
239<#list FormLocale.getSiblings() as formLocale>
240<#if locale == formLocale.getData() >
241<#assign formInstanceId = "portlet_com_liferay_dynamic_data_lists_form_web_portlet_DDLFormPortlet_INSTANCE_"+FormGroupId.getData()+"_"+formLocale.getData()>
242<div class="row">
243 <div class="col-sm-offset-2 col-sm-8">
244 <div class="b-form__component-container ${formLocale.getData()}">
245 <@liferay_portlet["runtime"]
246 defaultPreferences=""
247 instanceId="${FormGroupId.getData()}_${formLocale.getData()}"
248 portletName="com_liferay_dynamic_data_lists_form_web_portlet_DDLFormPortlet"
249 />
250 </div>
251 </div>
252</div>
253
254
255</#if>
256</#list>
257</#if>
258<#if inputFile.getSiblings()?has_content>
259<#assign items2 = getParamsOfInputFiles(inputFile.getSiblings()) />
260</#if>
261
262<#assign redirectUrl = "" />
263<#if successUrl?? && successUrl.getData()?trim != "">
264 <#assign redirectUrl = successUrl.getData() />
265</#if>
266
267<div class="loadingScreen" style="display:none;">
268 <div class="loader">
269 </div>
270</div>
271
272
273<script type="text/javascript">
274 AUI().ready(function(){
275 "use strict";
276
277 (function () {
278 var id = "${formInstanceId}";
279 var some = "${items2}";
280 var redirectUrl = "${redirectUrl}";
281 function setformAccions(){
282 var form = $("#" + id).find("form");
283
284 var formName = $(form).find(".ddl-form-name").html();
285 var pieceOfContentTitle = "${.vars['reserved-article-title'].data}"
286 var formID = form.attr("id");
287 var formbutton = form.find("button[type='submit']");
288 var action = form.attr("action");
289 var formValues = form.serialize();
290 $(formbutton).prop("type", "button");
291 formbutton.on("click", function () {
292 if(checkRequiredFields()){
293 form.submit();
294 }
295 });
296
297
298 var loadingScreenElem = $('.loadingScreen');
299
300 setAttatchments(formID);
301 form.on("submit", function ($event) {
302 formbutton.text("Loading...").prop("disabled", true);
303 loadingScreenElem.css("display","block");
304
305
306 $.ajax({
307 type: "POST",
308 url: action,
309 data: form.serialize(),
310 success: function success(data) {
311 var successCounter = data.match(/successfully/g).length;
312 if (successCounter > 2) {
313 var values = {};
314 $.each(form.serializeArray(), function (i, field) {
315 if (field.name.indexOf("$$") !== -1) {
316 var name = field.name.split("$$")[1].split("$")[0];
317 if (!!values[name]) {
318 values[name] = [field.value].concat(values[name]);
319 } else {
320 values[name] = field.value;
321 }
322 }
323 });
324
325 var nform = $('#b-form-input-Files-Div')[0];
326
327 var newform = new FormData(nform);
328
329
330 var content = "";
331 var keys = Object.keys(values);
332
333 keys.forEach(function (key) {
334 if (Array.isArray(values[key])) {
335 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>";
336 } else {
337 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>";
338 }
339 });
340
341 var user = Liferay.ThemeDisplay.getUserName() !== "" ? Liferay.ThemeDisplay.getUserName(): "Guest";
342 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\"><h2 align=\"center\" style=\"margin-bottom:24px; margin-top:0\">Hi,</h2><p style=\"line-height:30px; margin-bottom:24px; margin-top:0\">A new entry was submitted for the "+ pieceOfContentTitle +" 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>";
343
344 newform.append("bodyMail", messageContent);
345
346
347 var defers = [];
348 var group = [];
349 var responses = [];
350 group = defineGroupToSend();
351
352 var groupSize = group.length;
353
354 newform.append("groupID", themeDisplay.getScopeGroupId());
355 newform.append("DDLDefinitionID","46234819");
356
357 for(var i = 0; i<groupSize; i++){
358 if(newform.has("groupToSend")){
359 newform.delete("groupToSend");
360 }
361 newform.append("groupToSend", group[i]);
362 <#--End of the statements before the ajax calls-->
363
364 var df = $.ajax({
365 url: "/o/mailer/send",
366 type: "POST",
367 enctype: 'multipart/form-data',
368 cache: false,
369 contentType: false,
370 processData: false,
371 data : newform,
372 success: function(response){
373 responses.push(response);
374 },
375 error: function(response){
376 responses.push(response);
377 }
378 });
379 defers.push(df);
380
381
382
383 }<#--End of the for statement-->
384
385
386 $.when.apply(null, defers).then(function(){
387 <#--Success Logic-->
388 console.log("responses : "+ responses);
389 if(redirectUrl != ""){
390 location.href = redirectUrl;
391 } else {
392
393 formbutton.text("Submit").prop("disabled", false);
394 loadingScreenElem.css("display","none");
395 $("#${formInstanceId}").find(".help-block").remove();
396 $("#content-footer-wrapper").scrollTop(40);
397 cleanForm(form);
398 cleanForm(nform);
399 showNotification({
400 title: 'Success!',
401 text: "Your information was sent successfully",
402 type: 'success',
403 time: 3000,
404 });
405 }
406
407 }, function(){
408 <#--Error Logic-->
409
410 formbutton.text("Submit").prop("disabled", false);
411 loadingScreenElem.css("display","none");
412 showNotification({
413 title: 'Error!',
414 text: "Ooops, looks like we have a problem with the server, try again!",
415 type: 'error',
416 time: 3000,
417 });
418
419 });
420
421
422
423
424 }else{
425 formbutton.text("Submit").prop("disabled", false);
426 loadingScreenElem.css("display","none");
427 var captcha = data.match(/Text verification failed/g).length;
428 window.response = data;
429
430 if(captcha >= 2){
431 showNotification({
432 title: 'Error!',
433 text: "Ooops, text verification failed, try again!",
434 type: 'error',
435 time: 6000,
436 });
437 } else {
438 showNotification({
439 title: 'Error!',
440 text: "Ooops, looks like we have a problem with your info, try again!",
441 type: 'error',
442 time: 3000,
443 });
444 }
445
446
447 }
448 }
449 });
450 $event.preventDefault();
451 });
452
453}
454
455function checkRequiredFields(){
456
457 var allFieldsChecked = false;
458
459 var requiredFieldElements = $('#${formInstanceId} span.icon-asterisk.text-warning, #${formInstanceId} .lexicon-icon-asterisk').parent().parent().parent();
460 var requiredFields = [];
461 var missingFields = [];
462 var fieldValue = "";
463
464 $("#${formInstanceId}").find(".help-block").remove();
465 for(var i = 0; i<requiredFieldElements.length; i++){
466 requiredFields[i] = $(requiredFieldElements[i]);
467 }
468
469
470 for(var i = 0; i<requiredFields.length; i++){
471 if($(requiredFields[i].children().children()[1]).hasClass("radio-options") || $(requiredFields[i].children().children()[1]).hasClass("checkbox-multiple-options")){
472 fieldValue = requiredFields[i].find("input[type='radio']:checked, input[type='checkbox']:checked").length > 0 ? "value" : "";
473 } else {
474 fieldValue = $(requiredFields[i].find(" input, select, textarea")[0]).val();
475 }
476
477 if(fieldValue == "" || fieldValue == null){
478 missingFields.push( requiredFields[i] );
479 }
480 }
481
482 if (missingFields.length != 0){
483 allFieldsChecked = false;
484
485 $(missingFields[0].children()[0]).append("<div class='help-block'>This field is required.</div>");
486 var selector = $(missingFields[0].children().children()[1]).parents().map(function() { return typeof this != "undefined" ? this.tagName : "";}).get().reverse().concat([typeof this != "undefined" ? this.nodeName : ""]).join(">");
487 var id = $(missingFields[0].children().children()[1]).attr("id");
488 if (id) {
489 selector += "#"+ id;
490 }
491
492 var classNames = $(missingFields[0].children().children()[1]).attr("class");
493 if (classNames) {
494 selector += "." + $.trim(classNames).replace(/\s/gi, ".");
495 }
496 console.log(selector );
497 console.log($(missingFields[0].children().children()[1]));
498 var firstMissingField = AUI().one(selector);
499 firstMissingField.ancestor().ancestor().scrollIntoView();
500
501 } else{
502 allFieldsChecked = true;
503 }
504
505 return allFieldsChecked;
506}
507
508function defineGroupToSend(){
509 var isEnableCustomDestination = "${customDestination.getData()}";
510 var emailProfile = "${emailProfileValue}";
511 var groupToSend = [];
512 var fistVariable = "";
513 var secondVariable = [];
514
515 if(isEnableCustomDestination === "true"){
516 $(".input-select-wrapper").each(function(i, element){
517 var label = $(element).find("label");
518 if(label[0].innerText.toLowerCase() === "area / location"){
519 var select = $(element).find("select");
520 fistVariable = select.val().toLowerCase();
521 }
522 });
523
524 $(".checkbox-multiple-options label").each(function(i, element){
525 var label = $(element).text();
526 if($(element).find("input:checked").length > 0){
527 secondVariable.push(label.toLowerCase().trim());
528 }
529 });
530
531
532
533 if(!secondVariable.includes("other")){
534 secondVariable.push("other");
535 }
536 var numberOfGroupsToSend = secondVariable.length;
537
538 for(var i = 0; i<numberOfGroupsToSend;i++){
539 if(!!secondVariable[i] && secondVariable[i] !== '' && !!fistVariable && fistVariable !== ''){
540 if(secondVariable[i] === 'aggregates'){
541 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"){
542 groupToSend.push("group1-"+slugfy(""+secondVariable[i].toLowerCase()));
543 }else if(fistVariable === "scotland"){
544 groupToSend.push("group2-"+slugfy(""+secondVariable[i].toLowerCase()));
545 }else{
546 groupToSend.push(slugfy(""+secondVariable[i].toLowerCase()));
547 }
548 }else{
549 groupToSend.push(slugfy(""+secondVariable[i].toLowerCase()));
550 }
551 }
552 }
553
554 } else {
555 if(emailProfile != "")
556 groupToSend.push(emailProfile);
557 }
558
559 return groupToSend;
560}
561
562function setAttatchments(formID){
563 if(some !== ""){
564 var elements = some.split(",");
565
566 var contenedor = document.querySelector("#"+formID+" .lfr-ddm-form-content");
567
568 var inputFilesDiv = document.createElement("form");
569 inputFilesDiv.id = "b-form-input-Files-Div";
570 var attatchmentsLabel = document.createElement("label");
571 var attatchmentsLabelText = document.createTextNode("File Attachment");
572 attatchmentsLabel.appendChild(attatchmentsLabelText);
573 elements.forEach(function (e) {
574 var divInput = document.createElement("div");
575 var span = document.createElement("span");
576 var label = document.createElement("label");
577 var text = document.createTextNode("choose file");
578 var spanText = document.createTextNode(e+": ");
579 var fileText = document.createTextNode("No file chosen");
580 var divInputFileText = document.createElement("div");
581 divInput.classList = "b-form__inputFile";
582 divInputFileText.classList = "b-form__inputFile-text "+e;
583 divInputFileText.appendChild(fileText);
584
585 label.setAttribute("for", slugfy(e));
586 label.classList = "custom-file-upload";
587 span.appendChild(spanText);
588 label.appendChild(text);
589
590 divInput.appendChild(span);
591 divInput.appendChild(label);
592 divInput.appendChild(divInputFileText);
593
594 var input = document.createElement("input");
595 input.type = "file";
596 input.name = slugfy(e);
597 input.id = slugfy(e);
598 input.classList="hidden";
599 input.accept = ".jpg, .jpeg, .png, .doc, .docx, .pdf";
600 divInput.appendChild(input);
601 inputFilesDiv.appendChild(divInput);
602 });
603 contenedor.appendChild(attatchmentsLabel);
604 contenedor.appendChild(inputFilesDiv);
605
606 }
607
608 $('#b-form-input-Files-Div input[type="file"]').on("change", function($event){
609 $($event.target.previousSibling).html($event.target.files[0].name);
610 });
611
612}
613
614function cleanForm(form){
615 $(form).find('input:text, input:password, input:file, select, textarea').val('');
616 $(form).find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
617 $(form).find('.b-form__inputFile-text').html("No file chosen");
618}
619
620function slugfy(e){
621 return e.replace(/ /g, "-");
622}
623
624
625function showNotification(notificationObj){
626 var divTop = document.createElement("div");
627 divTop.classList.add("notification");
628 divTop.classList.add(notificationObj.type);
629 divTop.setAttribute("id", "notificationPopUp");
630
631 var divContent = document.createElement("div");
632 divContent.classList.add("nofitication-content");
633
634 var spanTitle = document.createElement("span");
635 spanTitle.classList.add("notification-tittle");
636 spanTitle.classList.add("text-capitalize");
637 var titleText = document.createTextNode(notificationObj.title);
638
639
640 var spanTitleIcon = document.createElement("span");
641 spanTitleIcon.classList.add("glyphicon");
642 if(notificationObj.type === "error"){
643 spanTitleIcon.classList.add("glyphicon-remove-circle");
644 }else{
645 spanTitleIcon.classList.add("glyphicon-ok-circle");
646 }
647
648 var divTextContent = document.createElement("div");
649 divTextContent.classList.add("notification-text");
650
651 var spanContent = document.createElement("span");
652 var contentText = document.createTextNode(notificationObj.text);
653
654 spanTitle.appendChild(titleText);
655 spanTitle.appendChild(spanTitleIcon);
656 spanContent.appendChild(contentText);
657 divTextContent.appendChild(spanContent);
658
659 divContent.appendChild(spanTitle);
660 divContent.appendChild(divTextContent);
661
662 divTop.appendChild(divContent);
663 document.body.appendChild(divTop);
664 $("#notificationPopUp").slideToggle( "slow" );
665
666 setTimeout(function(){
667 $("#notificationPopUp").slideToggle( "slow" );
668 }, notificationObj.time );
669
670 setTimeout(function(){
671 $("#notificationPopUp").remove();
672 $("#b-email-modal-component__content .lfr-alert-container").hide();
673 }, notificationObj.time + 1500);
674
675}
676
677var interval = setInterval(function(){
678 $(".checkbox-multiple-options").find("label").addClass("col-xs-6 col-md-4");
679 $(".radio.radio-options").find("label").addClass("col-xs-6 col-md-4");
680 $(".radio.radio-options").find("label input").addClass("width-auto");
681 if(some !== "" && $("#b-form-input-Files-Div").length === 0){
682 setformAccions();
683 clearInterval(interval);
684 }else{
685 setformAccions();
686 clearInterval(interval);
687 }
688
689}, 500);
690
691
692})(jQuery);
693});
694</script>