<%
    function relDocPath(fullPath) {
        return fullPath.substring(fullPath.indexOf('docs') + 5).replace('\\', '/')
    }

    function relSrcPath(document) {
        if(document && document.heading && document.heading.link && document.heading.link.url){
            return '../' + document.heading.link.url.substring(document.heading.link.url.indexOf('lib')).replace('\\', '/')
        }
    }

    function renderSection(sectionName) {
        var sectionDocs = documents.filter(doc => doc.classType === sectionName.toLowerCase());

        if (sectionDocs.length > 0) { -%>

### <%= sectionName %>

| Name | Description | Source link |
| --- | --- | --|
<%      }

        sectionDocs.forEach(document => { -%>
| [<%= document['title'] %>](<%= relDocPath(document['id']) %>) -%>
<% if (document['status'] && document['status'] !== 'Active') { -%>
![<%= document['status'] %>](docassets/images/<%= document['status'] %>Icon.png) <% } -%>
| <%= document['paragraph']['plaintext'] %> | [Source](<%= relSrcPath(document) %>) |
<%      });
    }
-%>
<%
renderSection('Components');
renderSection('Directives');
renderSection('Dialogs');
renderSection('Interfaces');
renderSection('Models');
renderSection('Pipes');
renderSection('Services');
renderSection('Widgets');
-%>