3 Video - XWiki

author	version	line-number	content
		1	{{velocity output="false"}}
		2	#set ($docextras = [])
		3
		4	#set ($videoCards = [
		5	{
		6	'title': $services.localization.render('WECON Virtual Deployment: 1 Virtual Deployment Introduce'),
		7	'topics': [
		8	$services.localization.render('language:english'),
		9	$services.localization.render('Introduction to Virtual Deployment')
		10	],
		11	'url': 'https://www.youtube.com/embed/YQuGeVMl0w4',
		12	'duration': '2 min'
		13	},
		14	{
		15	'title': $services.localization.render('WECON Virtual Deployment: 2 Application Process & Platform Configuration'),
		16	'topics': [
		17	$services.localization.render('language:english'),
		18	$services.localization.render('How to apply for virtual deployment? Platform Configuration')
		19	],
		20	'url': 'https://www.youtube.com/embed/CGqOQlVYsvo',
		21	'duration': '4 min'
		22	},
		23	{
		24	'title': $services.localization.render('WECON Virtual Deployment: 3 Introduce of Super Mannagement Account'),
		25	'topics': [
		26	$services.localization.render('language:english'),
		27	$services.localization.render('Super Mannagement Account')
		28	],
		29	'url': 'https://www.youtube.com/embed/w44j1xJ0-Y8',
		30	'duration': '4 min'
		31	}
		32
		33	])
		34
		35	#macro (helpVideoCard $data)
		36	<div class="videoCard">
		37	<iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
		38	<div class="videoCard-body">
		39	<div class="videoCard-title">
		40	$escapetool.xml($data.title)
		41	</div>
		42	<ul>
		43	#foreach ($topic in $data.topics)
		44	<li>$topic</li>
		45	#end
		46	</ul>
		47	</div>
		48	<div class="videoCard-footer">
		49	$services.icon.renderHTML('play')
		50	<a href="$data.url">$services.localization.render('help.videos.watch')</a>
		51	<span class="videoCard-duration">
		52	$escapetool.xml($data.duration)
		53	</span>
		54	</div>
		55	</div>
		56	#end
		57	{{/velocity}}
		58
		59	{{velocity}}
		60	{{html clean="false"}}
		61	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
		62	<div class="row">
		63	#foreach ($card in $videoCards)
		64	## See http://getbootstrap.com/css/#grid-responsive-resets .
		65	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
		66	<div class="clearfix visible-sm-block "></div>
		67	#end
		68	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
		69	<div class="clearfix visible-md-block visible-lg-block"></div>
		70	#end
		71	<div class="col-xs-12 col-sm-6 col-md-4">
		72	#helpVideoCard($card)
		73	</div>
		74	#end
		75	</div>
		76	{{/html}}
		77
		78	[[$services.localization.render('help.videos.more')>>https://www.youtube.com/user/Wecon2004/playlists]]
		79	{{/velocity}}