Wiki source code of Videos

Last modified by Sergey Lebedev on 2019/07/13 19:08

version	line-number	content
1.1	1	{{velocity output="false"}}
	2	#set ($docextras = [])
	3
	4	#set ($videoCards = [{
3.1	5	'title': $services.localization.render('help.videos.videoCard1.title'),
1.1	6	'topics': [
3.1	7	$services.localization.render('help.videos.videoCard1.topic1'),
	8	$services.localization.render('help.videos.videoCard1.topic2')
1.1	9	],
	10	'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
	11	'duration': '4 min'
	12	}, {
3.1	13	'title': $services.localization.render('help.videos.videoCard2.title'),
1.1	14	'topics': [
3.1	15	$services.localization.render('help.videos.videoCard2.topic1'),
	16	$services.localization.render('help.videos.videoCard2.topic2'),
	17	$services.localization.render('help.videos.videoCard2.topic3')
1.1	18	],
	19	'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
	20	'duration': '5 min'
	21	}, {
3.1	22	'title': $services.localization.render('help.videos.videoCard3.title'),
1.1	23	'topics': [
3.1	24	$services.localization.render('help.videos.videoCard3.topic1'),
	25	$services.localization.render('help.videos.videoCard3.topic2'),
	26	$services.localization.render('help.videos.videoCard3.topic3')
1.1	27	],
	28	'url': 'https://www.youtube.com/embed/onenEu21FIk',
	29	'duration': '6 min'
	30	}, {
3.1	31	'title': $services.localization.render('help.videos.videoCard4.title'),
1.1	32	'topics': [
3.1	33	$services.localization.render('help.videos.videoCard4.topic1'),
	34	$services.localization.render('help.videos.videoCard4.topic2')
1.1	35	],
	36	'url': 'https://www.youtube.com/embed/csQVSRMVclM',
	37	'duration': '4 min'
	38	}, {
3.1	39	'title': $services.localization.render('help.videos.videoCard5.title'),
1.1	40	'topics': [
3.1	41	$services.localization.render('help.videos.videoCard5.topic1'),
	42	$services.localization.render('help.videos.videoCard5.topic2')
1.1	43	],
	44	'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
	45	'duration': '7 min'
	46	}, {
3.1	47	'title': $services.localization.render('help.videos.videoCard6.title'),
1.1	48	'topics': [
3.1	49	$services.localization.render('help.videos.videoCard6.topic1'),
	50	$services.localization.render('help.videos.videoCard6.topic2')
1.1	51	],
	52	'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
	53	'duration': '3 min'
	54	}])
	55
	56	#macro (helpVideoCard $data)
	57	<div class="videoCard">
2.1	58	<iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
1.1	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')
3.1	71	<a href="$data.url">$services.localization.render('help.videos.watch')</a>
1.1	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
3.1	99	[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
1.1	100	{{/velocity}}