Videos - XWiki

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