Karriere
Bewerbung
Füllen Sie dieses Formular aus, um sich für eine freie Stelle zu bewerben.
Wir melden uns so schnell wie möglich bei Ihnen.
An error occurred while processing the template.
The following has evaluated to null or missing:
==> formInstanceId [in template "20116#20152#155194" at line 260, column 19]
----
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 260, column 17]
----
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: none;
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
139.loadingScreen{
140 position: fixed;
141 top: 0;
142 bottom: 0;
143 right: 0;
144 left: 0;
145 background-color: rgba(0,0,0,0.4);
146 z-index: 10000;
147 overflow: auto;
148}
149
150.loader {
151 border: 16px solid #f3f3f3;
152 border-top: 16px solid #3498db;
153 border-radius: 50%;
154 width: 120px;
155 text-align: center;
156 height: 120px;
157 animation: spin 2s linear infinite;
158 position: absolute;
159 left: 0;
160 right: 0;
161 top: 0;
162 bottom: 0;
163 margin: auto;
164}
165
166@media (max-width: 768px) {
167 .b-form__component-container .active.lfr-ddm-form-page .row input[type="checkbox"],
168 .b-form__component-container .active.lfr-ddm-form-page .row input[type="radio"]{
169 width: auto !important;
170 }
171 .b-form__component-container .form-group label{
172 width: 50%
173 }
174
175 .b-cemex-button__inline {
176 display: block;
177 width: 90%;
178 margin-bottom: 10px;
179 }
180}
181
182</style>
183
184<#function getParamsOfInputFiles items>
185<#assign isFirstItem = true />
186<#assign itemsToCreate = "" />
187
188<#list items as item>
189<#if !isFirstItem>
190<#assign itemsToCreate = itemsToCreate+","/>
191</#if>
192<#assign itemsToCreate = itemsToCreate + "${item.inputName.getData()?trim}" />
193<#assign isFirstItem = false />
194</#list>
195<#assign itemsToCreate = itemsToCreate+"" />
196
197<#return itemsToCreate/>
198</#function>
199
200
201<#if FormLocale.getSiblings()?has_content>
202<#list FormLocale.getSiblings() as formLocale>
203<#if locale == formLocale.getData() >
204<#assign formInstanceId = "portlet_com_liferay_dynamic_data_lists_form_web_portlet_DDLFormPortlet_INSTANCE_"+FormGroupId.getData()+"_"+formLocale.getData()>
205<div class="container">
206<div class="row">
207 <div class="wrapper col-xs-12 col-sm-12 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8">
208 <div class="b-form__component-container ${formLocale.getData()}">
209 <@liferay_portlet["runtime"]
210 defaultPreferences=""
211 instanceId="${FormGroupId.getData()}_${formLocale.getData()}"
212 portletName="com_liferay_dynamic_data_lists_form_web_portlet_DDLFormPortlet"
213 />
214 </div>
215 </div>
216</div>
217</div>
218
219<div class="loadingScreen" style="display:none;">
220 <div class="loader">
221 </div>
222</div>
223
224
225</#if>
226</#list>
227</#if>
228<#if inputFile.getSiblings()?has_content>
229<#assign items2 = getParamsOfInputFiles(inputFile.getSiblings()) />
230</#if>
231<script type="text/javascript">
232$(document).ready(function(){
233 var loadingScreenOnStartPage = $('.loadingScreen');
234 loadingScreenOnStartPage.css("display","block");
235
236 var spinnerInterval = setInterval(function(){
237
238 if($(".lfr-ddm-form-submit").length > 0 && $(".lfr-ddm-form-submit").prop("disabled") == false && loadingScreenOnStartPage.css("display") == "block")
239 {
240 loadingScreenOnStartPage.css("display","none");
241 }
242 else{
243 if($(".lfr-ddm-form-submit").prop("disabled") == true && loadingScreenOnStartPage.css("display") == "none")
244 {
245 loadingScreenOnStartPage.css("display","block");
246 }
247 }
248 }, 3000);
249
250 setTimeout(function(){
251 clearInterval(spinnerInterval);
252 }, 30000);
253}
254);
255 AUI().ready(function(){
256 "use strict";
257
258 (function () {
259
260 var id = "${formInstanceId}";
261 var some = "${items2}";
262 /*console.log(some);*/
263
264 var query = window.location.search.substring(1);
265 var qs = parse_query_string(query);
266
267
268 var contador = 0;
269 var interval1 = setInterval(function(){
270 if(qs.jobTitleClaim && $($("input[name*\x3d'FürWelcheStelleSieSichBewerben']")[0]).val() =="" && $("#b-form-input-Files-Div").length === 0)
271 {
272 $($("input[name*\x3d'FürWelcheStelleSieSichBewerben']")[0]).val(qs.jobTitleClaim).prop( "readonly", true );
273 setformAccions();
274 }
275 }, 2000);
276
277
278 setTimeout(function(){
279 clearInterval(interval1);
280 }, 30000);
281
282
283 function setformAccions(){
284 var form = $("#" + id).find("form");
285
286 var formName = $(form).find(".ddl-form-name").html();
287 var formID = form.attr("id");
288 var formbutton = form.find("button[type='submit']");
289 var action = form.attr("action");
290 var formValues = form.serialize();
291 $(formbutton).prop("type", "button");
292 formbutton.on("click", function () {
293 form.submit();
294 });
295
296 var loadingScreenForMessages = $('.loadingScreen');
297
298 setAttatchments(formID);
299 if (jQuery._data(form[0], 'events') == undefined){
300 form.on("submit", function ($event) {
301 loadingScreenForMessages.css("display","block");
302 $.ajax({
303 type: "POST",
304 url: action,
305 data: form.serialize(),
306 success: function success(data) {
307 var successCounter = data.match(/erfolgreich/g).length;
308 if (successCounter > 2) {
309 var values = {};
310 $.each(form.serializeArray(), function (i, field) {
311 if (field.name.indexOf("$$") !== -1) {
312 var name = field.name.split("$$")[1].split("$")[0];
313 if (!!values[name]) {
314 values[name] = [field.value].concat(values[name]);
315 } else {
316 values[name] = field.value;
317 }
318 }
319 });
320
321 var nform = $('#b-form-input-Files-Div')[0];
322
323 var newform = new FormData(nform);
324
325
326 var content = "";
327 var keys = Object.keys(values);
328
329 keys.forEach(function (key) {
330 if (Array.isArray(values[key])) {
331 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>";
332 } else {
333 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>";
334 }
335 });
336
337 var user = Liferay.ThemeDisplay.getUserName() !== "" ? Liferay.ThemeDisplay.getUserName(): "Guest";
338 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\">Hi, a user submitted a form.</h1></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>";
339
340 newform.append("bodyMail", messageContent);
341
342 newform.append("groupToSend", qs.emailProfile);
343 newform.append("DDLDefinitionID", qs.DDLDefinitionID);
344 newform.append("groupID", Liferay.ThemeDisplay.getScopeGroupId());
345
346 $.ajax({
347 url : "/o/mailer/send",
348 type: "POST",
349 enctype: 'multipart/form-data',
350 cache: false,
351 contentType: false,
352 processData: false,
353 data : newform,
354 success: function(response){
355 loadingScreenForMessages.css("display","none");
356 cleanForm(form);
357 cleanForm(nform);
358 showNotification({
359 title: 'Erfolg!',
360 text: "Ihre Informationen wurden erfolgreich gesendet",
361 type: 'success',
362 time: 3000,
363 });
364 },
365 error: function(response){
366 loadingScreenForMessages.css("display","none");
367 showNotification({
368 title: 'Error!',
369 text: "Hoppla, es sieht so aus, als hätten wir ein Problem mit dem Server, versuchen Sie es erneut!",
370 type: 'error',
371 time: 3000,
372 });
373 }
374 });
375
376 }else{
377 loadingScreenForMessages.css("display","none");
378 showNotification({
379 title: 'Error!',
380 text: "Hoppla, es sieht so aus, als hätten wir ein Problem mit dem Server, versuchen Sie es erneut!",
381 type: 'error',
382 time: 3000,
383 });
384 }
385 }
386 });
387 $event.preventDefault();
388 });
389 }
390
391 }
392
393 function defineGroupToSend(){
394 var isEnableCustomDestination = "${customDestination.getData()}";
395 var groupToSend = "default";
396 var fistVariable = "";
397 var secondVariable = "";
398 if(isEnableCustomDestination === "true"){
399 $(".input-select-wrapper").each(function(i, element){
400 var label = $(element).find("label");
401 if(label[0].innerText.toLowerCase() === "area / location"){
402 var select = $(element).find("select");
403 fistVariable = select.val().toLowerCase();
404 }
405 });
406
407 $(".radio.radio-options").each(function(i, element){
408 var label = $(element).siblings("label");
409 if(label[0].innerText.toLowerCase() === "products"){
410 var select = $(element).find("input:checked");
411 secondVariable = select.val().toLowerCase();
412 }
413 });
414
415 if(!!secondVariable && secondVariable !== '' && !!fistVariable && fistVariable !== ''){
416 if(secondVariable === 'aggregates'){
417 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"){
418 groupToSend = "group1-"+slugfy(secondVariable.toLowerCase());
419 }else if(fistVariable === "scotland"){
420 groupToSend = "group2-"+slugfy(secondVariable.toLowerCase());
421 }else{
422 groupToSend = ""+slugfy(secondVariable.toLowerCase());
423 }
424 }
425 }else{
426 groupToSend = slugfy(secondVariable.toLowerCase());
427 }
428 }
429
430 return groupToSend;
431 }
432
433 function setAttatchments(formID){
434 /*console.log("setAttatchments sime: " + some);*/
435 if(some !== ""){
436 var elements = some.split(",");
437
438 var contenedor = document.querySelector("#"+formID+" .lfr-ddm-form-content");
439
440 /*console.log("contendor selector: " + "#"+formID+" .lfr-ddm-form-content");*/
441
442 var inputFilesDiv = document.createElement("form");
443 inputFilesDiv.id = "b-form-input-Files-Div";
444 var attatchmentsLabel = document.createElement("label");
445 var attatchmentsLabelText = document.createTextNode("Dokumente hochladen");
446 attatchmentsLabel.appendChild(attatchmentsLabelText);
447 for (var i=0; i<elements.length; i++){
448 var eee = elements[i];
449 /*console.log("each " + eee);*/
450 var divInput = document.createElement("div");
451 var span = document.createElement("span");
452 var label = document.createElement("label");
453 var text = document.createTextNode("Datei suchen");
454
455 var spanText = document.createTextNode(eee+": ");
456 var fileText = document.createTextNode("Keine Datei ausgewählt");
457 var divInputFileText = document.createElement("div");
458 divInput.classList.add("b-form__inputFile");
459 divInputFileText.classList.add("b-form__inputFile-text");
460 var eeeSplited = eee.split(" ");
461 for (var ii=0; ii<eeeSplited.length; ii++){
462 divInputFileText.classList.add(eeeSplited[ii]);
463 }
464 divInputFileText.appendChild(fileText);
465
466 label.setAttribute("for", slugfy(eee));
467 label.classList.add("custom-file-upload");
468 span.appendChild(spanText);
469 label.appendChild(text);
470
471 divInput.appendChild(span);
472 divInput.appendChild(label);
473 divInput.appendChild(divInputFileText);
474
475 var input = document.createElement("input");
476 input.type = "file";
477 input.name = slugfy(eee);
478 input.id = slugfy(eee);
479 input.classList.add("hidden");
480 input.accept = ".jpg, .jpeg, .png, .doc, .docx, .pdf";
481 divInput.appendChild(input);
482 inputFilesDiv.appendChild(divInput);
483
484 }
485 contenedor.appendChild(attatchmentsLabel);
486 contenedor.appendChild(inputFilesDiv);
487
488 }
489
490 $('#b-form-input-Files-Div input[type="file"]').on("change", function($event){
491 $($event.target.previousSibling).html($event.target.files[0].name);
492 });
493
494 $(".checkbox-multiple-options").find("label").addClass("col-xs-6 col-md-4");
495 $(".radio.radio-options").find("label").addClass("col-xs-6 col-md-4");
496
497 }
498
499 function cleanForm(form){
500 $(form).find('input:text, input:password, input:file, select, textarea').val('');
501 $(form).find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
502 $(form).find('.b-form__inputFile-text').html("Keine Datei ausgewählt");
503 if (qs.jobTitleClaim){
504 $($("input[name*\x3d'FürWelcheStelleSieSichBewerben']")[0]).val(qs.jobTitleClaim).prop( "readonly", true );
505 }
506 }
507
508 function slugfy(e){
509 return e.replace(/ /g, "-");
510 }
511
512
513 function showNotification(notificationObj){
514 var divTop = document.createElement("div");
515 divTop.classList.add("notification");
516 divTop.classList.add(notificationObj.type);
517 divTop.setAttribute("id", "notificationPopUp");
518
519 var divContent = document.createElement("div");
520 divContent.classList.add("nofitication-content");
521
522 var spanTitle = document.createElement("span");
523 spanTitle.classList.add("notification-tittle");
524 spanTitle.classList.add("text-capitalize");
525 var titleText = document.createTextNode(notificationObj.title);
526
527
528 var spanTitleIcon = document.createElement("span");
529 spanTitleIcon.classList.add("glyphicon");
530 if(notificationObj.type === "error"){
531 spanTitleIcon.classList.add("glyphicon-remove-circle");
532 }else{
533 spanTitleIcon.classList.add("glyphicon-ok-circle");
534 }
535
536 var divTextContent = document.createElement("div");
537 divTextContent.classList.add("notification-text");
538
539 var spanContent = document.createElement("span");
540 var contentText = document.createTextNode(notificationObj.text);
541
542 spanTitle.appendChild(titleText);
543 spanTitle.appendChild(spanTitleIcon);
544 spanContent.appendChild(contentText);
545 divTextContent.appendChild(spanContent);
546
547 divContent.appendChild(spanTitle);
548 divContent.appendChild(divTextContent);
549
550 divTop.appendChild(divContent);
551 document.body.appendChild(divTop);
552 $("#notificationPopUp").slideToggle( "slow" );
553
554 setTimeout(function(){
555 $("#notificationPopUp").slideToggle( "slow" );
556 }, notificationObj.time );
557
558 setTimeout(function(){
559 $("#notificationPopUp").remove();
560 $("#b-email-modal-component__content .lfr-alert-container").hide();
561 }, notificationObj.time + 1500);
562
563 }
564
565
566 function parse_query_string(query) {
567 var vars = query.split("&");
568 var query_string = {};
569 for (var i = 0; i < vars.length; i++) {
570 var pair = vars[i].split("=");
571 if (typeof query_string[pair[0]] === "undefined") {
572 query_string[pair[0]] = decodeURIComponent(pair[1]);
573 } else if (typeof query_string[pair[0]] === "string") {
574 var arr = [query_string[pair[0]], decodeURIComponent(pair[1])];
575 query_string[pair[0]] = arr;
576 } else {
577 query_string[pair[0]].push(decodeURIComponent(pair[1]));
578 }
579 }
580
581 return query_string;
582 }
583
584
585 })(jQuery);
586 });
587</script>