Last modified by Alex Cotiugă on 2026/05/04 06:15

From version 13.63
edited by Alex Cotiugă
on 2026/05/02 07:57
Change comment: There is no comment for this version
To version 13.126
edited by Alex Cotiugă
on 2026/05/02 08:34
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,3 +1,17 @@
1 +{{velocity wiki="false"}}
2 +#if ($xcontext.action == 'get')
3 +test
4 + #set ($message = '')
5 + #set ($statusCode = 200)
6 +
7 + #set ($statusCode = 400)
8 + #set ($message = 'error')
9 +
10 + #set ($discard = $response.setStatus($statusCode))
11 + #jsonResponse({'message': $message})
12 +#end
13 +{{/velocity}}
14 +
1 1  {{velocity}}
2 2  #set ($discard = $xwiki.ssx.use('contact.WebHome'))
3 3  #set ($xobject = $doc.getObject('Agnease.Code.ContactForm.ContactFormClass'))
... ... @@ -39,8 +39,24 @@
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">
56 + <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request">
43 43   </form>
58 + {{/html}}
59 + {{html clean="false" wiki="true"}}
60 + <div class="reviewNotifications">
61 + <div class="hidden reviewNotificationSuccess">
62 +
63 + {{success}}reviewNotification{{/success}}
64 +
65 + </div>
66 + <div class="hidden reviewNotificationError">
67 +
68 + {{error}}reviewNotification{{/error}}
69 +
70 + </div>
71 + </div>
72 + {{/html}}
73 + {{html clean="false"}}
44 44   </div>
45 45   <div class="col-xs-5">
46 46   <div class="widget">
... ... @@ -62,18 +62,6 @@
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 - <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>
77 77   </div>
78 78   </div>
79 79  {{/html}}
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,22 +1,16 @@
1 1  require(['jquery'], function ($) {
2 - var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'xpage=plain');
3 - var form = $('#agneaseContactForm');
4 - var submitButton = $('#agneaseContactSubmit');
2 + var serviceURL = new XWiki.Document('WebHome', 'content').getURL('get', 'outputSyntax=plain');
3 + console.log(serviceURL)
4 + var form = $('#contactForm');
5 + var submitButton = $('#contactSubmit');
5 5  
6 - function getFormData() {
7 - var data = {};
7 + var successBox = $('.reviewNotificationSuccess');
8 + var errorBox = $('.reviewNotificationError');
8 8  
9 - $.each(form.serializeArray(), function (_, field) {
10 - data[field.name] = field.value;
11 - });
12 -
13 - return data;
14 - }
15 -
16 16   form.on('submit', function (event) {
17 17   event.preventDefault();
18 18  
19 - var data = getFormData();
13 + 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.');
22 + //var message = 'The request could not be sent. Please try again or contact Agnease by email.';
23 + var successBoxContent = successBox.find('.box div p');
24 + successBoxContent.text(data.message);
25 + successBox.toggleClass('hidden');
26 + if (errorBox.is(':visible')) {
27 + errorBox.toggleClass('hidden');
28 + }
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;
31 + var errorBoxContent = errorBox.find('.box div p');
32 + errorBoxContent.text(xhr.responseJSON.message);
33 + errorBox.toggleClass('hidden');
34 + if (successBox.is(':visible')) {
35 + successBox.toggleClass('hidden');
36 36   }
37 -
38 - // replace with error box message alert(message);
37 + }).always(function () {
39 39   submitButton.prop('disabled', false);
40 40   });
41 41   });