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 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 $.ajax({
228 type: "POST",
229 url: action,
230 data: form.serialize(),
231 success: function success(data) {
232 var successCounter = data.match(/successfully/g).length;
233 if (successCounter > 2) {
234 var values = {};
235 $.each(form.serializeArray(), function (i, field) {
236 if (field.name.indexOf("$$") !== -1) {
237 var name = field.name.split("$$")[1].split("$")[0];
238 if (!!values[name]) {
239 values[name] = [field.value].concat(values[name]);
240 } else {
241 values[name] = field.value;
242 }
243 }
244 });
245
246 var nform = $('#b-form-input-Files-Div')[0];
247
248 var newform = new FormData(nform);
249
250
251 var content = "";
252 var keys = Object.keys(values);
253
254 keys.forEach(function (key) {
255 if (Array.isArray(values[key])) {
256 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>";
257 } else {
258 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>";
259 }
260 });
261
262 var user = Liferay.ThemeDisplay.getUserName() !== "" ? Liferay.ThemeDisplay.getUserName(): "Guest";
263 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>";
264
265 newform.append("bodyMail", messageContent);
266
267 var group = defineGroupToSend();
268
269 newform.append("groupToSend", group);
270
271 $.ajax({
272 url : "/o/mailer/send",
273 type: "POST",
274 enctype: 'multipart/form-data',
275 cache: false,
276 contentType: false,
277 processData: false,
278 data : newform,
279 success: function(response){
280 cleanForm(form);
281 cleanForm(nform);
282 showNotification({
283 title: 'Success!',
284 text: "Your information was sent successfully",
285 type: 'success',
286 time: 3000,
287 });
288 },
289 error: function(response){
290 showNotification({
291 title: 'Error!',
292 text: "Ooops, looks like we have a problem with the server, try again!",
293 type: 'error',
294 time: 3000,
295 });
296 }
297 });
298
299 }else{
300 showNotification({
301 title: 'Error!',
302 text: "Ooops, looks like we have a problem with your info, try again!",
303 type: 'error',
304 time: 3000,
305 });
306
307 }
308 }
309 });
310 $event.preventDefault();
311 });
312
313}
314
315function defineGroupToSend(){
316 var isEnableCustomDestination = "${customDestination.getData()}";
317 var emailProfile = "${emailProfileValue}";
318 var groupToSend = "default";
319 var fistVariable = "";
320 var secondVariable = "";
321 if(isEnableCustomDestination === "true"){
322 $(".input-select-wrapper").each(function(i, element){
323 var label = $(element).find("label");
324 if(label[0].innerText.toLowerCase() === "area / location"){
325 var select = $(element).find("select");
326 fistVariable = select.val().toLowerCase();
327 }
328 });
329
330 $(".radio.radio-options").each(function(i, element){
331 var label = $(element).siblings("label");
332 if(label[0].innerText.toLowerCase() === "products"){
333 var select = $(element).find("input:checked");
334 secondVariable = select.val().toLowerCase();
335 }
336 });
337
338 if(!!secondVariable && secondVariable !== '' && !!fistVariable && fistVariable !== ''){
339 if(secondVariable === 'aggregates'){
340 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"){
341 groupToSend = "group1-"+slugfy(secondVariable.toLowerCase());
342 }else if(fistVariable === "scotland"){
343 groupToSend = "group2-"+slugfy(secondVariable.toLowerCase());
344 }else{
345 groupToSend = ""+slugfy(secondVariable.toLowerCase());
346 }
347 }
348 }else{
349 groupToSend = slugfy(secondVariable.toLowerCase());
350 }
351 } else {
352 if(emailProfile != "")
353 groupToSend = emailProfile;
354 }
355
356 return groupToSend;
357}
358
359function setAttatchments(formID){
360 if(some !== ""){
361 var elements = some.split(",");
362
363 var contenedor = document.querySelector("#"+formID+" .lfr-ddm-form-content");
364
365 var inputFilesDiv = document.createElement("form");
366 inputFilesDiv.id = "b-form-input-Files-Div";
367 var attatchmentsLabel = document.createElement("label");
368 var attatchmentsLabelText = document.createTextNode("File Attachment");
369 attatchmentsLabel.appendChild(attatchmentsLabelText);
370 elements.forEach(function (e) {
371 var divInput = document.createElement("div");
372 var span = document.createElement("span");
373 var label = document.createElement("label");
374 var text = document.createTextNode("choose file");
375 var spanText = document.createTextNode(e+": ");
376 var fileText = document.createTextNode("No file chosen");
377 var divInputFileText = document.createElement("div");
378 divInput.classList = "b-form__inputFile";
379 divInputFileText.classList = "b-form__inputFile-text "+e;
380 divInputFileText.appendChild(fileText);
381
382 label.setAttribute("for", slugfy(e));
383 label.classList = "custom-file-upload";
384 span.appendChild(spanText);
385 label.appendChild(text);
386
387 divInput.appendChild(span);
388 divInput.appendChild(label);
389 divInput.appendChild(divInputFileText);
390
391 var input = document.createElement("input");
392 input.type = "file";
393 input.name = slugfy(e);
394 input.id = slugfy(e);
395 input.classList="hidden";
396 input.accept = ".jpg, .jpeg, .png, .doc, .docx, .pdf";
397 divInput.appendChild(input);
398 inputFilesDiv.appendChild(divInput);
399 });
400 contenedor.appendChild(attatchmentsLabel);
401 contenedor.appendChild(inputFilesDiv);
402
403 }
404
405 $('#b-form-input-Files-Div input[type="file"]').on("change", function($event){
406 $($event.target.previousSibling).html($event.target.files[0].name);
407 });
408
409 $(".checkbox-multiple-options").find("label").addClass("col-xs-6 col-md-4");
410 $(".radio.radio-options").find("label").addClass("col-xs-6 col-md-4");
411
412}
413
414function cleanForm(form){
415 $(form).find('input:text, input:password, input:file, select, textarea').val('');
416 $(form).find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
417 $(form).find('.b-form__inputFile-text').html("No file chosen");
418}
419
420function slugfy(e){
421 return e.replace(/ /g, "-");
422}
423
424
425function showNotification(notificationObj){
426 var divTop = document.createElement("div");
427 divTop.classList.add("notification");
428 divTop.classList.add(notificationObj.type);
429 divTop.setAttribute("id", "notificationPopUp");
430
431 var divContent = document.createElement("div");
432 divContent.classList.add("nofitication-content");
433
434 var spanTitle = document.createElement("span");
435 spanTitle.classList.add("notification-tittle");
436 spanTitle.classList.add("text-capitalize");
437 var titleText = document.createTextNode(notificationObj.title);
438
439
440 var spanTitleIcon = document.createElement("span");
441 spanTitleIcon.classList.add("glyphicon");
442 if(notificationObj.type === "error"){
443 spanTitleIcon.classList.add("glyphicon-remove-circle");
444 }else{
445 spanTitleIcon.classList.add("glyphicon-ok-circle");
446 }
447
448 var divTextContent = document.createElement("div");
449 divTextContent.classList.add("notification-text");
450
451 var spanContent = document.createElement("span");
452 var contentText = document.createTextNode(notificationObj.text);
453
454 spanTitle.appendChild(titleText);
455 spanTitle.appendChild(spanTitleIcon);
456 spanContent.appendChild(contentText);
457 divTextContent.appendChild(spanContent);
458
459 divContent.appendChild(spanTitle);
460 divContent.appendChild(divTextContent);
461
462 divTop.appendChild(divContent);
463 document.body.appendChild(divTop);
464 $("#notificationPopUp").slideToggle( "slow" );
465
466 setTimeout(function(){
467 $("#notificationPopUp").slideToggle( "slow" );
468 }, notificationObj.time );
469
470 setTimeout(function(){
471 $("#notificationPopUp").remove();
472 $("#b-email-modal-component__content .lfr-alert-container").hide();
473 }, notificationObj.time + 1500);
474
475}
476
477var interval = setInterval(function(){
478 if(some !== "" && $("#b-form-input-Files-Div").length === 0){
479 setformAccions();
480 clearInterval(interval);
481 }else{
482 clearInterval(interval);
483 }
484}, 500);
485
486
487})(jQuery);
488});
489</script>