Zusammenfassung

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

Details

Seiteneigenschaften

Titel

...	...	@@ -1,1 +1,1 @@
1		-FORMCYCLE Hilfe
	1	+{1}.FORMCYCLE V6 Hilfe

Dokument-Autor

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

Inhalt

...	...	@@ -1,5 +1,98 @@
1		-{{velocity}}
2		-#set ($mainCards = [{
	1	+{{include reference="Help.Code.VelocityMacros"/}}
	2	+
	3	+{{velocity output="false"}}
	4	+#macro (MainMenuCard $data)
	5	+ #set ($documentationURL = $NULL)
	6	+ #if ($data.documentation)
	7	+ #set ($externalDocumentation = $data.documentation.contains('://'))
	8	+ #if ($externalDocumentation)
	9	+ #set ($documentationURL = $data.documentation)
	10	+ #else
	11	+ #set ($documentationURL = $xwiki.getURL($data.documentation))
	12	+ #end
	13	+ #end
	14	+ #set ($examplesURL = $NULL)
	15	+ #if ($data.examples)
	16	+ #if ($data.examples.startsWith('/'))
	17	+ ## Relative internal URL
	18	+ #set ($examplesURL = $data.examples)
	19	+ #else
	20	+ ## Page reference
	21	+ #set ($examplesURL = $xwiki.getURL($data.examples))
	22	+ #end
	23	+ #set ($url = $examplesURL)
	24	+ #else
	25	+ #set ($url = $documentationURL)
	26	+ #end
	27	+ <div class="well">
	28	+ #if ($data.icon)
	29	+ <span class="icon $data.icon" style="color:#504e4c"></span>
	30	+ #end
	31	+ #if ($data.iconfc)
	32	+ ##{{ficon name="$data.iconfc" size="1em"/}} title="$title"
	33	+ <span class="ico-fc-$data.iconfc" style="font-size:3em"></span>
	34	+ #end
	35	+ <h6>
	36	+ <a href="$!url">
	37	+ $escapetool.xml($data.title)
	38	+ </a>
	39	+ </h6>
	40	+ #if ($data.description)
	41	+ <p class="noitems" style="height:4em">
	42	+ $data.description
	43	+ </p>
	44	+ #end
	45	+ #if (($data.examples && $data.documentation) || !$data.thumbnail)
	46	+ <ul class="noitems">
	47	+ #if ($data.examples)
	48	+ <li>
	49	+ <a href="$examplesURL">$services.localization.render('help.example.label')</a>
	50	+ </li>
	51	+ #end
	52	+ #if ($data.documentation)
	53	+ <li>
	54	+ <a href="$documentationURL"#if ($externalDocumentation) class="wikiexternallink"#end>
	55	+ ##ervices.localization.render('help.more.label')
	56	+ Mehr erfahren
	57	+ </a>
	58	+ </li>
	59	+ #end
	60	+ </ul>
	61	+ #end
	62	+ #if ($data.thumbnail)
	63	+ <a href="$!url">
	64	+ #set ($attachmentReference = $services.model.resolveAttachment($data.thumbnail))
	65	+ <img src="$xwiki.getURL($attachmentReference)" class="thumbnail"
	66	+ alt="$escapetool.xml($attachmentReference.name)" />
	67	+ </a>
	68	+ #end
	69	+ </div>
	70	+#end
	71	+
	72	+#macro (display4Cards $cards)
	73	+ <div class="row">
	74	+ #foreach ($card in $cards)
	75	+ ## See http://getbootstrap.com/css/#grid-responsive-resets .
	76	+ #if ($foreach.index > 0 && $foreach.index % 2 == 0)
	77	+ <div class="clearfix visible-sm-block "></div>
	78	+ #end
	79	+ #if ($foreach.index > 0 && $foreach.index % 3 == 0)
	80	+ <div class="clearfix visible-md-block"></div>
	81	+ #end
	82	+ #if ($foreach.index > 0 && $foreach.index % 4 == 0)
	83	+ <div class="clearfix visible-lg-block"></div>
	84	+ #end
	85	+ <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 card-main">
	86	+ #MainMenuCard($card)
	87	+ ##helpExampleCard($card)
	88	+ </div>
	89	+ #end
	90	+ </div>
	91	+#end
	92	+
	93	+##'icon': 'fa fa-support',
	94	+##square-edit-outline
	95	+#set ($howToCards = [{
