Wiki source code of Videos

Last modified by eaminov on 2017/06/14 01:05
{{velocity output="false"}}
#set ($docextras = [])

#set ($videoCards = [{
  'title': 'Homepage Overview',
  'topics': [
    'Discover the elements displayed on your homepage',
    'Start browsing your wiki'
  ],
  'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
  'duration': '4 min'
}, {
  'title': 'Homepage Customization',
  'topics': [
    'Learn how to change your wiki color theme',
    'Learn how to add panels and columns to your wiki look',
    'Learn how to add widgets to a wiki'
  ],
  'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
  'duration': '5 min'
}, {
  'title': 'Page and Content Creation',
  'topics': [
    'Discover how to create a page',
    'Learn how to use the WYSIWYG editor',
    'Discover the view and edit modes'
  ],
  'url': 'https://www.youtube.com/embed/onenEu21FIk',
  'duration': '6 min'
}, {
  'title': 'Importing Office Documents to XWiki',
  'topics': [
    'Discover how to import Office Documents to your wiki',
    'Learn how to use a "Table of content" macro'
  ],
  'url': 'https://www.youtube.com/embed/csQVSRMVclM',
  'duration': '4 min'
}, {
  'title': 'App Within Minutes',
  'topics': [
    'Discover how to create an application',
    'Learn how to use your application'
  ],
  'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
  'duration': '7 min'
}, {
  'title': 'Add / Remove Extensions',
  'topics': [
    'Discover how to add/remove extensions using the Extension Manager',
    'Discover the XWiki Administration UI'
  ],
  'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
  'duration': '3 min'
}])

#macro (helpVideoCard $data)
  <div class="videoCard">
    <iframe src="$data.url" allowfullscreen></iframe>  
    <div class="videoCard-body">
      <div class="videoCard-title">
        $escapetool.xml($data.title)
      </div>
      <ul>
        #foreach ($topic in $data.topics)
          <li>$topic</li>
        #end
      </ul>
    </div>
    <div class="videoCard-footer">
      $services.icon.renderHTML('play')
      <a href="$data.url">Watch</a>
      <span class="videoCard-duration">
        $escapetool.xml($data.duration)
      </span>
    </div>
  </div>
#end
{{/velocity}}

{{velocity}}
{{html clean="false"}}
#set ($discard = $xwiki.ssx.use('Help.Videos.WebHome'))
<div class="row">
  #foreach ($card in $videoCards)
    ## See http://getbootstrap.com/css/#grid-responsive-resets .
    #if ($foreach.index > 0 && $foreach.index % 2 == 0)
      <div class="clearfix visible-sm-block "></div>
    #end
    #if ($foreach.index > 0 && $foreach.index % 3 == 0)
      <div class="clearfix visible-md-block visible-lg-block"></div>
    #end
    <div class="col-xs-12 col-sm-6 col-md-4">
      #helpVideoCard($card)
    </div>
  #end
</div>
{{/html}}

[[View more videos>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
{{/velocity}}