Video - XWiki

version	line-number	content
1.1	1	{{velocity output="false"}}
	2	#set ($docextras = [])
	3
	4	#set ($videoCards = [{
	5	'title': $services.localization.render('How to Get Started Lua Script in WECON PIStudio'),
	6	'topics': [
	7	$services.localization.render('Lua is a powerful, efficient, lightweight, embeddable scripting language.')
	8	],
	9	'url': 'https://www.youtube.com/embed/LEpvjUzNM-8',
	10	'duration': '12 min'
	11	}, {
	12	'title': $services.localization.render('WECON LEVI2PI Training'),
	13	'topics': [
	14	$services.localization.render('1.Why we need to Levi2PI'),
	15	$services.localization.render('2.Differences between Levi and PI'),
	16	$services.localization.render('3.Introduction of Levi2PI Tool')
	17	],
	18	'url': 'https://www.youtube.com/embed/KPB6q-1nKBY',
	19	'duration': '33 min'
	20	}, {
	21	'title': $services.localization.render('The Calibration Debug of Wecon HMI'),
	22	'topics': [
	23	$services.localization.render('If your calibration shows up green tips means successful')
	24
	25	],
	26	'url': 'https://www.youtube.com/embed/iQKbZ37kOOc',
	27	'duration': '1 min'
	28	}, {
	29	'title': $services.localization.render('Introduction of Simple FAQ in WECON Support Center'),
	30	'topics': [
	31	$services.localization.render('Part of FAQ introduction')
	32	],
	33	'url': 'https://www.youtube.com/embed/m1TF3zbd2UU',
	34	'duration': '29 min'
	35	}, {
	36	'title': $services.localization.render('WECON PI HMI Remote Download by WVPN Tool'),
	37	'topics': [
	38	$services.localization.render('WECON PI HMI Remote Download by WVPN Tool')
	39	],
	40	'url': 'https://www.youtube.com/embed/avY-FB289Ww',
	41	'duration': '7 min'
	42	}, {
	43	'title': $services.localization.render('How to Use Data Viewing Tool for PI HMI'),
	44	'topics': [
	45	$services.localization.render('Viewing the data exported from HMI')
	46	],
	47	'url': 'https://www.youtube.com/embed/TzUdcrPAW7c',
	48	'duration': '5 min'
	49	}, {
	50	'title': $services.localization.render('Modbus Configuration'),
	51	'topics': [
	52	$services.localization.render('How to set up the Modbus communication for PI HMI')
	53	],
	54	'url': 'https://www.youtube.com/embed/F55ejtFPti4',
	55	'duration': '5 min'
	56	}, {
	57	'title': $services.localization.render('New Configuration Method for Gmail Third Party Services'),
	58	'topics': [
	59	$services.localization.render('Setup the Google email configuration of V-NET platform or PIStudio')
	60	],
	61	'url': 'https://www.youtube.com/embed/GKok7sFpwbY',
	62	'duration': '5 min'
	63	}])
	64
	65	#macro (helpVideoCard $data)
	66	<div class="videoCard">
	67	<iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
	68	<div class="videoCard-body">
	69	<div class="videoCard-title">
	70	$escapetool.xml($data.title)
	71	</div>
	72	<ul>
	73	#foreach ($topic in $data.topics)
	74	<li>$topic</li>
	75	#end
	76	</ul>
	77	</div>
	78	<div class="videoCard-footer">
	79	$services.icon.renderHTML('play')
	80	<a href="$data.url">$services.localization.render('help.videos.watch')</a>
	81	<span class="videoCard-duration">
	82	$escapetool.xml($data.duration)
	83	</span>
	84	</div>
	85	</div>
	86	#end
	87	{{/velocity}}
	88
	89	{{velocity}}
	90	{{html clean="false"}}
	91	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
	92	<div class="row">
	93	#foreach ($card in $videoCards)
	94	## See http://getbootstrap.com/css/#grid-responsive-resets .
	95	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
	96	<div class="clearfix visible-sm-block "></div>
	97	#end
	98	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
	99	<div class="clearfix visible-md-block visible-lg-block"></div>
	100	#end
	101	<div class="col-xs-12 col-sm-6 col-md-4">
	102	#helpVideoCard($card)
	103	</div>
	104	#end
	105	</div>
	106	{{/html}}
	107
	108	[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
	109	{{/velocity}}