Skip to Content

Wiki source code of Videos

Last modified by XWikiGuest on 2026/06/21 23:33
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/xHFeatures/Navigate/',
13 'label': $services.localization.render('help.videos.videoCard1.topic2HChangingTheLogoAndThePanels',
14 duration': '4 min'\n}, {
15 'title': $services.localization.render('help.videos.videoCard2.title'),
16 'topics': [
17 {
18 'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Flamingo%20Theme%20Application#HHowtoselectatheme',
19 duration': '5 min'
20 }, {
21 'title': $services.localization.render('help.videos.videoCard3.title'),
22 'topics': [
23 {
24 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/CreatingAPage',
25 'label': $services.localization.render('help.videos.videoCard3.topic1')
26 },
27 {
28 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/EditingAPage',
29 duration': '6 min'
30 }, {
31 'title': $services.localization.render('help.videos.videoCard4.title'),
32 'topics': [
33 {
34 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/Features/Imports#HImportingOfficedocuments',
35 duration': '4 min'
36 }, {
37 'title': $services.localization.render('help.videos.videoCard5.title'),
38 duration': '5 min'
39 }])
40
41 opic1')
42 },
43 {
44 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/FAQTutorial/FAQTutorialAWM#HCreatingnewFAQentries',
45 'label': $services.localization.render('help.videos.videoCard5.topic2')
46 }
47 ],
48 'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
49 'duration': '7 min'
50 }, {
51 'title': $services.localization.render('help.videos.videoCard6.title'),
52 'topics': [
53 {
54 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/CreatingExtensions/#HInstallinganExtension',
55 'label': $services.localization.render('help.videos.videoCard6.topic1')
56 },
57 {
58 'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Administration%20Application#HDescription',
59 'label': $services.localization.render('help.videos.videoCard6.topic2')
60 }
61 ],
62 'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
63 'duration': '3 min'
64 }])
65
66 #macro (helpVideoCard $data)
67 <div class="videoCard">
68 <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role='application'
69 aria-describedby="video_hint_$foreach.index" >
70 </iframe>
71 <span id="video_hint_$foreach.index" class="sr-only">
72 $escapetool.xml($services.localization.render('help.videos.hint'))
73 </span>
74 <div class="videoCard-body">
75 <div class="videoCard-title">
76 $escapetool.xml($data.title)
77 </div>
78 <ul>
79 #foreach ($topic in $data.topics)
80 <li>#if ($topic.url)
81 <a href="$escapetool.xml($topic.url)">$escapetool.xml($topic.label)</a>
82 #else
83 $escapetool.xml($topic)
84 #end
85 </li>
86 #end
87 </ul>
88 </div>
89 <div class="videoCard-footer">
90 $services.icon.renderHTML('play')
91 <a href="$data.url">$services.localization.render('help.videos.watch')</a>
92 <span class="videoCard-duration">
93 $escapetool.xml($data.duration)
94 </span>
95 </div>
96 </div>
97 #end
98 {{/velocity}}
99
100 {{velocity}}
101 {{html clean="false"}}
102 #set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
103 <div class="row">
104 #foreach ($card in $videoCards)
105 ## See http://getbootstrap.com/css/#grid-responsive-resets .
106 #if ($foreach.index > 0 && $foreach.index % 2 == 0)
107 <div class="clearfix visible-sm-block "></div>
108 #end
109 #if ($foreach.index > 0 && $foreach.index % 3 == 0)
110 <div class="clearfix visible-md-block visible-lg-block"></div>
111 #end
112 <div class="col-xs-12 col-sm-6 col-md-4">
113 #helpVideoCard($card)
114 </div>
115 #end
116 </div>
117 {{/html}}
118
119 [[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
120 {{/velocity}}