Skip to Content
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.65
edited by Alex Cotiugă
on 2026/05/02 07:57
Change comment: There is no comment for this version
To version 13.103
edited by Alex Cotiugă
on 2026/05/02 08:26
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -39,7 +39,7 @@
39 39   </dl>
40 40   <p>Your information will only be used to respond to this request.</p>
41 41   ##<p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p>
42 - <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">
43 43   </form>
44 44   </div>
45 45   <div class="col-xs-5">
... ... @@ -62,6 +62,8 @@
62 62   <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
63 63   </ol>
64 64   </div>
65 + {{/html}}
66 + {{html clean="false" wiki="true"}}
65 65   <div class="reviewNotifications">
66 66   <div class="hidden reviewNotificationSuccess">
67 67  
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,8 +1,14 @@
1 1  require(['jquery'], function ($) {
2 2   var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain');
3 - var form = $('#agneaseContactForm');
4 - var submitButton = $('#agneaseContactSubmit');
3 + var form = $('#contactForm');
4 + var submitButton = $('#contactSubmit');
5 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 +
6 6   function getFormData() {
7 7   var data = {};
8 8  
... ... @@ -9,6 +9,7 @@
9 9   $.each(form.serializeArray(), function (_, field) {
10 10   data[field.name] = field.value;
11 11   });
18 + console.log(data)
12 12  
13 13   return data;
14 14   }
... ... @@ -16,7 +16,7 @@
16 16   form.on('submit', function (event) {
17 17   event.preventDefault();
18 18  
19 - var data = getFormData();
26 + var data = $.param(form.serializeArray());
20 20  
21 21   submitButton.prop('disabled', true);
22 22  
... ... @@ -25,17 +25,22 @@
25 25   data: data
26 26   }).done(function (response) {
27 27   // replace with succcess message alert(response.message || 'Your request was sent successfully.');
35 + //var message = 'The request could not be sent. Please try again or contact Agnease by email.';
36 + var successBoxContent = successBox.find('.box div p');
37 + successBoxContent.text(data.message);
38 + successBox.toggleClass('hidden');
39 + if (errorBox.is(':visible')) {
40 + errorBox.toggleClass('hidden');
41 + }
28 28   form[0].reset();
29 29   }).fail(function (xhr) {
30 - var message = 'The request could not be sent. Please try again or contact Agnease by email.';
31 -
32 - if (xhr.responseJSON && xhr.responseJSON.message) {
33 - message = xhr.responseJSON.message;
34 - } else if (xhr.responseText) {
35 - message = xhr.responseText;
44 + var errorBoxContent = errorBox.find('.box div p');
45 + errorBoxContent.text(xhr.responseJSON.message);
46 + errorBox.toggleClass('hidden');
47 + if (successBox.is(':visible')) {
48 + successBox.toggleClass('hidden');
36 36   }
37 -
38 - // replace with error box message alert(message);
50 + }).always(function () {
39 39   submitButton.prop('disabled', false);
40 40   });
41 41   });