Wiki source code of Videos

Last modified by eaminov on 2017/06/14 01:05
Hide line numbers
  1: {{velocity output="false"}}
  2: #set ($docextras = [])
  3: 
  4: #set ($videoCards = [{
  5:   'title': 'Homepage Overview',
  6:   'topics': [
  7:     'Discover the elements displayed on your homepage',
  8:     'Start browsing your wiki'
  9:   ],
 10:   'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
 11:   'duration': '4 min'
 12: }, {
 13:   'title': 'Homepage Customization',
 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'
 18:   ],
 19:   'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
 20:   'duration': '5 min'
 21: }, {
 22:   'title': 'Page and Content Creation',
 23:   'topics': [
 24:     'Discover how to create a page',
 25:     'Learn how to use the WYSIWYG editor',
 26:     'Discover the view and edit modes'
 27:   ],
 28:   'url': 'https://www.youtube.com/embed/onenEu21FIk',
 29:   'duration': '6 min'
 30: }, {
 31:   'title': 'Importing Office Documents to XWiki',
 32:   'topics': [
 33:     'Discover how to import Office Documents to your wiki',
 34:     'Learn how to use a "Table of content" macro'
 35:   ],
 36:   'url': 'https://www.youtube.com/embed/csQVSRMVclM',
 37:   'duration': '4 min'
 38: }, {
 39:   'title': 'App Within Minutes',
 40:   'topics': [
 41:     'Discover how to create an application',
 42:     'Learn how to use your application'
 43:   ],
 44:   'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
 45:   'duration': '7 min'
 46: }, {
 47:   'title': 'Add / Remove Extensions',
 48:   'topics': [
 49:     'Discover how to add/remove extensions using the Extension Manager',
 50:     'Discover the XWiki Administration UI'
 51:   ],
 52:   'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
 53:   'duration': '3 min'
 54: }])
 55: 
 56: #macro (helpVideoCard $data)
 57:   <div class="videoCard">
 58:     <iframe src="$data.url" allowfullscreen></iframe>  
 59:     <div class="videoCard-body">
 60:       <div class="videoCard-title">
 61:         $escapetool.xml($data.title)
 62:       </div>
 63:       <ul>
 64:         #foreach ($topic in $data.topics)
 65:           <li>$topic</li>
 66:         #end
 67:       </ul>
 68:     </div>
 69:     <div class="videoCard-footer">
 70:       $services.icon.renderHTML('play')
 71:       <a href="$data.url">Watch</a>
 72:       <span class="videoCard-duration">
 73:         $escapetool.xml($data.duration)
 74:       </span>
 75:     </div>
 76:   </div>
 77: #end
 78: {{/velocity}}
 79: 
 80: {{velocity}}
 81: {{html clean="false"}}
 82: #set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
 83: <div class="row">
 84:   #foreach ($card in $videoCards)
 85:     ## See http://getbootstrap.com/css/#grid-responsive-resets .
 86:     #if ($foreach.index > 0 && $foreach.index % 2 == 0)
 87:       <div class="clearfix visible-sm-block "></div>
 88:     #end
 89:     #if ($foreach.index > 0 && $foreach.index % 3 == 0)
 90:       <div class="clearfix visible-md-block visible-lg-block"></div>
 91:     #end
 92:     <div class="col-xs-12 col-sm-6 col-md-4">
 93:       #helpVideoCard($card)
 94:     </div>
 95:   #end
 96: </div>
 97: {{/html}}
 98: 
 99: [[View more videos>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
100: {{/velocity}}
Wiki source code of Videos

Applications

Navigation
