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#HExample: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 - 1 ') }, { 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/FAQTutorial/FAQTutorialAWM#HCreatingnewFAQentries', 'label': $services.localization.render('help.videos.videoCard5.topic2') } ], 'url': 'https://www.youtube.com/embed/Pv4jPCaU99g', 'duration': '7 min' }, { 'title': $services.localization.render('help.videos.videoCard6.title'), 'topics': [ { 'url': 'https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/CreatingExtensions/#HInstallinganExtension', 'label': $services.localization.render('help.videos.videoCard6.topic1') }, { 'url': 'https://extensions.xwiki.org/xwiki/bin/view/Extension/Administration%20Application#HDescription', 'label': $services.localization.render('help.videos.videoCard6.topic2') } ], 'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4', 'duration': '3 min' }]
77
78 #macro (helpVideoCard $data)
79 <div class="videoCard">
80 <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role='application'
81 aria-describedby="video_hint_$foreach.index" >
82 </iframe>
83 <span id="video_hint_$foreach.index" class="sr-only">
84 $escapetool.xml($services.localization.render('help.videos.hint')))
85 </span>
86 <div class="videoCard-body">
87 <div class="videoCard-title">
88 $escapetool.xml($data.title)
89 </div>
90 <ul>
91 #foreach ($topic in $data.topics)
92 <li>#if ($topic.url)
93 <a href="$escapetool.xml($topic.url)">$escapetool.xml($topic.label)</a>
94 #else
95 $escapetool.xml($topic)
96 #end
97 </li>
98 #end
99 </ul>
100 </div>
101 <div class="videoCard-footer">
102 $services.icon.renderHTML('play')
103 <a href="$data.url">$services.localization.render('help.videos.watch')</a>
104 <span class="videoCard-duration">
105 $escapetool.xml($data.duration)
106 </span>
107 </div>
108 </div>
109 #end
110 {{/velocity}}
111
112 {{velocity}}
113 {{html clean="false"}}
114 #set ($discard = $wiki.ssx.use('Help.Videos.WebHome'))
115 <div class="row">
116 #foreach ($card in $videoCards)
117 ## See http://getbootstrap.com/css/#grid-responsive-resets .
118 #if ($foreach.index >0 && $foreach.index % 2 == 0)
119 <div class="clearfix visible-sm-block "></div>
120 #end
121 #if ($foreach.index >0 && $foreach.index % 3 == 0)
122 <div class="clearfix visible-md-block visible-lg-block"></div>
123 #end
124 <div class="col-xs-12 col-sm-6 col-md-4">
125 #helpVideoCard($card)
126 </div>
127 #end
128 </div>
129 {{/html}}
130
131 [[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
132 {{/velocity}}