gd-sprest-js/build/fabric/templates/pivot.js

SharePoint 2013/Online js components.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/**
 * Pivot
 */
exports.Pivot = function (props) {
    var tabs = [];
    var tabContents = [];
    // Parse the tabs
    for (var i = 0; i < props.tabs.length; i++) {
        var tab = props.tabs[i];
        // Set the class name
        var className_1 = tab.className || "";
        className_1 += tab.isSelected ? " is-selected" : "";
        // Add the tab
        tabs.push([
            '<li class="ms-Pivot-link ' + className_1 + '" data-content="' + tab.name + '" title="' + tab.name + '" tabindex="1">',
            tab.name,
            '</li>'
        ].join('\n'));
        // Add the tab content
        tabContents.push([
            '<div class="ms-Pivot-content" data-content="' + tab.name + '">',
            tab.content,
            '</div>'
        ].join('\n'));
    }
    // Set the class name
    var className = [
        props.className || "",
        props.isLarge ? "ms-Pivot--large" : "",
        props.isTabs ? "ms-Pivot--tabs" : ""
    ].join(" ").trim();
    // Return the template
    return props.isFlipped ?
        [
            '<div class="ms-Pivot ' + className + '">',
            tabContents.join('\n'),
            '<ul class="ms-Pivot-links">',
            tabs.join('\n'),
            '</ul>',
            '</div>'
        ].join('\n')
        :
            [
                '<div class="ms-Pivot ' + className + '">',
                '<ul class="ms-Pivot-links">',
                tabs.join('\n'),
                '</ul>',
                tabContents.join('\n'),
                '</div>'
            ].join('\n');
};