Modal Templates

globals.xsl

<xsl:template match="videos-random/entry">
  <xsl:call-template name="modal-entry"/>
</xsl:template>


<xsl:template match="videos-all/entry">
  <xsl:call-template name="modal-entry"/>
</xsl:template>


<xsl:template name="modal-entry">

  <div class="modal fade">
    <xsl:attribute name="id">
      <xsl:text>videoModal-</xsl:text>
      <xsl:value-of select="position()"/>
    </xsl:attribute>
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title">
            <xsl:value-of select="title"/>
          </h4>
        </div>
        <div class="modal-body">
          <img class="img-responsive" width="800" height="300">
            <xsl:attribute name="data-responsimage">
              <xsl:value-of select="placeholder/item/image"/>
            </xsl:attribute>
          </img>
        </div>
        <div class="modal-footer">
          <a class="btn btn-default" data-dismiss="modal">Close</a>
          <xsl:if test="$page-title != 'videos'">
            <a class="btn btn-default" href="{$root}/videos/#{title/@handle}">Video Link</a>
          </xsl:if>
          <a class="btn btn-primary" href="{$root}/music">See all Music</a>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

</xsl:template>