Videos - XWiki

1	{{velocity output="false"}}
2	#set ($docextras = [])
3
4	#set ($videoCards = [{
5	'title': 'Homepage Overview',
6	'topics': [
7	'Discover the elements displayed on your homepage',
8	'Start browsing your wiki'
9	],
10	'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
11	'duration': '4 min'
12	}, {
13	'title': 'Homepage Customization',
14	'topics': [
15	'Learn how to change your wiki color theme',
16	'Learn how to add panels and columns to your wiki look',
17	'Learn how to add widgets to a wiki'
18	],
19	'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
20	'duration': '5 min'
21	}, {
22	'title': 'Page and Content Creation',
23	'topics': [
24	'Discover how to create a page',
25	'Learn how to use the WYSIWYG editor',
26	'Discover the view and edit modes'
27	],
28	'url': 'https://www.youtube.com/embed/onenEu21FIk',
29	'duration': '6 min'
30	}, {
31	'title': 'Importing Office Documents to XWiki',
32	'topics': [
33	'Discover how to import Office Documents to your wiki',
34	'Learn how to use a "Table of content" macro'
35	],
36	'url': 'https://www.youtube.com/embed/csQVSRMVclM',
37	'duration': '4 min'
38	}, {
39	'title': 'App Within Minutes',
40	'topics': [
41	'Discover how to create an application',
42	'Learn how to use your application'
43	],
44	'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
45	'duration': '7 min'
46	}, {
47	'title': 'Add / Remove Extensions',
48	'topics': [
49	'Discover how to add/remove extensions using the Extension Manager',
50	'Discover the XWiki Administration UI'
51	],
52	'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
53	'duration': '3 min'
54	}])
55
56	#macro (helpVideoCard $data)
57	<div class="videoCard">
58	<iframe src="$data.url" allowfullscreen></iframe>
59	<div class="videoCard-body">
60	<div class="videoCard-title">
61	$escapetool.xml($data.title)
62	</div>
63	<ul>
64	#foreach ($topic in $data.topics)
65	<li>$topic</li>
66	#end
67	</ul>
68	</div>
69	<div class="videoCard-footer">
70	$services.icon.renderHTML('play')
71	<a href="$data.url">Watch</a>
72	<span class="videoCard-duration">
73	$escapetool.xml($data.duration)
74	</span>
75	</div>
76	</div>
77	#end
78	{{/velocity}}
79
80	{{velocity}}
81	{{html clean="false"}}
82	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
83	<div class="row">
84	#foreach ($card in $videoCards)
85	## See http://getbootstrap.com/css/#grid-responsive-resets .
86	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
87	<div class="clearfix visible-sm-block "></div>
88	#end
89	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
90	<div class="clearfix visible-md-block visible-lg-block"></div>
91	#end
92	<div class="col-xs-12 col-sm-6 col-md-4">
93	#helpVideoCard($card)
94	</div>
95	#end
96	</div>
97	{{/html}}
98
99	[[View more videos>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
100	{{/velocity}}

Wiki source code of Videos