<ol class="breadcrumb">
  <li>Pipes</li>
  <li>{{name}}</li>
</ol>

{{#unless disableSourceCode}}
<ul class="nav nav-tabs" role="tablist">
    <li class="active">
        <a href="#infos" id="infos-tab" role="tab" data-toggle="tab">Infos</a>
    </li>
    <li>
        <a href="#source" role="tab" id="source-tab" data-toggle="tab">Source</a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="infos">
        {{/unless}}
        <p class="comment">
            <h3>File</h3>
        </p>
        <p class="comment">
            <code>{{pipe.file}}</code>
        </p>

        {{#if pipe.description}}
            <p class="comment">
                <h3>Description</h3>
            </p>
            <p class="comment">
                {{{parseDescription pipe.description}}}
            </p>
        {{/if}}

        {{#if pipe.jsdoctags}}
            <p class="comment">
                <h3>Example</h3>
            </p>
            <div class="io-description">
                {{#jsdoc-component-example pipe.jsdoctags type='javascript'}}
                    {{#each tags}}
                        <div>
                            {{{comment}}}
                        </div>
                    {{/each}}
                {{/jsdoc-component-example}}
            </div>
        {{/if}}

    {{#unless disableSourceCode}}
    </div>
    <div class="tab-pane fade tab-source-code" id="source">
        <pre><code class="hljs javascript">{{ pipe.sourceCode}}</code></pre>
    </div>
</div>
{{/unless}}
