3 Video - Wecon

version	line-number	content
1.1	1	{{velocity output="false"}}
	2	#set ($docextras = [])
	3
	4	#set ($videoCards = [
	5	{
	6	'title': $services.localization.render('WECON V-NET Basic Function: 1 Software Download&Install'),
	7	'topics': [
	8	$services.localization.render('language:english'),
	9	$services.localization.render('How to get Wecon V-NET software')
	10	],
	11	'url': 'https://www.youtube.com/embed/7xzyyRURDfE',
	12	'duration': '3 min'
	13	},
	14	{
	15	'title': $services.localization.render('WECON V-NET Basic Function: 2 Account Registration&V-Box Binding'),
	16	'topics': [
	17	$services.localization.render('language:english'),
	18	$services.localization.render('How to register a V-NET account,How to bind the V-BOX')
	19	],
	20	'url': 'https://www.youtube.com/embed/wKs1ZlRtMNM',
	21	'duration': '3 min'
	22	},
	23	{
	24	'title': $services.localization.render('WECON V-NET Basic Function: 3 Real time Data&Historical Data'),
	25	'topics': [
	26	$services.localization.render('language:english'),
	27	$services.localization.render('add real-time points,add historical points,record trigger type')
	28	],
	29	'url': 'https://www.youtube.com/embed/7CPDrRb94BA',
	30	'duration': '7 min'
	31	},
	32	{
	33	'title': $services.localization.render('WECON V-NET Basic Function: 4 Alarm Function'),
	34	'topics': [
	35	$services.localization.render('language:english'),
	36	$services.localization.render('How to use alarm function,add alarm monitoring point,alarm type')
	37	],
	38	'url': 'https://www.youtube.com/embed/ueyAIdWyQdU',
	39	'duration': '6 min'
	40	},
	41	{
	42	'title': $services.localization.render('WECON V-NET Basic Function: 5 Lua Script Function'),
	43	'topics': [
	44	$services.localization.render('language:english'),
	45	$services.localization.render('How to use Lua Script function?')
	46	],
	47	'url': 'https://www.youtube.com/embed/6pwo14E0OeQ',
	48	'duration': '5 min'
	49	},
	50	{
	51	'title': $services.localization.render('WECON V-NET Basic Function: 6 Configuration'),
	52	'topics': [
	53	$services.localization.render('language:english'),
	54	$services.localization.render('Introduction to the configuration interface')
	55	],
	56	'url': 'https://www.youtube.com/embed/PTIHcpFRPH0',
	57	'duration': '5 min'
	58	},
	59	{
	60	'title': $services.localization.render('WECON V-NET Basic Function: 7 Pass-through'),
	61	'topics': [
	62	$services.localization.render('language:english'),
	63	$services.localization.render('Introduction to the Pass-through, serial passthrough, VPN passthrough')
	64	],
	65	'url': 'https://www.youtube.com/embed/vLDu41_Wg30?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
	66	'duration': '8 min'
	67	}
	68	])
	69
	70	#macro (helpVideoCard $data)
	71	<div class="videoCard">
	72	<iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
	73	<div class="videoCard-body">
	74	<div class="videoCard-title">
	75	$escapetool.xml($data.title)
	76	</div>
	77	<ul>
	78	#foreach ($topic in $data.topics)
	79	<li>$topic</li>
	80	#end
	81	</ul>
	82	</div>
	83	<div class="videoCard-footer">
	84	$services.icon.renderHTML('play')
	85	<a href="$data.url">$services.localization.render('help.videos.watch')</a>
	86	<span class="videoCard-duration">
	87	$escapetool.xml($data.duration)
	88	</span>
	89	</div>
	90	</div>
	91	#end
	92	{{/velocity}}
	93
	94	{{velocity}}
	95	{{html clean="false"}}
	96	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
	97	<div class="row">
	98	#foreach ($card in $videoCards)
	99	## See http://getbootstrap.com/css/#grid-responsive-resets .
	100	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
	101	<div class="clearfix visible-sm-block "></div>
	102	#end
	103	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
	104	<div class="clearfix visible-md-block visible-lg-block"></div>
	105	#end
	106	<div class="col-xs-12 col-sm-6 col-md-4">
	107	#helpVideoCard($card)
	108	</div>
	109	#end
	110	</div>
	111	{{/html}}
	112
	113	[[$services.localization.render('help.videos.more')>>https://www.youtube.com/user/Wecon2004/playlists]]
	114	{{/velocity}}