Skip to Content
Last modified by Alex Cotiugă on 2026/05/02 12:23
From version 13.55
edited by Alex Cotiugă
on 2026/05/02 07:33
Change comment: There is no comment for this version
To version 13.76
edited by Alex Cotiugă
on 2026/05/02 08:06
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -13,8 +13,8 @@
13 13   #foreach ($property in $xclass.properties)
14 14   #if ($property.name == 'hosting')
15 15   <hr>
16 - Optional project details
17 - These details help us understand the scope and suggest practical next steps.
16 + <h3>Optional project details</h3>
17 + <p>These details help us understand the scope and suggest practical next steps.</p>
18 18   #end
19 19   <dt #if (!$editing && $hasEdit)
20 20   class="editableProperty"
... ... @@ -62,6 +62,18 @@
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>
65 65   </div>
66 66   </div>
67 67  {{/html}}
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,0 +1,65 @@
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 + console.log(serviceURL)
7 + var successBox = $('.reviewNotificationSuccess');
8 + var errorBox = $('.reviewNotificationError');
9 +
10 + function getFormData() {
11 + var data = {};
12 +
13 + $.each(form.serializeArray(), function (_, field) {
14 + data[field.name] = field.value;
15 + });
16 +
17 + return data;
18 + }
19 +
20 + function isValidEmail(value) {
21 + return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
22 + }
23 +
24 + function updateSubmitState() {
25 + var data = getFormData();
26 + var name = $.trim(data[fields.name] || '');
27 + var email = $.trim(data[fields.email] || '');
28 +
29 + submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email)));
30 + }
31 +
32 + form.on('input change keyup', 'input, textarea, select', updateSubmitState);
33 + updateSubmitState();
34 +
35 + form.on('submit', function (event) {
36 + event.preventDefault();
37 +
38 + var data = getFormData();
39 +
40 + submitButton.prop('disabled', true);
41 +
42 + $.post({
43 + url: serviceURL,
44 + data: data
45 + }).done(function (response) {
46 + // replace with succcess message alert(response.message || 'Your request was sent successfully.');
47 + //var message = 'The request could not be sent. Please try again or contact Agnease by email.';
48 + var successBoxContent = successBox.find('.box div p');
49 + successBoxContent.text(data.message);
50 + successBox.toggleClass('hidden');
51 + if (errorBox.is(':visible')) {
52 + errorBox.toggleClass('hidden');
53 + }
54 + form[0].reset();
55 + }).fail(function (xhr) {
56 + var errorBoxContent = errorBox.find('.box div p');
57 + errorBoxContent.text(xhr.responseJSON.message);
58 + errorBox.toggleClass('hidden');
59 + if (successBox.is(':visible')) {
60 + successBox.toggleClass('hidden');
61 + }
62 + submitButton.prop('disabled', false);
63 + });
64 + });
65 +});