Wiki source code of Video

Last modified by Theodore Xu on 2023/07/21 10:14

Show last authors
1 {{velocity output="false"}}
2 #set ($docextras = [])
3
4 #set ($videoCards = [
5 {
6 'title': $services.localization.render('New Configuration Method For Gmail Third Party Services'),
7 'topics': [
8 $services.localization.render('language:english'),
9 $services.localization.render('How to sign in with app passwords')
10 ],
11 'url': 'https://youtu.be/Zbmk2Ylc8CE',
12 'duration': '2 min'
13 },
14 {
15 'title': $services.localization.render('WECON V-NET Basic Function: 1 Software Download&Install'),
16 'topics': [
17 $services.localization.render('language:english'),
18 $services.localization.render('How to get Wecon V-NET software')
19 ],
20 'url': 'https://www.youtube.com/embed/7xzyyRURDfE',
21 'duration': '3 min'
22 },
23 {
24 'title': $services.localization.render('WECON V-NET Basic Function: 2 Account Registration&V-Box Binding'),
25 'topics': [
26 $services.localization.render('language:english'),
27 $services.localization.render('How to register a V-NET account,How to bind the V-BOX')
28 ],
29 'url': 'https://www.youtube.com/embed/wKs1ZlRtMNM',
30 'duration': '3 min'
31 },
32 {
33 'title': $services.localization.render('WECON V-NET Basic Function: 3 Real time Data&Historical Data'),
34 'topics': [
35 $services.localization.render('language:english'),
36 $services.localization.render('add real-time points,add historical points,record trigger type')
37 ],
38 'url': 'https://www.youtube.com/embed/7CPDrRb94BA',
39 'duration': '7 min'
40 },
41 {
42 'title': $services.localization.render('WECON V-NET Basic Function: 4 Alarm Function'),
43 'topics': [
44 $services.localization.render('language:english'),
45 $services.localization.render('How to use alarm function,add alarm monitoring point,alarm type')
46 ],
47 'url': 'https://www.youtube.com/embed/ueyAIdWyQdU',
48 'duration': '6 min'
49 },
50 {
51 'title': $services.localization.render('WECON V-NET Basic Function: 5 Lua Script Function'),
52 'topics': [
53 $services.localization.render('language:english'),
54 $services.localization.render('How to use Lua Script function?')
55 ],
56 'url': 'https://www.youtube.com/embed/6pwo14E0OeQ',
57 'duration': '5 min'
58 },
59 {
60 'title': $services.localization.render('WECON V-NET Basic Function: 6 Configuration'),
61 'topics': [
62 $services.localization.render('language:english'),
63 $services.localization.render('Introduction to the configuration interface')
64 ],
65 'url': 'https://www.youtube.com/embed/PTIHcpFRPH0',
66 'duration': '5 min'
67 },
68 {
69 'title': $services.localization.render('WECON V-NET Basic Function: 7 Pass-through'),
70 'topics': [
71 $services.localization.render('language:english'),
72 $services.localization.render('Introduction to the Pass-through, serial passthrough, VPN passthrough')
73 ],
74 'url': 'https://www.youtube.com/embed/vLDu41_Wg30?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
75 'duration': '8 min'
76 },
77 {
78 'title': $services.localization.render('WECON V-NET Basic Function: 8 V-BOX Auto Configuration Network'),
79 'topics': [
80 $services.localization.render('language:english'),
81 $services.localization.render('How to bind to V-NET Access quickly')
82 ],
83 'url': 'https://www.youtube.com/embed/diM8hACMoEY',
84 'duration': '3 min'
85 },
86 {
87 'title': $services.localization.render('WECON V-NET Special Function: 1 Email&Status Push'),
88 'topics': [
89 $services.localization.render('language:english'),
90 $services.localization.render('How to set email? How to use status push?')
91 ],
92 'url': 'https://www.youtube.com/embed/3SO4tu8t0CM',
93 'duration': '6 min'
94 },
95 {
96 'title': $services.localization.render('WECON V-NET Special Function: 2 Template Function'),
97 'topics': [
98 $services.localization.render('language:english'),
99 $services.localization.render('How to use template function?')
100 ],
101 'url': 'https://www.youtube.com/embed/SDRva-dPkzY?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
102 'duration': '7 min'
103 },
104 {
105 'title': $services.localization.render('WECON V-NET Special Function: 3 Role Management'),
106 'topics': [
107 $services.localization.render('language:english'),
108 $services.localization.render('How to use role management?')
109 ],
110 'url': 'https://www.youtube.com/embed/Uqpe-OYuCg4?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
111 'duration': '8 min'
112 },
113 {
114 'title': $services.localization.render('WECON V-NET Special Function: 4 HTTP Access'),
115 'topics': [
116 $services.localization.render('language:english'),
117 $services.localization.render('how to use http interface?')
118 ],
119 'url': 'https://www.youtube.com/embed/OjmshUCpA2Y',
120 'duration': '20 min'
121 },
122 {
123 'title': $services.localization.render('WECON V-NET Special Function: 5 Configuration Free VNET Access'),
124 'topics': [
125 $services.localization.render('language:english'),
126 $services.localization.render('Bind vbox to vnet without network configuration')
127 ],
128 'url': 'https://www.youtube.com/embed/6kIB20-0pXw',
129 'duration': '6 min'
130 },
131 {
132 'title': $services.localization.render('WECON V-NET Special Function: 6 WVPN Pass Through LX5V'),
133 'topics': [
134 $services.localization.render('language:english'),
135 $services.localization.render('Using WVPN Client tool to remote download the project into LX5V-AN PLC')
136 ],
137 'url': 'https://www.youtube.com/embed/qnVbD9KBqJk',
138 'duration': '4 min'
139 },
140 {
141 'title': $services.localization.render('WECON Cloud SCADA: 1 Cloud SCADA'),
142 'topics': [
143 $services.localization.render('language:english'),
144 $services.localization.render('introduction to Cloud SCADA')
145 ],
146 'url': 'https://www.youtube.com/embed/1_Br8QzMZeE?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
147 'duration': '6 min'
148 },
149
150 {
151 'title': $services.localization.render('WECON Cloud SCADA: 2 Web Cloud Config Introduce'),
152 'topics': [
153 $services.localization.render('language:english'),
154 $services.localization.render('head menu, edit interface layout')
155 ],
156 'url': 'https://www.youtube.com/embed/C6xI8jkyPFA',
157 'duration': '3 min'
158 },
159 {
160 'title': $services.localization.render('WECON Cloud SCADA: 3 Switch&Indicator'),
161 'topics': [
162 $services.localization.render('language:english'),
163 $services.localization.render('how to use switch and indicator parts?')
164 ],
165 'url': 'https://www.youtube.com/embed/TIuHxoxDmG4',
166 'duration': '6 min'
167 },
168 {
169 'title': $services.localization.render('WECON Cloud SCADA: 4 Parts Setting'),
170 'topics': [
171 $services.localization.render('language:english'),
172 $services.localization.render('introduce to custom picture, device lock, codition hide')
173 ],
174 'url': 'https://www.youtube.com/embed/rTCNHUiByU8?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
175 'duration': '6 min'
176 },
177 {
178 'title': $services.localization.render('WECON Cloud SCADA: 5 Dashboard & Graphic Parts'),
179 'topics': [
180 $services.localization.render('language:english'),
181 $services.localization.render('introduce to Dashboard, Graphic Parts')
182 ],
183 'url': 'https://www.youtube.com/embed/SitemlAU2Cc?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
184 'duration': '7 min'
185 },
186 {
187 'title': $services.localization.render('WECON Cloud SCADA: 6 Trend Charts'),
188 'topics': [
189 $services.localization.render('language:english'),
190 $services.localization.render('introduce of chart function')
191 ],
192 'url': 'https://www.youtube.com/embed/4heu6Pc8SLE?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
193 'duration': '7 min'
194 },
195 {
196 'title': $services.localization.render('WECON Cloud SCADA : 7 Report & Alarm Record'),
197 'topics': [
198 $services.localization.render('language:english'),
199 $services.localization.render('how to view the data through table?')
200 ],
201 'url': 'https://www.youtube.com/embed/GKIp4VnEoVY',
202 'duration': '5 min'
203 },
204 {
205 'title': $services.localization.render('WECON Cloud SCADA : 8 Function Switch & Indirect Screen'),
206 'topics': [
207 $services.localization.render('language:english'),
208 $services.localization.render('how to switch screen?')
209 ],
210 'url': 'https://www.youtube.com/embed/c-931Kq-UiY',
211 'duration': '6 min'
212 },
213 {
214 'title': $services.localization.render('WECON Cloud SCADA : 9 Demo Account Introduction'),
215 'topics': [
216 $services.localization.render('language:english'),
217 $services.localization.render('Introduction of Demo Account')
218 ],
219 'url': 'https://www.youtube.com/embed/uYGbdXGPtn8?list=PL_Bpnb2RgakvYq_Ypk9bydIP7lUfkTDBN',
220 'duration': '4 min'
221 },
222 {
223 'title': $services.localization.render('WECON V-NET Client: 1 Interface Introduction'),
224 'topics': [
225 $services.localization.render('language:english'),
226 $services.localization.render('Introduction for interfaces of V-NET Client software')
227 ],
228 'url': 'https://www.youtube.com/embed/4Yy5w87WzxU',
229 'duration': '6 min'
230 },
231 {
232 'title': $services.localization.render('WECON V-NET Client: 2 How to bind V-Box'),
233 'topics': [
234 $services.localization.render('language:english'),
235 $services.localization.render('The simple steps of how to bind the V-Box')
236 ],
237 'url': 'https://www.youtube.com/embed/JmEuN4QK-4U',
238 'duration': '5 min'
239 },
240 {
241 'title': $services.localization.render('WECON V-NET Client: 3 ARP Scan'),
242 'topics': [
243 $services.localization.render('language:english'),
244 $services.localization.render('The introduction of ARP scan tool')
245 ],
246 'url': 'https://www.youtube.com/embed/palTLfK99T8',
247 'duration': '4 min'
248 }
249 ])
250
251 #macro (helpVideoCard $data)
252 <div class="videoCard">
253 <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
254 <div class="videoCard-body">
255 <div class="videoCard-title">
256 $escapetool.xml($data.title)
257 </div>
258 <ul>
259 #foreach ($topic in $data.topics)
260 <li>$topic</li>
261 #end
262 </ul>
263 </div>
264 <div class="videoCard-footer">
265 $services.icon.renderHTML('play')
266 <a href="$data.url">$services.localization.render('help.videos.watch')</a>
267 <span class="videoCard-duration">
268 $escapetool.xml($data.duration)
269 </span>
270 </div>
271 </div>
272 #end
273 {{/velocity}}
274
275 {{velocity}}
276 {{html clean="false"}}
277 #set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
278 <div class="row">
279 #foreach ($card in $videoCards)
280 ## See http://getbootstrap.com/css/#grid-responsive-resets .
281 #if ($foreach.index > 0 && $foreach.index % 2 == 0)
282 <div class="clearfix visible-sm-block "></div>
283 #end
284 #if ($foreach.index > 0 && $foreach.index % 3 == 0)
285 <div class="clearfix visible-md-block visible-lg-block"></div>
286 #end
287 <div class="col-xs-12 col-sm-6 col-md-4">
288 #helpVideoCard($card)
289 </div>
290 #end
291 </div>
292 {{/html}}
293
294 [[$services.localization.render('help.videos.more')>>https://www.youtube.com/user/Wecon2004/playlists]]
295 {{/velocity}}