Changes for page Get in Touch About Your XWiki Project

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (1 modified, 1 added, 1 removed)
  • Agnease.Code.ContactForm.ContactFormClass[0]
  • XWiki.StyleSheetExtension[0]
  • XWiki.JavaScriptExtension[0]

Details

Page properties

Content

...	...	@@ -3,37 +3,43 @@
3	3	#set ($xobject = $doc.getObject('Agnease.Code.ContactForm.ContactFormClass'))
4	4	#set ($xclass = $xobject.xWikiClass)
5	5	#set ($editing = true)
6		-= Tell Agnease About Your Project =
7		-Share a few details about your documentation, intranet, workflow, migration, upgrade, or XWiki support need. We will review your request and suggest practical next steps.
	6	+= Tell Us More About Your Project =
	7	+You do not need to have a full specification. A short description is enough to start the conversation.
8	8	{{html clean="false"}}
9	9	<div class="row">
10	10	<div class="xform col-xs-7">
11		- <form>
	11	+ <form id="contactForm">
12	12	<dl>
13		- #foreach ($property in $xclass.properties)
14		- <dt #if (!$editing && $hasEdit)
15		- class="editableProperty"
16		- #set ($xobjectPropertyReference = $xobject.getPropertyReference($property.name))
17		- data-property="$escapetool.xml($services.model.serialize($xobjectPropertyReference))"
18		- data-property-type="object"#end>
19		- ## This must match the id generated by the $doc.display() method below.
20		- #set ($propertyId = "${xclass.name}_${xobject.number}_$property.name")
21		- <label#if ($editing) for="$escapetool.xml($propertyId)"#end>
22		- $escapetool.xml($property.translatedPrettyName)
23		- </label>
24		- ## Support for specifying a translation key as hint in the property definition.
25		- <span class="xHint">$!escapetool.xml($services.localization.render($property.hint))</span>
26		- </dt>
27		- <dd>$doc.display($property.name, 'edit').replace('{{html clean="false" wiki="false"}}', '').replace("{{/html}}", '')</dd>
28		- #end
29		- #if (!$xclass.properties || $xclass.properties.size() == 0)
30		- ## Keep the empty definition term in order to have valid HTML.
31		- <dt></dt>
32		- <dd>$escapetool.xml($services.localization.render('xclass.defaultObjectSheet.noProperties'))</dd>
33		- #end
	13	+ #foreach ($property in $xclass.properties)
	14	+ #if ($property.name == 'hosting')
	15	+ <hr>
	16	+ <h3>Optional project details</h3>
	17	+ <p>These details help us understand the scope and suggest practical next steps.</p>
	18	+ #end
	19	+ <dt #if (!$editing && $hasEdit)
	20	+ class="editableProperty"
	21	+ #set ($xobjectPropertyReference = $xobject.getPropertyReference($property.name))
	22	+ data-property="$escapetool.xml($services.model.serialize($xobjectPropertyReference))"
	23	+ data-property-type="object"#end>
	24	+ ## This must match the id generated by the $doc.display() method below.
	25	+ #set ($propertyId = "${xclass.name}_${xobject.number}_$property.name")
	26	+ <label#if ($editing) for="$escapetool.xml($propertyId)"#end>
	27	+ $escapetool.xml($property.translatedPrettyName)
	28	+ </label>
	29	+ ## Support for specifying a translation key as hint in the property definition.
	30	+ <span class="xHint">$!escapetool.xml($services.localization.render($property.hint))</span>
	31	+ </dt>
	32	+ <dd>$doc.display($property.name, 'edit').replace('{{html clean="false" wiki="false"}}', '').replace("{{/html}}", '')</dd>
	33	+ #end
	34	+ #if (!$xclass.properties || $xclass.properties.size() == 0)
	35	+ ## Keep the empty definition term in order to have valid HTML.
	36	+ <dt></dt>
	37	+ <dd>$escapetool.xml($services.localization.render('xclass.defaultObjectSheet.noProperties'))</dd>
	38	+ #end
34	34	</dl>
35		- <p>Your information will only be used to respond to this request. See the Privacy Policy for details.</p>
36		- <input type="submit" class="btn btn-primary" value="Send my request">
	40	+ <p>Your information will only be used to respond to this request.</p>
	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">
37	37	</form>
38	38	</div>
39	39	<div class="col-xs-5">
...	...	@@ -41,8 +41,7 @@
41	41	<h4>$services.icon.renderHTML('check') How Agnease can help</h4>
42	42	<ul>
43	43	<li>XWiki upgrades and long-term maintenance</li>
44		- <li>Knowledge bases and internal portals</li>
45		- <li>SOP, approval, and documentation workflows</li>
	50	+ <li>Knowledge bases, intranets, SOP and documentation workflows</li>
