|
|
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}} |