0 Votes

Wiki source code of Videos

Last modified by Jeff McDonald on 2021/09/26 16:31

Hide last authors
Jeff McDonald 1.1 1 {{velocity output="false"}}
2 #set ($docextras = [])
3
4 #set ($videoCards = [{
5 'title': $services.localization.render('help.videos.videoCard1.title'),
6 'topics': [
7 $services.localization.render('help.videos.videoCard1.topic1'),
8 $services.localization.render('help.videos.videoCard1.topic2')
9 ],
10 'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
11 'duration': '4 min'
12 }, {
13 'title': $services.localization.render('help.videos.videoCard2.title'),
14 'topics': [
15 $services.localization.render('help.videos.videoCard2.topic1'),
16 $services.localization.render('help.videos.videoCard2.topic2'),
17 $services.localization.render('help.videos.videoCard2.topic3')
18 ],
19 'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
20 'duration': '5 min'
21 }, {
22 'title': $services.localization.render('help.videos.videoCard3.title'),
23 'topics': [
24 $services.localization.render('help.videos.videoCard3.topic1'),
25 $services.localization.render('help.videos.videoCard3.topic2'),
26 $services.localization.render('help.videos.videoCard3.topic3')
27 ],
28 'url': 'https://www.youtube.com/embed/onenEu21FIk',
29 'duration': '6 min'
30 }, {
31 'title': $services.localization.render('help.videos.videoCard4.title'),
32 'topics': [
33 $services.localization.render('help.videos.videoCard4.topic1'),
34 $services.localization.render('help.videos.videoCard4.topic2')
35 ],
36 'url': 'https://www.youtube.com/embed/csQVSRMVclM',
37 'duration': '4 min'
38 }, {
39 'title': $services.localization.render('help.videos.videoCard5.title'),
40 'topics': [
41 $services.localization.render('help.videos.videoCard5.topic1'),
42 $services.localization.render('help.videos.videoCard5.topic2')
43 ],
44 'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
45 'duration': '7 min'
46 }, {
47 'title': $services.localization.render('help.videos.videoCard6.title'),
48 'topics': [
49 $services.localization.render('help.videos.videoCard6.topic1'),
50 $services.localization.render('help.videos.videoCard6.topic2')
51 ],
52 'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
53 'duration': '3 min'
54 }])
55
56 #macro (helpVideoCard $data)
57 <div class="videoCard">
58 <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></iframe>
59 <div class="videoCard-body">
60 <div class="videoCard-title">
61 $escapetool.xml($data.title)
62 </div>
63 <ul>
64 #foreach ($topic in $data.topics)
65 <li>$topic</li>
66 #end
67 </ul>
68 </div>
69 <div class="videoCard-footer">
70 $services.icon.renderHTML('play')
71 <a href="$data.url">$services.localization.render('help.videos.watch')</a>
72 <span class="videoCard-duration">
73 $escapetool.xml($data.duration)
74 </span>
75 </div>
76 </div>
77 #end
78 {{/velocity}}
79
80 {{velocity}}
81 {{html clean="false"}}
82 #set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
83 <div class="row">
84 #foreach ($card in $videoCards)
85 ## See http://getbootstrap.com/css/#grid-responsive-resets .
86 #if ($foreach.index > 0 && $foreach.index % 2 == 0)
87 <div class="clearfix visible-sm-block "></div>
88 #end
89 #if ($foreach.index > 0 && $foreach.index % 3 == 0)
90 <div class="clearfix visible-md-block visible-lg-block"></div>
91 #end
92 <div class="col-xs-12 col-sm-6 col-md-4">
93 #helpVideoCard($card)
94 </div>
95 #end
96 </div>
97 {{/html}}
98
99 [[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
100 {{/velocity}}