Changes for page Get in Touch About Your XWiki Project
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.49
edited by Alex Cotiugă
on 2026/05/02 07:23
on 2026/05/02 07:23
Change comment:
There is no comment for this version
To version 13.74
edited by Alex Cotiugă
on 2026/05/02 08:05
on 2026/05/02 08:05
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -13,6 +13,8 @@ 13 13 #foreach ($property in $xclass.properties) 14 14 #if ($property.name == 'hosting') 15 15 <hr> 16 + <h3>Optional project details</h3> 17 + <p>These details help us understand the scope and suggest practical next steps.</p> 16 16 #end 17 17 <dt #if (!$editing && $hasEdit) 18 18 class="editableProperty" ... ... @@ -60,6 +60,18 @@ 60 60 <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li> 61 61 </ol> 62 62 </div> 65 + <div class="reviewNotifications"> 66 + <div class="hidden reviewNotificationSuccess"> 67 + 68 + {{success}}reviewNotification{{/success}} 69 + 70 + </div> 71 + <div class="hidden reviewNotificationError"> 72 + 73 + {{error}}reviewNotification{{/error}} 74 + 75 + </div> 76 + </div> 63 63 </div> 64 64 </div> 65 65 {{/html}}
- XWiki.JavaScriptExtension[0]
-
- code
-
... ... @@ -1,0 +1,64 @@ 1 +require(['jquery'], function ($) { 2 + var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain'); 3 + var form = $('#contactForm'); 4 + var submitButton = $('#contactSubmit'); 5 + 6 + var successBox = $('.reviewNotificationSuccess'); 7 + var errorBox = $('.reviewNotificationError'); 8 + 9 + function getFormData() { 10 + var data = {}; 11 + 12 + $.each(form.serializeArray(), function (_, field) { 13 + data[field.name] = field.value; 14 + }); 15 + 16 + return data; 17 + } 18 + 19 + function isValidEmail(value) { 20 + return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value); 21 + } 22 + 23 + function updateSubmitState() { 24 + var data = getFormData(); 25 + var name = $.trim(data[fields.name] || ''); 26 + var email = $.trim(data[fields.email] || ''); 27 + 28 + submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email))); 29 + } 30 + 31 + form.on('input change keyup', 'input, textarea, select', updateSubmitState); 32 + updateSubmitState(); 33 + 34 + form.on('submit', function (event) { 35 + event.preventDefault(); 36 + 37 + var data = getFormData(); 38 + 39 + submitButton.prop('disabled', true); 40 + 41 + $.post({ 42 + url: serviceURL, 43 + data: data 44 + }).done(function (response) { 45 + // replace with succcess message alert(response.message || 'Your request was sent successfully.'); 46 + //var message = 'The request could not be sent. Please try again or contact Agnease by email.'; 47 + var successBoxContent = successBox.find('.box div p'); 48 + successBoxContent.text(data.message); 49 + successBox.toggleClass('hidden'); 50 + if (errorBox.is(':visible')) { 51 + errorBox.toggleClass('hidden'); 52 + } 53 + form[0].reset(); 54 + }).fail(function (xhr) { 55 + var errorBoxContent = errorBox.find('.box div p'); 56 + errorBoxContent.text(xhr.responseJSON.message); 57 + errorBox.toggleClass('hidden'); 58 + if (successBox.is(':visible')) { 59 + successBox.toggleClass('hidden'); 60 + } 61 + submitButton.prop('disabled', false); 62 + }); 63 + }); 64 +});