3 Video - Wecon

author	version	line-number	content
		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('How to use VNC Tool for WECON HMI'),
		30	'topics': [
		31	$services.localization.render('Let you remote access the HMI in LAN network')
		32	],
		33	'url': 'https://www.youtube.com/embed/xFFlzZL5lMo',
		34	'duration': '3 min'
		35	}, {
		36	'title': $services.localization.render('Introduction of Simple FAQ in WECON Support Center'),
		37	'topics': [
		38	$services.localization.render('Part of FAQ introduction')
		39	],
		40	'url': 'https://www.youtube.com/embed/m1TF3zbd2UU',
		41	'duration': '29 min'
		42	}, {
		43	'title': $services.localization.render('WECON PI HMI Remote Download by WVPN Tool'),
		44	'topics': [
		45	$services.localization.render('WECON PI HMI Remote Download by WVPN Tool')
		46	],
		47	'url': 'https://www.youtube.com/embed/avY-FB289Ww',
		48	'duration': '7 min'
		49	}, {
		50	'title': $services.localization.render('How to Use Data Viewing Tool for PI HMI'),
		51	'topics': [
		52	$services.localization.render('Viewing the data exported from HMI')
		53	],
		54	'url': 'https://www.youtube.com/embed/TzUdcrPAW7c',
		55	'duration': '5 min'
		56	}, {
		57	'title': $services.localization.render('Modbus Configuration'),
		58	'topics': [
		59	$services.localization.render('How to set up the Modbus communication for PI HMI')
		60	],
		61	'url': 'https://www.youtube.com/embed/F55ejtFPti4',
		62	'duration': '5 min'
		63	}, {
		64	'title': $services.localization.render('New Configuration Method for Gmail Third Party Services'),
		65	'topics': [
		66	$services.localization.render('Setup the Google email configuration of V-NET platform or PIStudio')
		67	],
		68	'url': 'https://www.youtube.com/embed/GKok7sFpwbY',
		69	'duration': '5 min'
		70	}])
		71
		72	#macro (helpVideoCard $data)
		73	<div class="videoCard">
		74	<iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
		75	<div class="videoCard-body">
		76	<div class="videoCard-title">
		77	$escapetool.xml($data.title)
		78	</div>
		79	<ul>
		80	#foreach ($topic in $data.topics)
		81	<li>$topic</li>
		82	#end
		83	</ul>
		84	</div>
		85	<div class="videoCard-footer">
		86	$services.icon.renderHTML('play')
		87	<a href="$data.url">$services.localization.render('help.videos.watch')</a>
		88	<span class="videoCard-duration">
		89	$escapetool.xml($data.duration)
		90	</span>
		91	</div>
		92	</div>
		93	#end
		94	{{/velocity}}
		95
		96	{{velocity}}
		97	{{html clean="false"}}
		98	#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
		99	<div class="row">
		100	#foreach ($card in $videoCards)
		101	## See http://getbootstrap.com/css/#grid-responsive-resets .
		102	#if ($foreach.index > 0 && $foreach.index % 2 == 0)
		103	<div class="clearfix visible-sm-block "></div>
		104	#end
		105	#if ($foreach.index > 0 && $foreach.index % 3 == 0)
		106	<div class="clearfix visible-md-block visible-lg-block"></div>
		107	#end
		108	<div class="col-xs-12 col-sm-6 col-md-4">
		109	#helpVideoCard($card)
		110	</div>
		111	#end
		112	</div>
		113	{{/html}}
		114
		115	[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
		116	{{/velocity}}