Änderungen von Dokument Formular über externen Kontext einbinden

Zusammenfassung

• Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Dokument-Autor

...	...	@@ -1,1 +1,1 @@
1		-XWiki.sas
	1	+XWiki.gru

Inhalt

...	...	@@ -1,81 +1,83 @@
1	1	{{html clean="false"}} <script type="text/javascript" src="https://demo7.formcycle.eu/formcycle/form/includes/010-jquery-min.js?_nc=1637667410192" ></script>
2		-<script type="text/javascript" src="https://demo7.formcycle.eu/formcycle/form/include.js?form_id=564&form_base=https%3A%2F%2Fdemo2.formcycle.eu%2Fformcycle&auto=1&form_container_id=content" ></script>
	2	+<script type="text/javascript" src="https://demo7.formcycle.eu/formcycle/form/include.js?form_id=564&form_base=https%3A%2F%2Fdemo7.formcycle.eu%2Fformcycle&auto=1&form_container_id=content" ></script>
3	3
4	4	<style type="text/css">
5		- pre{
	5	+ pre{
6	6	margin:0;
7		- }
	7	+ }
8	8
9		-.xm-form{
10		-margin:0 auto;
11		-}
12		-
13		- .extra .hljs-string{
	9	+ .xm-form{
	10	+ margin:0 auto;
	11	+ }
	12	+
	13	+ .extra .hljs-string{
14	14	font-weight:bold;
15	15	color:red;
16		- }
	16	+ }
17	17
18		- iframe, .hljs{
	18	+ iframe, .hljs{
19	19	max-width:700px;
20	20	border:2px solid #515151;
21		- }
	21	+ }
22	22
23		- .hljs{
	23	+ .hljs{
24	24	max-width:985px;
25		-text-align:center;
26		- }
	25	+ text-align:center;
	26	+ }
27	27
28		- span.box{
29		- display: block;
30		- padding: 20px;
31		- }
32		- </style>
	28	+ span.box{
	29	+ display: block;
	30	+ padding: 20px;
	31	+ }
	32	+</style>
33	33
34		- <script>
	34	+<script>
	35	+ console.log("before noConflict");
35	35	$.noConflict();
	37	+ console.log("after noConflict");