3	3	'iconfc': 'square-edit-outline',
4	4	'title': 'Formulardesigner',
5	5	'description': 'Arbeiten mit dem Formulardesigner',
...	...	@@ -19,784 +19,11 @@
19	19	'title': 'Workflow',
20	20	'description': 'Formulardaten verarbeiten',
21	21	'documentation': 'Formcycle.UserInterface.MyForms.WorkflowProcessing'
22		-}, {
23		- 'icon': 'fa fa-download',
24		- 'title': 'Installation',
25		- 'description': 'FORMCYCLE installieren oder aktualisieren',
26		- 'documentation': 'Formcycle.Installation'
27		-}, {
28		- 'icon': 'fa fa-play-circle',
29		- 'title': 'Einführungsvideos',
30		- 'description': 'Kurze Videos zum Vorstellen einzelner FORMCYCLE-Funktionen; ggf. Titel "Schnelleinstieg"',
31		- 'documentation': 'https://formcycle.eu/de/features'
32		-}, {
33		- 'iconfc': 'puzzle',
34		- 'title': 'Anwendungsfälle',
35		- 'description': 'Formulardaten verarbeiten',
36		- 'documentation': 'doc:Anwendungsfälle.WebHome'
37		-}, {
38		- 'iconfc': 'form',
39		- 'title': 'Beispiele',
40		- 'description': 'Beispiele für Formulareinbindungen und Formulare',
41		- 'documentation': 'doc:Examples.WebHome'
42	42	}])
43		-
44		-#set ($smallCards = [{
45		- 'iconfc': 'comment-faq-outline',
46		- 'title': 'Häufig gestellte Fragen',
47		- 'description': 'Häufig gestellte Fragen',
48		- 'documentation': "https://faq.formcycle.eu/"
49		-}, {
50		- 'iconfc': 'puzzle',
51		- 'title': 'Plugin-Dokumen­tation',
52		- 'description': 'Dokumentation der für FORMCYCLE verfügbaren Plugins',
53		- 'documentation': 'Formcycle.PluginDocumentation'
54		-}, {
55		- 'iconfc': 'action-change-status',
56		- 'title': 'Einbindung externer Systeme',
57		- 'description': 'Einbindung von FORMCYCLE in CMS/DMS-Systeme',
58		- 'documentation': 'Formcycle.CMSExtension'
59		-}, {
60		- 'icon': 'fa fa-cloud',
61		- 'title': 'FORM.CLOUD',
62		- 'description': 'Informationen zur XIMA FORM.CLOUD',
63		- 'documentation': 'doc:FORMCLOUD.WebHome'
64		-}, {
65		- 'icon': 'fa fa-list',
66		- 'title': 'Release Notes',
67		- 'description': 'Release Notes und Download der aktuellen Version',
68		- 'documentation': 'doc:Blog.WebHome'
69		-}])
70		-
71		-## 'icon': 'fa fa-share-square',
72		-## 'title': 'Daten extern weiterverarbeiten',
73		-## 'description': 'Mit FORMCYCLE erfasste Daten an andere Systeme weiterleiten',
74		-## 'documentation': 'Formcycle.UserInterface.MyForms.WorkflowProcessing'
75		-##}, {
76		-
77		-{{html}}
78		-##$jsontool.serialize(${mainCards})<br>
79		-##$jsontool.serialize($mainCards)<br>
80		-{{/html}}
81		-
82		-{{MainMenuTiles cards='$jsontool.serialize($mainCards)' /}}
83		-
84		-{{MainMenuTiles cards='$jsontool.serialize($smallCards)' type="small" /}}
85		-
86	86	{{/velocity}}
87	87
88	88	{{velocity}}
89		-{{html wiki="false" clean="false"}}
90		-
91		-
92		-
93		-<style>
94		-.jqcloud{font:10px Helvetica,Arial,sans-serif;line-height:normal;overflow:hidden;position:relative}.jqcloud-word{margin:0;padding:0}.jqcloud-word.w1{color:#aab5f0;font-size:100%}.jqcloud-word.w2{color:#9ce;font-size:150%}.jqcloud-word.w3{color:#a0ddff;font-size:200%}.jqcloud-word.w4{color:#90c5f0;font-size:250%}.jqcloud-word.w5{color:#90a0dd;font-size:300%}.jqcloud-word.w6{color:#90c5f0;font-size:350%}.jqcloud-word.w7{color:#39d;font-size:400%}.jqcloud-word.w8{color:#0cf;font-size:450%}.jqcloud-word.w9{color:#0cf;font-size:500%}.jqcloud-word.w10{color:#0cf;font-size:550%}.jqcloud-word a{color:inherit;font-size:inherit;text-decoration:none}.jqcloud-word a:hover{color:#0cf}
95		-.jqcloud span {
96		- -moz-user-select: -moz-none;
97		- -khtml-user-select: none;
98		- -webkit-user-select: none;
99		- -ms-user-select: none;
100		- user-select: none;
101		- background-color: #eaeaef;
102		- border-radius: 10px;
103		- padding: 0px 4px 0px 4px;
104		-}
105		-.jqcloud span.jqHighlight {
106		- color: #0cf !important;
107		-}
108		-.jQButton {
109		- color: #fff;
110		- background-color: #3480AD;/*#f0f0f3*/
111		- text-align: center;
112		- display: inline-block;
113		- border-radius: 4px;
114		- padding: 4px 10px 4px 22px;
115		- font-size: 15px
116		- margin: auto;
117		- margin-bottom: 5px;
118		- -moz-user-select: -moz-none;
119		- -khtml-user-select: none;
120		- -webkit-user-select: none;
121		- -ms-user-select: none;
122		- user-select: none;
123		-}
124		-.jQButton[active=false] {
125		- background-color: #a7a7a7;
126		-}
127		-.jQButton:hover {
128		- background-color: #0cf;
129		-}
130		-.jQButton[active=false]:hover {
131		- background-color: #676767;
132		-}
133		-.jQButton .jQButton-icon::before {
134		- font-family: "FontAwesome";
135		- font-size: 14px;
136		- font-weight: 400;
137		- content: "\f046";
138		-}
139		-.jQButton[active=false] .jQButton-icon::before {
140		- content: "\f096";
141		-}
142		-.jQButton-icon {
143		- position: absolute;
144		- margin-left: -11px;
145		-}
146		-</style>
147		-
148		-<script>
149		-require(['jquery'],function(XjQ) {
150		-'use strict';
151		-
152		-/*
153		- * Plugin class
154		- */
155		-var jQCloud = function(element, word_array, options) {
156		- this.Xelement = XjQ(element);
157		-
158		- this.word_array = word_array || [];
159		- this.options = options;
160		-
161		- this.sizeGenerator = null;
162		- this.colorGenerator = null;
163		-
164		- // Data used internally
165		- this.data = {
166		- placed_words: [],
167		- timeouts: {},
168		- namespace: null,
169		- step: null,
170		- angle: null,
171		- aspect_ratio: null,
172		- max_weight: null,
173		- min_weight: null,
174		- sizes: [],
175		- colors: []
176		- };
177		-
178		- this.initialize();
179		-};
180		-
181		-jQCloud.DEFAULTS = {
182		- width: 100,
183		- height: 100,
184		- center: { x: 0.5, y: 0.5 },
185		- steps: 10,
186		- delay: null,
187		- shape: 'elliptic',
188		- classPattern: 'w{n}',
189		- encodeURI: true,
190		- removeOverflowing: true,
191		- afterCloudRender: null,
192		- autoResize: false,
193		- colors: null,
194		- fontSize: null,
195		- template: null
196		-};
197		-
198		-jQCloud.prototype = {
199		- initialize: function() {
200		- // Set/Get dimensions
201		- if (this.options.width) {
202		- this.Xelement.width(this.options.width);
203		- }
204		- else {
205		- this.options.width = this.Xelement.width();
206		- }
207		- if (this.options.height) {
208		- this.Xelement.height(this.options.height);
209		- }
210		- else {
211		- this.options.height = this.Xelement.height();
212		- }
213		-
214		- // Default options value
215		- this.options = XjQ.extend(true, {}, jQCloud.DEFAULTS, this.options);
216		-
217		- // Ensure delay
218		- if (this.options.delay === null) {
219		- this.options.delay = this.word_array.length > 50 ? 10 : 0;
220		- }
221		-
222		- // Backward compatibility
223		- if (this.options.center.x > 1) {
224		- this.options.center.x = this.options.center.x / this.options.width;
225		- this.options.center.y = this.options.center.y / this.options.height;
226		- }
227		-
228		- // Create colorGenerator function from options
229		- // Direct function
230		- if (typeof this.options.colors == 'function') {
231		- this.colorGenerator = this.options.colors;
232		- }
233		- // Array of sizes
234		- else if (XjQ.isArray(this.options.colors)) {
235		- var cl = this.options.colors.length;
236		- if (cl > 0) {
237		- // Fill the sizes array to X items
238		- if (cl < this.options.steps) {
239		- for (var i = cl; i < this.options.steps; i++) {
240		- this.options.colors[i] = this.options.colors[cl - 1];
241		- }
242		- }
243		-
244		- this.colorGenerator = function(weight) {
245		- return this.options.colors[this.options.steps - weight];
246		- };
247		- }
248		- }
249		-
250		- // Create sizeGenerator function from options
251		- // Direct function
252		- if (typeof this.options.fontSize == 'function') {
253		- this.sizeGenerator = this.options.fontSize;
254		- }
255		- // Object with 'from' and 'to'
256		- else if (XjQ.isPlainObject(this.options.fontSize)) {
257		- this.sizeGenerator = function(width, height, weight) {
258		- var max = width * this.options.fontSize.from,
259		- min = width * this.options.fontSize.to;
260		- return Math.round(min + (max - min) * 1.0 / (this.options.steps - 1) * (weight - 1)) + 'px';
261		- };
262		- }
263		- // Array of sizes
264		- else if (XjQ.isArray(this.options.fontSize)) {
265		- var sl = this.options.fontSize.length;
266		- if (sl > 0) {
267		- // Fill the sizes array to X items
268		- if (sl < this.options.steps) {
269		- for (var j = sl; j < this.options.steps; j++) {
270		- this.options.fontSize[j] = this.options.fontSize[sl - 1];
271		- }
272		- }
273		-
274		- this.sizeGenerator = function(width, height, weight) {
275		- return this.options.fontSize[this.options.steps - weight];
276		- };
277		- }
278		- }
279		-
280		- this.data.angle = Math.random() * 6.28;
281		- this.data.step = (this.options.shape === 'rectangular') ? 18.0 : 2.0;
282		- this.data.aspect_ratio = this.options.width / this.options.height;
283		- this.clearTimeouts();
284		-
285		- // Namespace word ids to avoid collisions between multiple clouds
286		- this.data.namespace = (this.Xelement.attr('id') || Math.floor((Math.random() * 1000000)).toString(36)) + '_word_';
287		-
288		- this.Xelement.addClass('jqcloud');
289		-
290		- // Container's CSS position cannot be 'static'
291		- if (this.Xelement.css('position') === 'static') {
292		- this.Xelement.css('position', 'relative');
293		- }
294		-
295		- // Delay execution so that the browser can render the page before the computatively intensive word cloud drawing
296		- this.createTimeout(XjQ.proxy(this.drawWordCloud, this), 10);
297		-
298		- // Attach window resize event
299		- if (this.options.autoResize) {
300		- XjQ(window).on('resize.' + this.data.namespace, throttle(this.resize, 50, this));
301		- }
302		- },
303		-
304		- // Helper function to keep track of timeouts so they can be destroyed
305		- createTimeout: function(callback, time) {
306		- var timeout = setTimeout(XjQ.proxy(function() {
307		- delete this.data.timeouts[timeout];
308		- callback();
309		- }, this), time);
310		- this.data.timeouts[timeout] = true;
311		- },
312		-
313		- // Destroy all timeouts
314		- clearTimeouts: function() {
315		- XjQ.each(this.data.timeouts, function(key) {
316		- clearTimeout(key);
317		- });
318		- this.data.timeouts = {};
319		- },
320		-
321		- // Pairwise overlap detection
322		- overlapping: function(a, b) {
323		- if (Math.abs(2.0 * a.left + a.width - 2.0 * b.left - b.width) < a.width + b.width) {
324		- if (Math.abs(2.0 * a.top + a.height - 2.0 * b.top - b.height) < a.height + b.height) {
325		- return true;
326		- }
327		- }
328		- return false;
329		- },
330		-
331		- // Helper function to test if an element overlaps others
332		- hitTest: function(elem) {
333		- // Check elements for overlap one by one, stop and return false as soon as an overlap is found
334		- for (var i = 0, l = this.data.placed_words.length; i < l; i++) {
335		- if (this.overlapping(elem, this.data.placed_words[i])) {
336		- return true;
337		- }
338		- }
339		- return false;
340		- },
341		-
342		- // Initialize the drawing of the whole cloud
343		- drawWordCloud: function() {
344		- var i, l;
345		-
346		- this.Xelement.children('[id^="' + this.data.namespace + '"]').remove();
347		-
348		- if (this.word_array.length === 0) {
349		- return;
350		- }
351		-
352		- // Make sure every weight is a number before sorting
353		- for (i = 0, l = this.word_array.length; i < l; i++) {
354		- this.word_array[i].weight = parseFloat(this.word_array[i].weight, 10);
355		- }
356		-
357		- // Sort word_array from the word with the highest weight to the one with the lowest
358		- this.word_array.sort(function(a, b) {
359		- return b.weight - a.weight;
360		- });
361		-
362		- // Kepp trace of bounds
363		- this.data.max_weight = this.word_array[0].weight;
364		- this.data.min_weight = this.word_array[this.word_array.length - 1].weight;
365		-
366		- // Generate colors
367		- this.data.colors = [];
368		- if (this.colorGenerator) {
369		- for (i = 0; i < this.options.steps; i++) {
370		- this.data.colors.push(this.colorGenerator(i + 1));
371		- }
372		- }
373		-
374		- // Generate font sizes
375		- this.data.sizes = [];
376		- if (this.sizeGenerator) {
377		- for (i = 0; i < this.options.steps; i++) {
378		- this.data.sizes.push(this.sizeGenerator(this.options.width, this.options.height, i + 1));
379		- }
380		- }
381		-
382		- // Iterate drawOneWord on every word, immediately or with delay
383		- if (this.options.delay > 0) {
384		- this.drawOneWordDelayed();
385		- }
386		- else {
387		- for (i = 0, l = this.word_array.length; i < l; i++) {
388		- this.drawOneWord(i, this.word_array[i]);
389		- }
390		-
391		- if (typeof this.options.afterCloudRender === 'function') {
392		- this.options.afterCloudRender.call(this.Xelement);
393		- }
394		- }
395		- },
396		-
397		- // Function to draw a word, by moving it in spiral until it finds a suitable empty place
398		- drawOneWord: function(index, word) {
399		- var word_id = this.data.namespace + index,
400		- word_selector = '#' + word_id,
401		-
402		- // option.shape == 'elliptic'
403		- angle = this.data.angle,
404		- radius = 0.0,
405		-
406		- // option.shape == 'rectangular'
407		- steps_in_direction = 0.0,
408		- quarter_turns = 0.0,
409		-
410		- weight = Math.floor(this.options.steps / 2),
411		- word_span,
412		- word_size,
413		- word_style;
414		-
415		- // Create word attr object
416		- //word.attr = XjQ.extend({}, word.html, { id: word_id });
417		- word.attr = XjQ.extend({}, word.html, { id: word_id, group: (word.group ? word.group : "") });
418		-
419		- // Linearly map the original weight to a discrete scale from 1 to 10
420		- // Only if weights are different
421		- if (this.data.max_weight != this.data.min_weight) {
422		- weight = Math.round((word.weight - this.data.min_weight) * 1.0 * (this.options.steps - 1) / (this.data.max_weight - this.data.min_weight)) + 1;
423		- }
424		- word_span = XjQ('<span>').attr(word.attr);
425		-
426		- word_span.addClass('jqcloud-word');
427		-
428		- // Apply class
429		- if (this.options.classPattern) {
430		- word_span.addClass(this.options.classPattern.replace('{n}', weight));
431		- }
432		-
433		- // Apply color
434		- if (this.data.colors.length) {
435		- word_span.css('color', this.data.colors[weight - 1]);
436		- }
437		-
438		- // Apply color from word property
439		- if (word.color) {
440		- word_span.css('color', word.color);
441		- }
442		-
443		- // Apply size
444		- if (this.data.sizes.length) {
445		- word_span.css('font-size', this.data.sizes[weight - 1]);
446		- }
447		-
448		- //Render using template function if provided.
449		- if (this.options.template) {
450		- word_span.html(this.options.template(word));
451		- } else if (word.link) {
452		- // Append link if word.link attribute was set
453		- // If link is a string, then use it as the link href
454		- if (typeof word.link === 'string') {
455		- word.link = { href: word.link };
456		- }
457		-
458		- if (this.options.encodeURI) {
459		- word.link.href = encodeURI(word.link.href).replace(/'/g, '%27');
460		- }
461		-
462		- word_span.append(XjQ('<a>').attr(word.link).text(word.text));
463		- }
464		- else {
465		- word_span.text(word.text);
466		- }
467		-
468		- // Bind handlers to words
469		- if (word.handlers) {
470		- word_span.on(word.handlers);
471		- }
472		-
473		- this.Xelement.append(word_span);
474		-
475		- word_size = {
476		- width: word_span.outerWidth(),
477		- height: word_span.outerHeight()
478		- };
479		- word_size.left = this.options.center.x * this.options.width - word_size.width / 2.0;
480		- word_size.top = this.options.center.y * this.options.height - word_size.height / 2.0;
481		-
482		- // Save a reference to the style property, for better performance
483		- word_style = word_span[0].style;
484		- word_style.position = 'absolute';
485		- word_style.left = word_size.left + 'px';
486		- word_style.top = word_size.top + 'px';
487		-
488		- while (this.hitTest(word_size)) {
489		- // option shape is 'rectangular' so move the word in a rectangular spiral
490		- if (this.options.shape === 'rectangular') {
491		- steps_in_direction++;
492		-
493		- if (steps_in_direction * this.data.step > (1 + Math.floor(quarter_turns / 2.0)) * this.data.step * ((quarter_turns % 4 % 2) === 0 ? 1 : this.data.aspect_ratio)) {
494		- steps_in_direction = 0.0;
495		- quarter_turns++;
496		- }
497		-
498		- switch (quarter_turns % 4) {
499		- case 1:
500		- word_size.left += this.data.step * this.data.aspect_ratio + Math.random() * 2.0;
501		- break;
502		- case 2:
503		- word_size.top -= this.data.step + Math.random() * 2.0;
504		- break;
505		- case 3:
506		- word_size.left -= this.data.step * this.data.aspect_ratio + Math.random() * 2.0;
507		- break;
508		- case 0:
509		- word_size.top += this.data.step + Math.random() * 2.0;
510		- break;
511		- }
512		- }
513		- // Default settings: elliptic spiral shape
514		- else {
515		- radius += this.data.step;
516		- angle += (index % 2 === 0 ? 1 : -1) * this.data.step;
517		-
518		- word_size.left = this.options.center.x * this.options.width - (word_size.width / 2.0) + (radius * Math.cos(angle)) * this.data.aspect_ratio;
519		- word_size.top = this.options.center.y * this.options.height + radius * Math.sin(angle) - (word_size.height / 2.0);
520		- }
521		- word_style.left = word_size.left + 'px';
522		- word_style.top = word_size.top + 'px';
523		- }
524		-
525		- // Don't render word if part of it would be outside the container
526		- if (this.options.removeOverflowing && (
527		- word_size.left < 0 || word_size.top < 0 ||
528		- (word_size.left + word_size.width) > this.options.width ||
529		- (word_size.top + word_size.height) > this.options.height
530		- )
531		- ) {
532		- word_span.remove();
533		- return;
534		- }
535		-
536		- // Save position for further usage
537		- this.data.placed_words.push(word_size);
538		-
539		- if (typeof word.afterWordRender === 'function') {
540		- word.afterWordRender.call(word_span);
541		- }
542		- },
543		-
544		- // Draw one word then recall the function after a delay
545		- drawOneWordDelayed: function(index) {
546		- index = index || 0;
547		-
548		- // if not visible then do not attempt to draw
549		- if (!this.Xelement.is(':visible')) {
550		- this.createTimeout(XjQ.proxy(function() {
551		- this.drawOneWordDelayed(index);
552		- }, this), 10);
553		-
554		- return;
555		- }
556		-
557		- if (index < this.word_array.length) {
558		- this.drawOneWord(index, this.word_array[index]);
559		-
560		- this.createTimeout(XjQ.proxy(function() {
561		- this.drawOneWordDelayed(index + 1);
562		- }, this), this.options.delay);
563		- }
564		- else {
565		- if (typeof this.options.afterCloudRender == 'function') {
566		- this.options.afterCloudRender.call(this.Xelement);
567		- }
568		- }
569		- },
570		-
571		- // Destroy any data and objects added by the plugin
572		- destroy: function() {
573		- if (this.options.autoResize) {
574		- XjQ(window).off('resize.' + this.data.namespace);
575		- }
576		-
577		- this.clearTimeouts();
578		- this.Xelement.removeClass('jqcloud');
579		- this.Xelement.removeData('jqcloud');
580		- this.Xelement.children('[id^="' + this.data.namespace + '"]').remove();
581		- },
582		-
583		- // Update the list of words
584		- update: function(word_array) {
585		- this.word_array = word_array;
586		- this.data.placed_words = [];
587		-
588		- this.clearTimeouts();
589		- this.drawWordCloud();
590		- },
591		-
592		- resize: function() {
593		- var new_size = {
594		- width: this.Xelement.width(),
595		- height: this.Xelement.height()
596		- };
597		-
598		- if (new_size.width != this.options.width || new_size.height != this.options.height) {
599		- this.options.width = new_size.width;
600		- this.options.height = new_size.height;
601		- this.data.aspect_ratio = this.options.width / this.options.height;
602		-
603		- this.update(this.word_array);
604		- }
605		- },
606		-};
607		-
608		-/*
609		- * Apply throttling to a callback
610		- * @param callback {function}
611		- * @param delay {int} milliseconds
612		- * @param context {object|null}
613		- * @return {function}
614		- */
615		-function throttle(callback, delay, context) {
616		- var state = {
617		- pid: null,
618		- last: 0
619		- };
620		-
621		- return function() {
622		- var elapsed = new Date().getTime() - state.last,
623		- args = arguments,
624		- that = this;
625		-
626		- function exec() {
627		- state.last = new Date().getTime();
628		- return callback.apply(context || that, Array.prototype.slice.call(args));
629		- }
630		-
631		- if (elapsed > delay) {
632		- return exec();
633		- }
634		- else {
635		- clearTimeout(state.pid);
636		- state.pid = setTimeout(exec, delay - elapsed);
637		- }
638		- };
639		-}
640		-
641		-/*
642		- * jQuery plugin
643		- */
644		-XjQ.fn.jQCloud = function(word_array, option) {
645		- var args = arguments;
646		-
647		- return this.each(function() {
648		- var Xthis = XjQ(this),
649		- data = Xthis.data('jqcloud');
650		-
651		- if (!data && word_array === 'destroy') {
652		- // Don't even try to initialize when called with 'destroy'
653		- return;
654		- }
655		- if (!data) {
656		- var options = typeof option === 'object' ? option : {};
657		- Xthis.data('jqcloud', (data = new jQCloud(this, word_array, options)));
658		- }
659		- else if (typeof word_array === 'string') {
660		- data[word_array].apply(data, Array.prototype.slice.call(args, 1));
661		- }
662		- });
663		-};
664		-
665		-XjQ.fn.jQCloud.defaults = {
666		- set: function(options) {
667		- XjQ.extend(true, jQCloud.DEFAULTS, options);
668		- },
669		- get: function(key) {
670		- var options = jQCloud.DEFAULTS;
671		- if (key) {
672		- options = options[key];
673		- }
674		- return XjQ.extend(true, {}, options);
675		- }
676		-};
677		-
678		-var jQwords = [
679		- {text: "Druckvorschau", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
680		- {text: "Link im Formular", weight: 6, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
681		- {text: "Kalenderwidget anpassen", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
682		- {text: "Optionale Daten einer Auswahl mitspeichern (col Attribute)", weight: 4, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
683		- {text: "Aktion vor Absenden ausführen", weight: 5, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
684		- {text: "Absenden ohne Speichern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
685		- {text: "Eigene Formularfeld-Validatoren (Regex)", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
686		- {text: "Wiederholende Felder (dynamic) im JS adressieren", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
687		- {text: "Events an dynamic Felder anhängen", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
688		- {text: "[Richtext-Editor (Ticket #4227)]", weight: 3, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
689		- {text: "Vorbelegung von Daten im Formular (extern)", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
690		- {text: "intiale Vorbelegung von Daten in Feldern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
691		- {text: "Formularfelder mit LDAP-Daten vorbelegen (Ticket 3701)", weight: 3, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
692		- {text: "Formulareingaben zurücksetzen", weight: 7, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
693		- {text: "Formulardaten lokal speichern und später wieder laden (Ticket #3964)", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
694		- {text: "Formular zwischenspeichern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
695		- {text: "Labeltext zur Laufzeit manipulieren (Ticket #3493)", weight: 5, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
696		- {text: "Mehrfachbedingungen im Designer", weight: 7, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
697		- {text: "zusätzliches JS und CSS in allen Formularen", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
698		- {text: "mehrseitige Formulare", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
699		- {text: "responive / mobile Ansicht", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
700		- {text: "andere Schriftart einbinden / Design ändern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
701		- {text: "Java-Script API", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
702		-
703		- {text: "Datenquellen für Auswahllisten hinterlegen", weight: 8, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
704		- {text: "Datenquellen in Auswahllisten anhand von Parametern hinterlegen", weight: 6, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
705		- {text: "Leerer erster Eintrag bei SQL-Datenquelle (Ticket #4068)", weight: 5, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
706		-
707		- {text: "Mehrfachbedingungen im Workflow", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
708		- {text: "Automatisiertes Löschen nach bestimmten Zeitraum", weight: 9, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
709		- {text: "Exportmöglichkeiten von Daten", weight: 6, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
710		- {text: "E-Mail Aktionen abhängig von Eingaben (Bedingungen) durchführen", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
711		- {text: "Bedingtes Einblenden von Elementen", weight: 7, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
712		- {text: "Mehrstufigen Workflow (Beispiel)", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
713		- {text: "Statuswechsel", weight: 10, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
714		- {text: "Vorgangs-ID im Druck (Word-Fill) anzeigen (Ticket #3813)", weight: 5, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
715		- {text: "iCal Datei erzeugen", weight: 3, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
716		- {text: "aktuelles Datum in der Verarbeitung", weight: 6, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
717		- {text: "Laufende Nummer aus Nummernkreis erzeugen (Ticket #3249)", weight: 3, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
718		- {text: "E-Mail-Versand", weight: 10, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
719		-
720		- {text: "Migrationsmöglichkeiten in Webseite", weight: 6, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
721		- {text: "Abschlussseite in Webseite anzeigen (inline)", weight: 5, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
722		- {text: "Generierte Dateien auf Abschlussseite anzeigen", weight: 7, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
723		- {text: "Benutzerdefinierte Abschlussseite", weight: 9, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
724		- {text: "Referenznummer (Ticket #3866)", weight: 5, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
725		-
726		- {text: "Vorgänge löschen", weight: 9, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
727		- {text: "Filtermöglichkeiten", weight: 8, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
728		- {text: "Stauswechsel im Postfach ermöglichen (notwendige Einstellungen)", weight: 6.5, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
729		- {text: "Postfach exportieren", weight: 7, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
730		- {text: "Berechtigungen/Sichtbarkeiten für Benutzer festlegen", weight: 6, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
731		-
732		- {text: "Update FORMCYCLE", weight: 4, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
733		- {text: "Zugriffseinschränkung - Möglichkeiten", weight: 3, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
734		- {text: "I-Frame automatisch Höhe anpassen", weight: 5, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
735		- {text: "Daten aus Formular werden nicht gespeichert (Disablede Felder)", weight: 6, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
736		- {text: "Double Opt-In", weight: 7, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/UserInterface/MyForms/DoubleOptIn/'},
737		- {text: "[Übersicht von Lösungen bei Problemen mit z.B. DB (Ticket #3714, #3057)]", weight: 6, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
738		- {text: "[Tomcat Zugriff HTTPS - Zertifikat-Einrichtung (Ticket #3295)]", weight: 5, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
739		- {text: "Beispiele für Print CSS / Erläuterung was das PDF Print Plugin macht", weight: 7, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
740		-];
741		-##http://mistic100.github.io/jQCloud/demo.html#handlers
742		-/*XjQ('#jQArea').jQCloud(jQwords, {
743		- classPattern: null,
744		- colors: ["#176694", "#3480AD", "#5398c1", "#76b2d6", "#7ca2b9", "#889fad", "#8e979c", "#929596", "#babbbb"],
745		- fontSize: ['16px','15px','15px','14px','14px','13px','13px','12px','12px'],
746		- //width: 500,
747		- height: 500
748		-});*/
749		-
750		-var jQButtons = XjQ('.jQButton');
751		-
752		-jQButtons.click(function() {
753		- if (XjQ(this).attr('active') == 'true') {
754		- XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagInvisible);
755		- XjQ(this).attr('active', 'false');
756		- } else {
757		- XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagVisible);
758		- XjQ(this).attr('active', 'true');
759		- }
760		-});
761		-function jQTagVisible() {
762		- XjQ(this).css('display', 'block');
763		-}
764		-function jQTagInvisible() {
765		- XjQ(this).css('display', 'none');
766		-}
767		-
768		-jQButtons.hover(function() {
769		- console.log("hover",XjQ(this));
770		- XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagHighlighted);
771		-}, function() {
772		- console.log("unhover",XjQ(this));
773		- XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagNotHighlighted);
774		-});
775		-function jQTagHighlighted() {
776		- XjQ(this).addClass('jqHighlight');
777		-}
778		-function jQTagNotHighlighted() {
779		- XjQ(this).removeClass('jqHighlight');
780		-}
781		-});
782		-</script>
783		-<!--
784		-<div class="row">
785		- <div class="d-none d-md-block col-lg-12 card-main">
786		- <div class="well" >
787		- <div id="jQButtons">
788		- <div id="jQBtn1" class="jQButton" group="Designer" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Designer</div>
789		- <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Datenquellen</div>
790		- <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Statusverarbeitung</div>
791		- <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Abschlusseite</div>
792		- <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Posteingang</div>
793		- <div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Anderes</div>
794		- </div>
795		- <div id="jQArea">
796		- </div>
797		- </div>
798		- </div>
799		-</div>
800		--->
	119	+{{html clean="false"}}
	120	+#display4Cards($howToCards)
801	801	{{/html}}
802	802	{{/velocity}}