Changes for page Videos

Last modified by Leon Poon on 2024/03/23 04:29

From version 1.1
edited by Leon Poon
on 2018/12/16 14:33
Change comment: Install extension [org.xwiki.contrib:application-help-center/1.3]
To version 4.1
edited by Leon Poon
on 2024/03/23 04:29
Change comment: Install extension [org.xwiki.platform:xwiki-platform-help-ui/15.10.7]

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Videos
1 +$services.localization.render('help.videos.title')
Content
... ... @@ -2,52 +2,94 @@
2 2  #set ($docextras = [])
3 3  
4 4  #set ($videoCards = [{
5 - 'title': 'Homepage Overview',
5 + 'title': $services.localization.render('help.videos.videoCard1.title'),
6 6   'topics': [
7 - 'Discover the elements displayed on your homepage',
8 - 'Start browsing your wiki'
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 + }
9 9   ],
10 10   'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
11 11   'duration': '4 min'
12 12  }, {
13 - 'title': 'Homepage Customization',
19 + 'title': $services.localization.render('help.videos.videoCard2.title'),
14 14   'topics': [
15 - 'Learn how to change your wiki color theme',
16 - 'Learn how to add panels and columns to your wiki look',
17 - 'Learn how to add widgets to a wiki'
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 + }
18 18   ],
19 19   'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
20 20   'duration': '5 min'
21 21  }, {
22 - 'title': 'Page and Content Creation',
37 + 'title': $services.localization.render('help.videos.videoCard3.title'),
23 23   'topics': [
24 - 'Discover how to create a page',
25 - 'Learn how to use the WYSIWYG editor',
26 - 'Discover the view and edit modes'
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 + }
27 27   ],
28 28   'url': 'https://www.youtube.com/embed/onenEu21FIk',
29 29   'duration': '6 min'
30 30  }, {
31 - 'title': 'Importing Office Documents to XWiki',
55 + 'title': $services.localization.render('help.videos.videoCard4.title'),
32 32   'topics': [
33 - 'Discover how to import Office Documents to your wiki',
34 - 'Learn how to use a "Table of content" macro'
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 + }
35 35   ],
36 36   'url': 'https://www.youtube.com/embed/csQVSRMVclM',
37 37   'duration': '4 min'
38 38  }, {
39 - 'title': 'App Within Minutes',
69 + 'title': $services.localization.render('help.videos.videoCard5.title'),
40 40   'topics': [
41 - 'Discover how to create an application',
42 - 'Learn how to use your application'
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 + }
43 43   ],
44 44   'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
45 45   'duration': '7 min'
46 46  }, {
47 - 'title': 'Add / Remove Extensions',
83 + 'title': $services.localization.render('help.videos.videoCard6.title'),
48 48   'topics': [
49 - 'Discover how to add/remove extensions using the Extension Manager',
50 - 'Discover the XWiki Administration UI'
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 + }
51 51   ],
52 52   'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
53 53   'duration': '3 min'
... ... @@ -55,7 +55,12 @@
55 55  
56 56  #macro (helpVideoCard $data)
57 57   <div class="videoCard">
58 - <iframe src="$data.url" allowfullscreen></iframe>
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>
59 59   <div class="videoCard-body">
60 60   <div class="videoCard-title">
61 61   $escapetool.xml($data.title)
... ... @@ -62,13 +62,18 @@
62 62   </div>
63 63   <ul>
64 64   #foreach ($topic in $data.topics)
65 - <li>$topic</li>
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>
66 66   #end
67 67   </ul>
68 68   </div>
69 69   <div class="videoCard-footer">
70 70   $services.icon.renderHTML('play')
71 - <a href="$data.url">Watch</a>
123 + <a href="$data.url">$services.localization.render('help.videos.watch')</a>
72 72   <span class="videoCard-duration">
73 73   $escapetool.xml($data.duration)
74 74   </span>
... ... @@ -96,5 +96,5 @@
96 96  </div>
97 97  {{/html}}
98 98  
99 -[[View more videos>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
151 +[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
100 100  {{/velocity}}