$services.localization.render('help.videos.title')

author	version	line-number	content
		1	{{velocity output="false"}}
		2	#set ($displayDocExtra = false)
		3
		4	#set ($videoCards = [{
		5	title': $services.localization.render('help.videos.videoCard1.title'),
		6	topics': [
		7	{
		8	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/',
		9	'label': $services.localization.render('help.videos.videoCard1.topic1')
		10	},
		11	{
		12	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/Features/Navigate/',
		13	'label': $services.localization.render('help.videos.videoCard1.topic2)
		14	}
		15	],
		16	'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
		17	duration': '4 min'
		18	}, {
		19	title': $services.localization.render('help.videos.videoCard2.title'),
		20	topics': [
		21	{
		22	'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Flamingo%20Theme%20Application#HHowtoselectatheme',
		23	'label': $services.localization.render('help.videos.videoCard2.topic1')
		24	},
		25	{
		26	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/ChangingTheLogoAndThePanelsHChangingyourwiki27spanels',
		27	'label': $services.localization.render('help.videos.videoCard2.topic2')
		28	},
		29	{
		30	'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Dashboard%20Macro#HAddinggadgets',
		31	'label': $services.localization.render('help.videos.videoCard2.topic3')
		32	}
		33	],
		34	duration': '5 min'
		35	}, {
		36	title': $services.localization.render('help.videos.videoCard3.title'),
		37	topics': [
		38	{
		39	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/CreatingAPage',
		40	'label': $services.localization.render('help.videos.videoCard3.topic1')
		41	},
		42	{
		43	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/EditingAPage',
		44	'label': $services.localization.render('help.videos.videoCard3.topic')
		45	},
		46	{
		47	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/Features/KeyboardShortcuts#HViewMode',
		48	'label': $services.localization.render('help.videos.videoCard3.topic3')
		49	}
		50	],
		51	duration': '6 min'
		52	}, {
		53	title': $services.localization.render('help.videos.videoCard4.title'),
		54	topics': [
		55	{
		56	'url': 'https://www.x
		57	}, {
		58	title': $services.localization.render('help.videos.videoCard5.title'),
		59	topics': [
		60	{
		61	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/CreatingABasicApp',
		62	'label': $services.localization.render('help.videos.videoCard5.t
		63
		64
		65	opic1')
		66	},
		67	{
		68	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/FAQTutorial/FAQTutorialAWM#HCreatingnewFAQentries',
		69	'label': $services.localization.render('help.videos.videoCard5.topic2')
		70	}
		71	],
		72	'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
		73	'duration': '7 min'
		74	}, {
		75	'title': $services.localization.render('help.videos.videoCard6.title'),
		76	'topics': [
		77	{
		78	'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/CreatingExtensions/#HInstallinganExtension',
		79	'label': $services.localization.render('help.videos.videoCard6.topic1')
		80	},
		81	{
		82	'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Administration%20Application#HDescription',
		83	'label': $services.localization.render('help.videos.videoCard6.topic2')
		84	}
		85	],
		86	'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
		87	'duration': '3 min'
		88	}])
		89
		90	#macro (helpVideoCard $data)
		91	<div class="videoCard">
		92	<iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role='application'
		93	aria-describedby="video_hint_$foreach.index" >
		94	</iframe>
		95	<span id="video_hint_$foreach.index" class="sr-only">
		96	$escapetool.xml($services.localization.render('help.videos.hint'))
		97	</span>
		98	<div class="videoCard-body">
		99	<div class="videoCard-title">
		100	$escapetool.xml($data.title)
		101	</div>
		102	<ul>
		103	#foreach ($topic in $data.topics)
		104	<li>#if ($topic.url)
		105	<a href="$escapetool.xml($topic.url)">$escapetool.xml($topic.label)</a>
		106	#else
		107	$escapetool.xml($topic)
		108	#end
		109	</li>
		110	#end
		111	</ul>
		112	</div>
		113	<div class="videoCard-footer">
		114	$services.icon.renderHTML('play')
		115	<a href="$data.url">$services.localization.render('help.videos.watch')</a>
		116	<span class="videoCard-duration">
		117	$escapetool.xml($data.duration)
		118	</span>
		119	</div>
		120	</div>
		121	#end
		122	{{/velocity}}
		123
		124	{{velocity}}
		125	{{html clean="false"}}
		126	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
		127	<div class="row">
		128	#foreach ($card in $videoCards)
		129	## See http://getbootstrap.com/css/#grid-responsive-resets .
		130	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
		131	<div class="clearfix visible-sm-block "></div>
		132	#end
		133	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
		134	<div class="clearfix visible-md-block visible-lg-block"></div>
		135	#end
		136	<div class="col-xs-12 col-sm-6 col-md-4">
		137	#helpVideoCard($card)
		138	</div>
		139	#end
		140	</div>
		141	{{/html}}
		142
		143	[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
		144	{{/velocity}}