36	36
37		-window.xima.fc.form.load = (function(options, trigger){
38		-(function($, options, trigger){
39		-
40		- var options = options || {},
	39	+window.xima.fc.form.load = (function(options, trigger){
	40	+(function($, options, trigger){
	41	+
	42	+ var options = options || {},
41	41	o = $.extend({
42	42	loadingImageURL : window.xima.fc.form.loadingImageURL || "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAC4jAAAuIwF4pT92AAABymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5wYWludC5uZXQgNC4wLjU8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CqgdUBYAAAKgSURBVCgVbVJbS1RRFP7WPufMGS/TKKJm2EXQAgctRBIywggCSYQCX3oSiyLEqJcIujAPQfUfCowepcKnKCotMCy8lJeHIhALxQujoc4457ZX6zhiEH0Pe5+9z1rr+/a3FvE4DoBwDgqm70fHrIbsm56eVntocnenJt4H5gyIGBqQGDkiAFO+XM0Qf0IJbAyjCtU8Yy1SlVdLcf59/HTnbJZilRy4MExbMgUkyTqAFclDZi01b1ITUvwFN/ATz6kY5ZjDdYm6o7kzxdqp9H1vIfDcCaKQVLgZnudk4sI8nqsoK39FP89ZzFOYX3hX24TyCwOn2ru57kTn252gZFKE/4XiEVhbR42HvAQfBaiIx5avoYjNdReImn+DkUyGL9+BiUb4okeJrI/BuNFL+d5FRfpQ8/7A+JXW2BtlG81dsfoCTyvXsOw8T/ueS1gtzpihBzwIQ8pplyvuRZdnzsqVtbKpPFOE+Iwjh009Ql4YAnY2LZFuRTjuXMqJer/VCOQ1zMzypFgmf1dccmIRsQhUYEaiB4VEIGeRqMiAl82U5JLbhDkpzGOxLsTX62mJhkttjmTJhGL/m+c690khkAI5etbKtHjI5AGY1AhPjC/ScG4iLEfkLDug0sKwMzw/8aH3yRbxP4uJllCLwMBVFeMapADXi75Y/Gy017aJL2tkJBIdkenphF/dmrLiS86W46OjewJTnhAIa42U6EZEihBeHbt78lHZUf+8r21oGY7p6T5pWh9+vITs22TykWu6kqmKoyxklVF9MPH6aTpRrO20q8ORCplyfiG5vcuNQAnrGeTjCnYBga+eUQ0GEy0dhesuFdiRqISQ/Pk/xE5sYgO3kcamr6P9gIPLdRve46nYrSC9WqWU+i6pOV+Q3N5zxf4AusodlJW0va8AAAAASUVORK5CYII=",
43	43	loadingImageStyle : window.xima.fc.form.loadingImageStyle || ".xm-form-loader-icon { text-align:center; -webkit-animation: spin 0.5s ease-in-out infinite; -moz-animation: spin 0.5s ease-in-out infinite; animation: spin 0.5s ease-in-out infinite;} @-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } }"
44	44	},options);
45		-
	47	+
46	46	var d = $.extend({
47		- "xfc-rp-inline":true,
48		- "xfc-rp-form-only":true,
49		- "xfc-pp-external":true,
50		- "xfc-rp-usejq":false,
51		- "xfc-rp-keepalive":false,
52		- "xfc-rp-usecss":true,
53		- "xfc-rp-useui":true,
	49	+ "xfc-rp-inline":true,
	50	+ "xfc-rp-form-only":true,
	51	+ "xfc-pp-external":true,
	52	+ "xfc-rp-usejq":false,
	53	+ "xfc-rp-keepalive":false,
	54	+ "xfc-rp-usecss":true,
	55	+ "xfc-rp-useui":true,
54	54	"xfc-pp-base-url": o.form_base,
55	55	"fcpuid":window.xima.fc.form.fcpuid
56	56	}, {"auto":"1","form_id":"253","form_container_id":"content"}, o.data);
57		-
	59	+
58	58	function success(html){
59	59	o.form_container.html(html.replace(/\$/g,'jQuery'));
60	60	checkIsLogin();
61	61	}
62		-
	64	+
63	63	function error(data){
64	64	o.form_container.html(data.responseText);
65	65	checkIsLogin();
66	66	}
67		-
	69	+
68	68	function renderFromLoginForm(element){
69		-
	71	+
70	70	var form = element.closest('form');
71	71	pass = $('INPUT[name=pass]', form),
72	72	user = $('INPUT[name=user]', form);
73		-
	75	+
74	74	if (user.val() && pass.val()) {
75	75	render(user.val(), pass.val());
76	76	}
77	77	}
78		-
	80	+
79	79	function checkIsLogin(){
80	80	$('.xfc-template .login INPUT[type=submit]', o.form_container).click(function(){
81	81	renderFromLoginForm($(this));
...	...	@@ -85,20 +85,20 @@
85	85
86	86	function buildLoader(){
87	87	o.form_container.html('');
88		-
	90	+
89	89	var l = $('<div>').addClass('xm-form-loader-icon').appendTo(o.form_container);
90	90	$('<style>').text(o.loadingImageStyle).appendTo(l);
91	91	$('<img>').attr('src',o.loadingImageURL).appendTo(l);
92	92	}
93		-
	95	+
94	94	function render(user, pass){
95	95	d = (user && pass) ? $.extend(d, {
96	96	"xfc-rp-username": user,
97	97	"xfc-rp-password": pass
98	98	}) : d;
99		-
	101	+
100	100	console.log(o.form_base + '/form/provide/' + o.form_id)
101		-
	103	+
102	102	$.ajax($.extend({
103	103	type: "GET",
104	104	url: o.form_base + '/form/provide/' + o.form_id,
...	...	@@ -110,18 +110,19 @@
110	110	crossDomain: true
111	111	}, options.ajax )).fail(error);
112	112	}
113		-
114		- o.form_id = o.form_id;
	115	+
	116	+ o.form_id = o.form_id;
115	115	o.form_container_id = (o.form_container_id) ? o.form_container_id : 'content';
116		- o.form_container = (o.form_container_id) ? $('#'+o.form_container_id) : o.form_container;
	118	+ o.form_container = (o.form_container_id) ? $('#'+o.form_container_id) : o.form_container;
117	117	o.form_container = (o.form_container) ? o.form_container : $('.tx-xm-formcycle, .xfc-template-body').first();
118	118	o.form_base = o.form_base;
	121	+
119	119	if (o.data && o.data.hasOwnProperty("xfc-pp-base-url")) o.form_base = o.data["xfc-pp-base-url"];
120	120	if (o.form_action == 'login') $(renderFromLoginForm(trigger)); else $(render);
121	121	})(jQuery, options, trigger)})
122	122
123	123	jQuery( document ).ready(function() {
124		-window.xima.fc.form.load({form_container_id:'content', form_base:'https://demo.formcycle.eu/formcycle', form_id:'253'});
	127	+ window.xima.fc.form.load({form_container_id:'content', form_base:'https://demo7.formcycle.eu/formcycle', form_id:'564'});
125	125	});
126	126
127	127
...	...	@@ -154,5 +154,5 @@
154	154	{{/code}}
155	155
156	156	{{html clean="false"}}
157		- <div class="hljs" id="content"></div>
	160	+ <div class="hljs" id="content"></div>
158	158	{{/html}}