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