Skip to Content

Wiki source code of Video

Last modified by Stone Wu on 2022/08/01 03:24
Show last authors
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}}