Wiki source code of Videos

Last modified by XWikiGuest on 2026/06/21 23:50

Show last authors
1 {{velocity output="false"}}
2 #set ($displayDocExtra = false)
3
4 #set ($videoCards = [{
5 'title': $services.localization.render('help.videos.videoCard1.title'),
6 'topics': [
7 {
8 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/',
9 'label': $services.localization.render('help.videos.videoCard1.topic1')
10 },
11 {
12 'url': 'https://www.xwiki.org/x0Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%2%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%20Theme%2
13 ],
14 'url': 'https/Documentation/UserGuide/Features/Navigate/',
15 docs/UserGuide/Features/Navigate/',
16 'label': $services.localization.render('help.videos.videoCard1.topic2')
17
18 ],
19 docs/UserGuide/Features/Navigate/',
20 'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
21 'duration': '4 min'
22 }, {
23 'title': $services.localization.render('help.videos.videoCard2.title'),
24 'topics': [
25 {
26 'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Flamingo%20Theme%20Application#HHowtoselectatheme',
27 'label': $services.localization.render('help.videos.videoCard2.topic1')
28 },
29 {
30 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/ChangingTheLogoAndThePanelsHChangingyourwiki27spanels',
31 'label': $services.localization.render('help.videos.videoCard2.topic2')
32 },
33 {
34 'url': 'https://extensions.x3.1Itoh3E68',
35 'duration': '5 min'
36 }, {
37 'title': $services.localization.render('help.videos.videoCard3.title'),
38 'topics': [
39 {
40 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/CreatingAPage',
41 'label': $services.localization.render('help.videos.videoCard3.topic1')
42 },
43 {
44 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/EditingAPage',
45 'label': $services.localization.render('help.videos.videoCard3.topic3')
46 }
47 ],
48 'url': 'https://www.youtube.com/embed/onenEu21FIk',
49 'duration': '6 min'
50 }, {
51 'title': $services.localization.render('help.videos.videoCard4.title'),
52 'topics': [
53 {
54 'url': 'https://www.xwiki.org/x/wiki/bin/view/Documentation/UserGuide/Features/Imports#系统错误:输入内容不完整,无法生成有效翻译。请提供完整的文本。
55
56 opic1')
57 },
58 {
59 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/FAQTutorial/FAQTutorialAWM#HCreatingnewFAQentries',
60 'label': $services.localization.render('help.videos.videoCard5.topic2')
61 }
62 ],
63 'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
64 'duration': '7 min'
65 }, {
66 'title': $services.localization.render('help.videos.videoCard6.title'),
67 'topics': [
68 {
69 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/CreatingExtensions/#HInstallinganExtension',
70 'label': $services.localization.render('help.videos.videoCard6.topic1')
71 },
72 {
73 'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Administration%20Application#HDescription',
74 'label': $services.localization.render('help.videos.videoCard6.topic2')
75 }
76 ],
77 'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
78 'duration': '7 min'
79 }])
80
81 #macro (helpVideoCard $data)
82 <div class="videoCard">
83 <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role='application'
84 aria-describedby="video_hint_$foreach.index" >
85 </iframe>
86 <span id="video_hint_$foreach.index" class="sr-only">
87 $escapetool.xml($services.localization.render('help.videos.hint'))
88 </span>
89 <div class="videoCard-body">
90 <div class="videoCard-title">
91 $escapetool.xml($data.title)
92 </div>
93 <ul>
94 #foreach ($topic in $data.topics)
95 <li>#if ($topic.url)
96 <a href="$escapetool.xml($topic.url)">$escapetool.xml($topic.label)</a>
97 #else
98 $escapetool.xml($topic)
99 #end
100 </li>
101 #end
102 </ul>
103 </div>
104 <div class="videoCard-footer">
105 $services.icon.renderHTML('play')
106 <a href="$data.url">$services.localization.render('help.videos.watch')</a>
107 <span class="videoCard-duration">
108 $escapetool.xml($data.duration)
109 </span>
110 </div>
111 </div>
112 #end
113 {{/velocity}}
114
115 {{velocity}}
116 {{html clean="false"}}
117 #set ($discard = $wiki.ssx.use('Help.Videos.WebHome'))
118 <div class="row">
119 #foreach ($card in $videoCards)
120 ## See http://getbootstrap.com/css/#grid-responsive-resets .
121 #if ($foreach.index >0 && $foreach.index % 2 == 0)
122 <div class="clearfix visible-sm-block "></div>
123 #end
124 #if ($foreach.index >0 && $foreach.index % 3 == 0)
125 <div class="clearfix visible-md-block visible-lg-block"></div>
126 #end
127 <div class="col-xs-12 col-sm-6 col-md-4">
128 #helpVideoCard($card)
129 </div>
130 #end
131 </div>
132 {{/html}}
133
134 [[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
135 {{/velocity}}