Skip to Content

Wiki source code of Videos

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