LearningPath

/**
* Learning Paths Display
*
* @param map $lp - learning path object to display
* @param string $name - name of a learning path to display
* @param boolean $showPages - whether or not to display pages
*/

var lp = $lp;
if(lp === null) {
    lp = wiki.learningpath($name);
}
if(!lp) {
    return null;
}
var showPages = $showPages !== false ? true : false;
var noToggle = !showPages ? 'mt-no-toggle' : '';

<div class=("mt-lp-path-container mt-lp-path-container-" .. lp.name .. ' ' .. noToggle) ('data-lp-name')=(lp.name) ('data-ga-action')="Learning path view">
    <div class=("mt-toggle mt-toggle-container mt-lp-pages-container f-lp-pages-container") ('data-title')=(wiki.localize("MindTouch.LearningPath.label.view-pages"))>
        <dl class="mt-listing-detailed">
            <dt class="mt-listing-detailed-title">
                <a href=(lp.uri) title=(lp.title) ('data-ga-label')="Learning path link">
                    <span class="mt-icon-article-lp"></span>
                    lp.title
                </a>
            </dt>
            <dd class="mt-listing-detailed-overview">lp.summary</dd>
            <dd class="mt-listing-detailed-pagecount">wiki.localize('MindTouch.LearningPath.message.page-count', [lp.pages.count('$')])</>
            if(showPages) {
                <dd class="mt-listing-detailed-subpages">
                    <div class="mt-collapsible-section">
                        <ul class="mt-lp-page-listings mt-guide-listings" id=("lp-pages-" .. lp.id)>
                        foreach(var page in lp.pages) {
                            <li class="mt-icon-lp-page">
                                <dl class="mt-listing-detailed">
                                    <dt class="mt-listing-detailed-title">
                                        <a class="mt-lp-page-link" href=(page.uri) title=(page.node.title) ('data-ga-label')="Page link">
                                            <span class=("mt-icon-article-" .. page.node.article)></span>
                                            page.node.title
                                        </a>
                                    </dt>
                                    <dd class="mt-listing-detailed-overview mt-lp-page-overview">page.node.overview</dd>
                                </dl>
                            </li>
                        }
                        </ul>
                    </div>
                </dd>
            }
        </dl>
    </div>
</div>