Wiki source code of Video
Last modified by Theodore Xu on 2023/07/21 10:14
Show last authors
author | version | line-number | content |
---|---|---|---|
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}} |