Wiki source code of Videos

Last modified by Mireille Blay-Fornarino on 2023/11/06 08:33

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