Changes for page Get in Touch About Your XWiki Project

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (1 modified, 0 added, 0 removed)
  • XWiki.JavaScriptExtension[0]

Details

Page properties

Content

...	...	@@ -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.
	16	+ <h3>Optional project details</h3>
	17	+ <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,7 +38,7 @@
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">
	42	+ <input id="contactSubmit" type="submit" class="btn btn-primary" value="Send my request">
42	42	</form>
43	43	</div>
44	44	<div class="col-xs-5">
...	...	@@ -61,6 +61,20 @@
61	61	<li>If useful, we schedule a short call to discuss scope, timeline, and estimated effort.</li>
62	62	</ol>
63	63	</div>
	65	+ {{/html}}
	66	+ {{html clean="false" wiki="true"}}
	67	+ <div class="reviewNotifications">
	68	+ <div class="hidden reviewNotificationSuccess">
	69	+
	70	+ {{success}}reviewNotification{{/success}}
	71	+
	72	+ </div>
	73	+ <div class="hidden reviewNotificationError">
	74	+
	75	+ {{error}}reviewNotification{{/error}}
	76	+
	77	+ </div>
	78	+ </div>
64	64	</div>
65	65	</div>
66	66	{{/html}}

XWiki.JavaScriptExtension[0]

code

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