46	46	<li>Custom XWiki applications and integrations</li>
47	47	<li>LDAP, SSO, OIDC, SAML, and MFA setup</li>
48	48	<li>Migrations from SharePoint, Confluence, MediaWiki, or file-based documentation</li>
...	...	@@ -49,7 +49,6 @@
49	49	<li>Security-aware reviews and platform stabilization</li>
50	50	</ul>
51	51	</div>
52		-
53	53	<div class="widget">
54	54	<h4>$services.icon.renderHTML('right') What happens next?</h4>
55	55	<ol>
...	...	@@ -58,18 +58,19 @@
58	58	<li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
59	59	</ol>
60	60	</div>
	65	+ <div class="reviewNotifications">
	66	+ <div class="hidden reviewNotificationSuccess">
61	61
62		- <div class="widget">
63		- <h4>$services.icon.renderHTML('envelope') Prefer email?</h4>
64		- <p>
65		- You can also contact Agnease directly at
66		- <a href="mailto:alex@agnease.com">alex@agnease.com</a>.
67		- </p>
68		- <p>
69		- Based in Romania, working remotely with international clients.
70		- </p>
	68	+ {{success}}reviewNotification{{/success}}
	69	+
	70	+ </div>
	71	+ <div class="hidden reviewNotificationError">
	72	+
	73	+ {{error}}reviewNotification{{/error}}
	74	+
	75	+ </div>
71	71	</div>
72	72	</div>
73		- </div
	78	+ </div>
74	74	{{/html}}
75	75	{{/velocity}}

Agnease.Code.ContactForm.ContactFormClass[0]

organizationType

...	...	@@ -1,1 +1,0 @@
1		-1

XWiki.StyleSheetExtension[0]

code

...	...	@@ -1,5 +1,22 @@
	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;
	10	+
1	1	/* ===== Contact page widgets ===== */
	12	+#mainContentArea {
	13	+ padding: 0;
	14	+}
2	2
	16	+.col-xs-5 {
	17	+ padding-top: 45px;
	18	+}
	19	+
3	3	.col-xs-5 .widget {
4	4	margin-bottom: 16px;
5	5	padding: 16px;
...	...	@@ -49,23 +49,3 @@
49	49	color: @brand;
50	50	font-weight: 700;
51	51	}
52		-
53		-.col-xs-5 .widget .email-highlight {
54		- margin: 10px 0;
55		-}
56		-
57		-.col-xs-5 .widget .email-highlight a {
58		- display: inline-block;
59		- padding: 6px 10px;
60		- border-radius: 8px;
61		- background: fade(@brand, 8%);
62		- border: 1px solid fade(@brand, 18%);
63		- text-decoration: none;
64		-}
65		-
66		-.col-xs-5 .widget .email-highlight a:hover,
67		-.col-xs-5 .widget .email-highlight a:focus {
68		- background: fade(@brand, 12%);
69		- color: @brand-strong;
70		- text-decoration: none;
71		-}

XWiki.JavaScriptExtension[0]

cache

...	...	@@ -1,0 +1,1 @@
	1	+long

code

...	...	@@ -1,0 +1,64 @@
	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	+ function getFormData() {
	10	+ var data = {};
	11	+
	12	+ $.each(form.serializeArray(), function (_, field) {
	13	+ data[field.name] = field.value;
	14	+ });
	15	+
	16	+ return data;
	17	+ }
	18	+
	19	+ function isValidEmail(value) {
	20	+ return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
	21	+ }
	22	+
	23	+ function updateSubmitState() {
	24	+ var data = getFormData();
	25	+ var name = $.trim(data[fields.name] || '');
	26	+ var email = $.trim(data[fields.email] || '');
	27	+
	28	+ submitButton.prop('disabled', !(name.length > 0 && isValidEmail(email)));
	29	+ }
	30	+
	31	+ form.on('input change keyup', 'input, textarea, select', updateSubmitState);
	32	+ updateSubmitState();
	33	+
	34	+ form.on('submit', function (event) {
	35	+ event.preventDefault();
	36	+
	37	+ var data = getFormData();
	38	+
	39	+ submitButton.prop('disabled', true);
	40	+
	41	+ $.post({
	42	+ url: serviceURL,
	43	+ data: data
	44	+ }).done(function (response) {
	45	+ // replace with succcess message alert(response.message || 'Your request was sent successfully.');
	46	+ //var message = 'The request could not be sent. Please try again or contact Agnease by email.';
	47	+ var successBoxContent = successBox.find('.box div p');
	48	+ successBoxContent.text(data.message);
	49	+ successBox.toggleClass('hidden');
	50	+ if (errorBox.is(':visible')) {
	51	+ errorBox.toggleClass('hidden');
	52	+ }
	53	+ form[0].reset();
	54	+ }).fail(function (xhr) {
	55	+ var errorBoxContent = errorBox.find('.box div p');
	56	+ errorBoxContent.text(xhr.responseJSON.message);
	57	+ errorBox.toggleClass('hidden');
	58	+ if (successBox.is(':visible')) {
	59	+ successBox.toggleClass('hidden');
	60	+ }
	61	+ submitButton.prop('disabled', false);
	62	+ });
	63	+ });
	64	+});

use

...	...	@@ -1,0 +1,1 @@
	1	+currentPage