Skip to Content

Wiki source code of Videos

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