Skip to Content
Last modified by Alex Cotiugă on 2026/05/04 06:15
From version 13.51
edited by Alex Cotiugă
on 2026/05/02 07:24
Change comment: There is no comment for this version
To version 13.115
edited by Alex Cotiugă
on 2026/05/02 08:30
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,3 +1,16 @@
1 +{{velocity wiki="false"}}
2 +#if ($xcontext.action == 'get')
3 + #set ($message = '')
4 + #set ($statusCode = 200)
5 +
6 + #set ($statusCode = 400)
7 + #set ($message = 'error')
8 +
9 + #set ($discard = $response.setStatus($statusCode))
10 + #jsonResponse({'message': $message})
11 +#end
12 +{{/velocity}}
13 +
1 1  {{velocity}}
2 2  #set ($discard = $xwiki.ssx.use('contact.WebHome'))
3 3  #set ($xobject = $doc.getObject('Agnease.Code.ContactForm.ContactFormClass'))
... ... @@ -13,7 +13,8 @@
13 13   #foreach ($property in $xclass.properties)
14 14   #if ($property.name == 'hosting')
15 15   <hr>
16 - These details are optional, but they help us understand the scope and suggest practical next steps.
29 + <h3>Optional project details</h3>
30 + <p>These details help us understand the scope and suggest practical next steps.</p>
17 17   #end
18 18   <dt #if (!$editing && $hasEdit)
19 19   class="editableProperty"
... ... @@ -38,8 +38,24 @@
38 38   </dl>
39 39   <p>Your information will only be used to respond to this request.</p>
40 40   ##<p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p>
41 - <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request" disabled="disabled">
55 + <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request">
42 42   </form>
57 + {{/html}}
58 + {{html clean="false" wiki="true"}}
59 + <div class="reviewNotifications">
60 + <div class="hidden reviewNotificationSuccess">
61 +
62 + {{success}}reviewNotification{{/success}}
63 +
64 + </div>
65 + <div class="hidden reviewNotificationError">
66 +
67 + {{error}}reviewNotification{{/error}}
68 +
69 + </div>
70 + </div>
71 + {{/html}}
72 + {{html clean="false"}}
43 43   </div>
44 44   <div class="col-xs-5">
45 45   <div class="widget">
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,0 +1,54 @@
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 + form.on('submit', function (event) {
24 + event.preventDefault();
25 +
26 + var data = $.param(form.serializeArray());
27 +
28 + submitButton.prop('disabled', true);
29 +
30 + $.post({
31 + url: serviceURL,
32 + data: data
33 + }).done(function (response) {
34 + // 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 + }
42 + form[0].reset();
43 + }).fail(function (xhr) {
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');
49 + }
50 + }).always(function () {
51 + submitButton.prop('disabled', false);
52 + });
53 + });
54 +});