Changes for page Get in Touch About Your XWiki Project
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.48
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.89
edited by Alex Cotiugă
on 2026/05/02 08:14
on 2026/05/02 08:14
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
-
... ... @@ -12,7 +12,9 @@ 12 12 <dl> 13 13 #foreach ($property in $xclass.properties) 14 14 #if ($property.name == 'hosting') 15 - <hr/> 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" ... ... @@ -37,7 +37,7 @@ 37 37 </dl> 38 38 <p>Your information will only be used to respond to this request.</p> 39 39 ##<p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p> 40 - <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request" disabled="disabled">42 + <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request"> 41 41 </form> 42 42 </div> 43 43 <div class="col-xs-5"> ... ... @@ -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,70 @@ 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 + var nameFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_name'; 10 + var emailFieldName = 'Agnease.Code.ContactForm.ContactFormClass_0_email'; 11 + 12 + function getFormData() { 13 + var data = {}; 14 + 15 + $.each(form.serializeArray(), function (_, field) { 16 + data[field.name] = field.value; 17 + }); 18 + console.log(data) 19 + 20 + return data; 21 + } 22 + 23 + function isValidEmail(value) { 24 + return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value); 25 + } 26 + 27 + function updateSubmitState() { 28 + var data = getFormData(); 29 + var name = $.trim(data[nameFieldName] || ''); 30 + var email = $.trim(data[emailFieldName] || ''); 31 + 32 + submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email))); 33 + } 34 + 35 + form.on('input change keyup', 'input, textarea, select', updateSubmitState); 36 + updateSubmitState(); 37 + 38 + form.on('submit', function (event) { 39 + event.preventDefault(); 40 + 41 + var data = getFormData(); 42 + 43 + console.log(data) 44 + 45 + submitButton.prop('disabled', true); 46 +/* 47 + $.post({ 48 + url: serviceURL, 49 + data: data 50 + }).done(function (response) { 51 + // replace with succcess message alert(response.message || 'Your request was sent successfully.'); 52 + //var message = 'The request could not be sent. Please try again or contact Agnease by email.'; 53 + var successBoxContent = successBox.find('.box div p'); 54 + successBoxContent.text(data.message); 55 + successBox.toggleClass('hidden'); 56 + if (errorBox.is(':visible')) { 57 + errorBox.toggleClass('hidden'); 58 + } 59 + form[0].reset(); 60 + }).fail(function (xhr) { 61 + var errorBoxContent = errorBox.find('.box div p'); 62 + errorBoxContent.text(xhr.responseJSON.message); 63 + errorBox.toggleClass('hidden'); 64 + if (successBox.is(':visible')) { 65 + successBox.toggleClass('hidden'); 66 + } 67 + submitButton.prop('disabled', false); 68 + });*/ 69 + }); 70 +});