Exibir código-fonte para Help/Videos

{{velocity output="false"}}
#set ($docextras = [])

#set ($videoCards = [{
  'title': $services.localization.render('help.videos.videoCard1.title'),
  'topics': [
    $services.localization.render('help.videos.videoCard1.topic1'),
    $services.localization.render('help.videos.videoCard1.topic2')
  ],
  'url': 'https://www.youtube.com/embed/p5g6aDGOqWY',
  'duration': '4 min'
}, {
  'title': $services.localization.render('help.videos.videoCard2.title'),
  'topics': [
    $services.localization.render('help.videos.videoCard2.topic1'),
    $services.localization.render('help.videos.videoCard2.topic2'),
    $services.localization.render('help.videos.videoCard2.topic3')
  ],
  'url': 'https://www.youtube.com/embed/zX1Itoh3E68',
  'duration': '5 min'
}, {
  'title': $services.localization.render('help.videos.videoCard3.title'),
  'topics': [
    $services.localization.render('help.videos.videoCard3.topic1'),
    $services.localization.render('help.videos.videoCard3.topic2'),
    $services.localization.render('help.videos.videoCard3.topic3')
  ],
  'url': 'https://www.youtube.com/embed/onenEu21FIk',
  'duration': '6 min'
}, {
  'title': $services.localization.render('help.videos.videoCard4.title'),
  'topics': [
    $services.localization.render('help.videos.videoCard4.topic1'),
    $services.localization.render('help.videos.videoCard4.topic2')
  ],
  'url': 'https://www.youtube.com/embed/csQVSRMVclM',
  'duration': '4 min'
}, {
  'title': $services.localization.render('help.videos.videoCard5.title'),
  'topics': [
    $services.localization.render('help.videos.videoCard5.topic1'),
    $services.localization.render('help.videos.videoCard5.topic2')
  ],
  'url': 'https://www.youtube.com/embed/Pv4jPCaU99g',
  'duration': '7 min'
}, {
  'title': $services.localization.render('help.videos.videoCard6.title'),
  'topics': [
    $services.localization.render('help.videos.videoCard6.topic1'),
    $services.localization.render('help.videos.videoCard6.topic2')
  ],
  'url': 'https://www.youtube.com/embed/Q4NHu6J5pX4',
  'duration': '3 min'
}])

#macro (helpVideoCard $data)
  <div class="videoCard">
    <iframe src="$data.url" allowfullscreen title="$escapetool.xml($data.title)" role="presentation" ></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">$services.localization.render('help.videos.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}}

[[$services.localization.render('help.videos.more')>>https://www.youtube.com/playlist?list=PLhe7KI1rstRQeLSHxcTozZ0HJSk-mIYzt]]
{{/velocity}}