Skip to Content
Last modified by Alex Cotiuga on 2026/07/27 06:09
From version 16.6
edited by Alex Cotiuga
on 2026/05/27 15:17
Change comment: There is no comment for this version
To version 18.15
edited by Alex Cotiuga
on 2026/07/09 20:28
Change comment: There is no comment for this version

Summary

Details

Page properties
Default language
... ... @@ -1,1 +1,0 @@
1 -en
Hidden
... ... @@ -1,1 +1,1 @@
1 -false
1 +true
Content
... ... @@ -1,28 +1,152 @@
1 1  {{velocity wiki="false"}}
2 2  #if ($xcontext.action == 'get')
3 - #set ($message = '')
4 - #set ($now = $datetool.get('yyyyMMddHHmm'))
5 - #set ($random = $mathtool.random(100000, 999999))
6 - #set ($uniqueName = "ContactRequest-${now}-${random}")
7 - #set ($contactRequestDoc = $xwiki.getDocumentAsAuthor('ContactRequests.' + $uniqueName))
8 - #set ($contactRequestObj = $contactRequestDoc.getObject('Agnease.Code.ContactRequest.ContactRequestClass', true))
9 - #set ($statusCode = 200)
10 - #set ($message = 'Your request was successfully sent.')
3 + #set ($statusCode = 400)
4 + #set ($message = 'The request could not be sent. Please try again or contact Agnease by email at alex@agnease.com.')
11 11  
12 - ##var message = 'The request could not be sent. Please try again or contact Agnease by email.';
6 + #set ($className = 'Agnease.Code.ContactRequest.ContactRequestClass')
7 + #set ($allowedProperties = [
8 + 'scope',
9 + 'alreadyUseXWiki',
10 + 'name',
11 + 'email',
12 + 'hosting',
13 + 'customDevelopment',
14 + 'timeline',
15 + 'users',
16 + 'sourcePage'
17 + ])
13 13  
19 + #set ($name = '')
20 + #set ($email = '')
21 + #set ($scope = '')
22 + #set ($contactWebsite = '')
23 + #set ($startedAtRaw = '')
24 + #set ($sourcePage = '')
25 +
26 + ## Extract only the values we need for validation.
14 14   #foreach ($parameterName in $request.parameterNames)
15 - #set ($discard = $contactRequestObj.set("$parameterName.split('_0_')[1]", $request.get($parameterName)))
16 - ##set ($message = "$message $parameterName.split('_0_')[1] : $request.get($parameterName)")
28 + #set ($propertyParts = $parameterName.split('_0_'))
29 + #if ($propertyParts.size() > 1)
30 + #set ($propertyName = $propertyParts[1])
31 + #set ($propertyValue = $stringtool.trim($request.get($parameterName)))
32 +
33 + #if ($propertyName == 'name')
34 + #set ($name = $propertyValue)
35 + #elseif ($propertyName == 'email')
36 + #set ($email = $propertyValue)
37 + #elseif ($propertyName == 'scope')
38 + #set ($scope = $propertyValue)
39 + #elseif ($propertyName == 'contactWebsite')
40 + #set ($contactWebsite = $propertyValue)
41 + #elseif ($propertyName == 'contactStartedAt')
42 + #set ($startedAtRaw = $propertyValue)
43 + #end
44 + #end
17 17   #end
18 18  
19 - #set ($discard = $contactRequestDoc.saveAsAuthor())
47 + #set ($spamScore = 0)
20 20  
21 - #set ($message = "$message")
49 + ## Honeypot: real users should never fill this field.
50 + #if ("$!contactWebsite" != '')
51 + #set ($spamScore = $spamScore + 5)
52 + #end
22 22  
23 - ##set ($statusCode = 400)
24 - ##set ($message = 'error')
54 + ## Submission timing check.
55 + #if ("$!startedAtRaw" == '')
56 + ## The field is expected from the real form, so missing it is suspicious.
57 + #set ($spamScore = $spamScore + 2)
58 + #else
59 + #set ($startedAt = $numbertool.toNumber($startedAtRaw))
60 + #if ("$!startedAt" == '')
61 + #set ($spamScore = $spamScore + 2)
62 + #else
63 + #set ($now = $datetool.systemDate.time)
64 + #set ($elapsed = $now - $startedAt)
25 25  
66 + ## Reject very fast submissions.
67 + #if ($elapsed > 0 && $elapsed < 10000)
68 + #set ($spamScore = $spamScore + 3)
69 + #end
70 + #end
71 + #end
72 +
73 + ## Random-looking name: long single token.
74 + #if ($name.length() >= 16 && !$name.contains(' '))
75 + #set ($spamScore = $spamScore + 2)
76 + #end
77 +
78 + ## Random-looking project description: long single token.
79 + #if ($scope.length() >= 12 && !$scope.contains(' '))
80 + #set ($spamScore = $spamScore + 2)
81 + #end
82 +
83 + ## Suspicious email local part with many dots and tiny fragments.
84 + #set ($emailParts = $email.split('@'))
85 + #if ($emailParts.size() == 2)
86 + #set ($localPart = $emailParts[0])
87 + #set ($localFragments = $localPart.split('\.'))
88 + #set ($dotCount = $localFragments.size() - 1)
89 + #set ($oneCharFragments = 0)
90 +
91 + #foreach ($fragment in $localFragments)
92 + #if ($fragment.length() == 1)
93 + #set ($oneCharFragments = $oneCharFragments + 1)
94 + #end
95 + #end
96 +
97 + #if ($dotCount >= 4 && $oneCharFragments >= 3)
98 + #set ($spamScore = $spamScore + 2)
99 + #end
100 + #else
101 + #set ($spamScore = $spamScore + 2)
102 + #end
103 +
104 + ## Human-facing validation.
105 + #if ("$!name" == '' && "$!email" == '')
106 + #set ($message = 'Please enter your name and email.')
107 + #elseif ("$!name" == '')
108 + #set ($message = 'Please enter your name.')
109 + #elseif ("$!email" == '')
110 + #set ($message = 'Please enter your email address.')
111 + #elseif ("$!scope" == '' || $scope.length() < 30)
112 + #set ($message = 'Please add a short description of your XWiki project, question or issue.')
113 + #elseif ($spamScore >= 3)
114 + #set ($message = 'The request could not be sent. Please add a clearer description of your XWiki request or contact Agnease by email.')
115 + #else
116 + #try('contactException')
117 + #set ($now = $datetool.get('yyyyMMddHHmm'))
118 + #set ($random = $mathtool.random(100000, 999999))
119 + #set ($uniqueName = "ContactRequest-${now}-${random}")
120 + #set ($contactRequestDoc = $xwiki.getDocumentAsAuthor('ContactRequests.' + $uniqueName))
121 + #set ($contactRequestObj = $contactRequestDoc.getObject($className, true))
122 +
123 + ## Save only known ContactRequest fields.
124 + #foreach ($parameterName in $request.parameterNames)
125 + #if ($parameterName == 'sourcePage')
126 + #set ($sourcePage = $stringtool.trim($request.get($parameterName)))
127 + #set ($discard = $contactRequestObj.set('Agnease.Code.ContactRequest.ContactRequestClass_0_sourcePage', $stringtool.trim($request.get($parameterName))))
128 + #end
129 + #set ($propertyParts = $parameterName.split('_0_'))
130 + #if ($propertyParts.size() > 1)
131 + #set ($propertyName = $propertyParts[1])
132 +
133 + #if ($allowedProperties.contains($propertyName))
134 + #set ($discard = $contactRequestObj.set($propertyName, $stringtool.trim($request.get($parameterName))))
135 + #end
136 + #end
137 + #end
138 +
139 + #set ($discard = $contactRequestDoc.saveAsAuthor())
140 + #set ($statusCode = 200)
141 + #set ($message = 'Your request was successfully sent.')
142 + #end
143 +
144 + #if ("$!contactException" != '')
145 + #set ($statusCode = 400)
146 + #set ($message = 'The request could not be sent. Please try again or contact Agnease by email.')
147 + #end
148 + #end
149 +
26 26   #set ($discard = $response.setStatus($statusCode))
27 27   #jsonResponse({'message': $message})
28 28  #end
... ... @@ -37,22 +37,27 @@
37 37  = Tell Us More About Your Project =
38 38  You do not need to have a full specification. A short description is enough to start the conversation.
39 39  {{html clean="false"}}
164 +You can also <a href="https://calendly.com/alex-agnease/30min?back=1&month=2026-06" target="_blank">book a free XWiki review call</a> to discuss your current setup.
40 40   <div class="row">
41 41   <div class="xform col-md-7">
42 - Or directly <a href="https://calendly.com/alex-agnease/30min?back=1&month=2026-06" target="_blank">Book a call</a> with an expert.
43 43   #if ($totalRequests.size() > 50)
44 44   ## As a measure to avoid high load on website.
45 45   Tell us more about your project at <a href="mailto:alex@agnease.com">alex@agnease.com</a>
46 46   #else
171 + #set ($hiddenProperties = ['sourcePage'])
47 47   <form id="contactForm">
48 48   <dl>
49 49   #foreach ($property in $xclass.properties)
175 + #set ($hiddenPropertiesCSS = '')
176 + #if ($hiddenProperties.contains($property.name))
177 + #set ($hiddenPropertiesCSS = 'class="hidden"')
178 + #end
50 50   #if ($property.name == 'hosting')
51 51   <hr>
52 52   <h3>Optional project details</h3>
53 53   <p>These details help us understand the scope and suggest practical next steps.</p>
54 54   #end
55 - <dt #if (!$editing && $hasEdit)
184 + <dt $hiddenPropertiesCSS #if (!$editing && $hasEdit)
56 56   class="editableProperty"
57 57   #set ($xobjectPropertyReference = $xobject.getPropertyReference($property.name))
58 58   data-property="$escapetool.xml($services.model.serialize($xobjectPropertyReference))"
... ... @@ -65,7 +65,7 @@
65 65   ## Support for specifying a translation key as hint in the property definition.
66 66   <span class="xHint">$!escapetool.xml($services.localization.render($property.hint))</span>
67 67   </dt>
68 - <dd>$doc.display($property.name, 'edit').replace('{{html clean="false" wiki="false"}}', '').replace("{{/html}}", '')</dd>
197 + <dd $hiddenPropertiesCSS>$doc.display($property.name, 'edit').replace('{{html clean="false" wiki="false"}}', '').replace("{{/html}}", '')</dd>
69 69   #end
70 70   #if (!$xclass.properties || $xclass.properties.size() == 0)
71 71   ## Keep the empty definition term in order to have valid HTML.
... ... @@ -74,7 +74,19 @@
74 74   #end
75 75   </dl>
76 76   <p class="xHint">* Your information will only be used to respond to this request.</p>
77 - ##<p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p>
206 + ## Hidden fields to catch requests filled by bots.
207 + <div class="contact-hp-wrapper" aria-hidden="true">
208 + <label for="Agnease.Code.ContactRequest.ContactRequestClass_0_contactWebsite">Website</label>
209 + <input
210 + id="Agnease.Code.ContactRequest.ContactRequestClass_0_contactWebsite"
211 + type="text"
212 + name="Agnease.Code.ContactRequest.ContactRequestClass_0_contactWebsite"
213 + autocomplete="off"
214 + tabindex="-1"
215 + />
216 + </div>
217 + <input type="hidden" name="Agnease.Code.ContactRequest.ContactRequestClass_0_contactStartedAt" value="$datetool.systemDate.time" />
218 + <input type="hidden" name="sourcePage" value="$!{request.sourcePage}" />
78 78   <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request">
79 79   </form>
80 80   #end
... ... @@ -95,9 +95,13 @@
95 95   {{/html}}
96 96   {{html clean="false"}}
97 97   </div>
98 - <div class="col-md-5">
99 - <div class="widget">
100 - <h4>$services.icon.renderHTML('check') How Agnease can help</h4>
239 + <div class="col-md-5 contact-side-panel">
240 + <div class="split-copy contact-help-panel">
241 + <h2>
242 + <i class="fa fa-check-circle" aria-hidden="true"></i>
243 + How Agnease can help
244 + </h2>
245 +
101 101   <ul>
102 102   <li>XWiki upgrades and long-term maintenance</li>
103 103   <li>Knowledge bases, intranets, SOP and documentation workflows</li>
... ... @@ -107,14 +107,21 @@
107 107   <li>Security-aware reviews and platform stabilization</li>
108 108   </ul>
109 109   </div>
110 - <div class="widget">
111 - <h4>$services.icon.renderHTML('right') What happens next?</h4>
112 - <ol>
113 - <li>Your request is reviewed.</li>
114 - <li>You receive a reply with clarifying questions or suggested next steps.</li>
115 - <li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
116 - </ol>
117 - </div>
255 +
256 + <ol class="process-list contact-process-list">
257 + <li>
258 + <strong>Your request is reviewed</strong>
259 + The project description is checked to understand the context and initial scope.
260 + </li>
261 + <li>
262 + <strong>You receive a reply</strong>
263 + Agnease replies with clarifying questions or suggested next steps.
264 + </li>
265 + <li>
266 + <strong>A short call can be scheduled</strong>
267 + If useful, we discuss scope, timeline and estimated effort together.
268 + </li>
269 + </ol>
118 118   </div>
119 119   </div>
120 120  {{/html}}
XWiki.JavaScriptExtension[0]
code
... ... @@ -9,28 +9,28 @@
9 9   form.on('submit', function (event) {
10 10   event.preventDefault();
11 11  
12 - var data = $.param(form.serializeArray());
12 + // Always reset notifications before starting a new request.
13 + successBox.addClass('hidden');
14 + errorBox.addClass('hidden');
15 + successBox.find('.box div p').text('');
16 + errorBox.find('.box div p').text('');
13 13  
14 14   submitButton.prop('disabled', true);
15 15  
16 16   $.post({
17 17   url: serviceURL,
18 - data: data
22 + data: $.param(form.serializeArray())
19 19   }).done(function (data) {
20 - var successBoxContent = successBox.find('.box div p');
21 - successBoxContent.text(data.message);
22 - successBox.toggleClass('hidden');
23 - if (errorBox.is(':visible')) {
24 - errorBox.toggleClass('hidden');
25 - }
24 + console.log(data)
25 + successBox.find('.box div p').text(data.message);
26 + successBox.removeClass('hidden');
26 26   form[0].reset();
27 27   }).fail(function (xhr) {
28 - var errorBoxContent = errorBox.find('.box div p');
29 - errorBoxContent.text(xhr.statusText);
30 - errorBox.toggleClass('hidden');
31 - if (successBox.is(':visible')) {
32 - successBox.toggleClass('hidden');
33 - }
29 + console.log('fail' + xhr)
30 + var message = xhr.responseJSON && xhr.responseJSON.message ? xhr.responseJSON.message
31 + : 'The request could not be sent. Please try again or contact Agnease by email at alex@agnease.com';
32 + errorBox.find('.box div p').text(message);
33 + errorBox.removeClass('hidden');
34 34   }).always(function () {
35 35   submitButton.prop('disabled', false);
36 36   });
XWiki.StyleSheetExtension[0]
code
... ... @@ -1,68 +1,28 @@
1 -@brand: #00937D;
2 -@brand-strong: #007B6A;
3 -@text: #2D3A34;
4 -@muted: #5B6B64;
5 -@line: #E4ECE9;
6 -@radius: 16px;
7 -@shadow-sm: 0 6px 20px rgba(0,0,0,.06);
8 -@shadow: 0 12px 36px rgba(0,0,0,.08);
9 -@maxw: 1140px;
1 +/* ===== Contact page side panel ===== */
10 10  
11 -/* ===== Contact page widgets ===== */
12 -#mainContentArea {
13 - padding: 0;
3 +.contact-side-panel {
4 + padding-top: 10px;
14 14  }
15 15  
16 -.col-xs-5 {
17 - padding-top: 45px;
7 +.contact-help-panel {
8 + margin-bottom: 18px;
18 18  }
19 19  
20 -.col-xs-5 .widget {
21 - margin-bottom: 16px;
22 - padding: 16px;
11 +.contact-process-list li {
12 + min-height: auto;
23 23  }
24 24  
25 -.col-xs-5 .widget h4 {
26 - display: flex;
27 - align-items: center;
28 - gap: 8px;
29 - margin: 0 0 10px;
30 - padding-bottom: 8px;
31 - border-bottom: 1px solid fade(@line, 60%);
32 - color: @text;
33 - font-size: 18px;
34 - line-height: 1.25;
15 +/* CSS for hidden field to identify requests filled by bots. */
16 +.contact-hp-wrapper {
17 + position: absolute;
18 + left: -9999px;
19 + width: 1px;
20 + height: 1px;
21 + overflow: hidden;
35 35  }
36 36  
37 -.col-xs-5 .widget h4 .fa,
38 -.col-xs-5 .widget h4 .glyphicon {
39 - color: @brand;
40 - font-size: 15px;
24 +@media (max-width: 991px) {
25 + .contact-side-panel {
26 + padding-top: 24px;
27 + }
41 41  }
42 -
43 -.col-xs-5 .widget ul,
44 -.col-xs-5 .widget ol {
45 - margin: 0;
46 - padding-left: 1.2rem;
47 - color: @muted;
48 -}
49 -
50 -.col-xs-5 .widget li {
51 - margin: 5px 0;
52 - line-height: 1.4;
53 -}
54 -
55 -.col-xs-5 .widget p {
56 - margin: 0 0 8px;
57 - color: @muted;
58 - line-height: 1.45;
59 -}
60 -
61 -.col-xs-5 .widget p:last-child {
62 - margin-bottom: 0;
63 -}
64 -
65 -.col-xs-5 .widget a {
66 - color: @brand;
67 - font-weight: 700;
68 -}
XWiki.JavaScriptExtension[1]
cache
... ... @@ -1,0 +1,1 @@
1 +long
code
... ... @@ -1,0 +1,31 @@
1 +require(['jquery'], function ($) {
2 + $(function () {
3 + var sourcePageField = $('input[name="sourcePage"]');
4 +
5 + if (!sourcePageField.length || sourcePageField.val()) {
6 + return;
7 + }
8 +
9 + if (!document.referrer) {
10 + return;
11 + }
12 +
13 + try {
14 + var referrerUrl = new URL(document.referrer);
15 +
16 + if (referrerUrl.origin !== window.location.origin) {
17 + return;
18 + }
19 +
20 + var sourcePage = referrerUrl.pathname
21 + .replace(/^\/bin\//, '')
22 + .replace(/\/$/, '');
23 +
24 + if (sourcePage) {
25 + sourcePageField.val(sourcePage);
26 + }
27 + } catch (e) {
28 + // Ignore invalid referrer values.
29 + }
30 + });
31 +});
name
... ... @@ -1,0 +1,1 @@
1 +document referrer catcher